@charset "UTF-8";
/*!
 * NPC Feuille de style
 *
 * Fichier "maître" pour générer la feuille de style "Marché des Particuliers"
 */
/*!
 * NPC Feuille de style
 *
 * Fichier "include" regroupant l'importation des éléments communs à tous les marchés
 */
/*
TTF - Works in most browsers except IE and iPhone.
EOT - IE only.
WOFF - Compressed, emerging standard.
SVG - iPhone/iPad

https://www.fontsquirrel.com/fonts/roboto-slab
Pour Roboto Slab
thin 100
light 300
regular 400
bold 700

*/
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/opensans/OpenSans-Light.eot");
  src: url("../fonts/opensans/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Light.woff2") format("woff2"), url("../fonts/opensans/OpenSans-Light.ttf") format("truetype"), url("../fonts/opensans/OpenSans-Light.svg#Open Sans") format("svg"); }

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/opensans/OpenSans-Regular.eot");
  src: url("../fonts/opensans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Regular.woff2") format("woff2"), url("../fonts/opensans/OpenSans-Regular.ttf") format("truetype"), url("../fonts/opensans/OpenSans-Regular.svg#Open Sans") format("svg"); }

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/opensans/OpenSans-Semibold.eot");
  src: url("../fonts/opensans/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Semibold.woff2") format("woff2"), url("../fonts/opensans/OpenSans-Semibold.ttf") format("truetype"), url("../fonts/opensans/OpenSans-Semibold.svg#Open Sans") format("svg"); }

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/opensans/OpenSans-Bold.eot");
  src: url("../fonts/opensans/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Bold.woff2") format("woff2"), url("../fonts/opensans/OpenSans-Bold.ttf") format("truetype"), url("../fonts/opensans/OpenSans-Bold.svg#Open Sans") format("svg"); }

@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/robotoslab/RobotoSlab-Thin.eot");
  src: url("../fonts/robotoslab/RobotoSlab-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/robotoslab/RobotoSlab-Thin.woff2") format("woff2"), url("../fonts/robotoslab/RobotoSlab-Thin.ttf") format("truetype"), url("../fonts/robotoslab/RobotoSlab-Thin.svg#Roboto Slab") format("svg"); }

@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/robotoslab/RobotoSlab-Light.eot");
  src: url("../fonts/robotoslab/RobotoSlab-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/robotoslab/RobotoSlab-Light.woff2") format("woff2"), url("../fonts/robotoslab/RobotoSlab-Light.ttf") format("truetype"), url("../fonts/robotoslab/RobotoSlab-Light.svg#Roboto Slab") format("svg"); }

@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/robotoslab/RobotoSlab-Regular.eot");
  src: url("../fonts/robotoslab/RobotoSlab-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/robotoslab/RobotoSlab-Regular.woff2") format("woff2"), url("../fonts/robotoslab/RobotoSlab-Regular.ttf") format("truetype"), url("../fonts/robotoslab/RobotoSlab-Regular.svg#Roboto Slab") format("svg"); }

@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/robotoslab/RobotoSlab-Bold.eot");
  src: url("../fonts/robotoslab/RobotoSlab-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/robotoslab/RobotoSlab-Bold.woff2") format("woff2"), url("../fonts/robotoslab/RobotoSlab-Bold.ttf") format("truetype"), url("../fonts/robotoslab/RobotoSlab-Bold.svg#Roboto Slab") format("svg"); }

/*doc
---
title: NPC Icons
name: npc-icons
category: npc-icons
---

<style type="text/css">
table .icon {font-size: 3em}
</style>

```html_example
<div class="icon npc-logo-ca"></div>
```

###Liste des classes disponibles

| Image                                                             | Classe | Code | name | True filename |
| ----------------------------------------------------------------- |--------|------|------|---------------|
| <div class="icon npc-action-menu" style="font-size:40px"></div> | `npc-action-menu` | f101 |action-menu | 001-action-menu
| <div class="icon npc-add" style="font-size:40px"></div> | `npc-add` | f102 |add | 002-add
| <div class="icon npc-add-user" style="font-size:40px"></div> | `npc-add-user` | f103 |add-user | 003-add-user
| <div class="icon npc-after" style="font-size:40px"></div> | `npc-after` | f104 |after | 004-after
| <div class="icon npc-arrow-down-filled" style="font-size:40px"></div> | `npc-arrow-down-filled` | f105 |arrow-down-filled | 005-arrow-down-filled
| <div class="icon npc-arrow-down" style="font-size:40px"></div> | `npc-arrow-down` | f106 |arrow-down | 006-arrow-down
| <div class="icon npc-arrow-next" style="font-size:40px"></div> | `npc-arrow-next` | f107 |arrow-next | 007-arrow-next
| <div class="icon npc-arrow-previous" style="font-size:40px"></div> | `npc-arrow-previous` | f108 |arrow-previous | 008-arrow-previous
| <div class="icon npc-arrow-up" style="font-size:40px"></div> | `npc-arrow-up` | f109 |arrow-up | 009-arrow-up
| <div class="icon npc-attachment" style="font-size:40px"></div> | `npc-attachment` | f10a |attachment | 010-attachment
| <div class="icon npc-avatar" style="font-size:40px"></div> | `npc-avatar` | f10b |avatar | 011-avatar
| <div class="icon npc-bank" style="font-size:40px"></div> | `npc-bank` | f10c |bank | 012-bank
| <div class="icon npc-bell" style="font-size:40px"></div> | `npc-bell` | f10d |bell | 013-bell
| <div class="icon npc-birth-act" style="font-size:40px"></div> | `npc-birth-act` | f10e |birth-act | 014-birth-act
| <div class="icon npc-building" style="font-size:40px"></div> | `npc-building` | f10f |building | 015-building
| <div class="icon npc-bulb" style="font-size:40px"></div> | `npc-bulb` | f110 |bulb | 016-bulb
| <div class="icon npc-calculator" style="font-size:40px"></div> | `npc-calculator` | f111 |calculator | 017-calculator
| <div class="icon npc-calendar" style="font-size:40px"></div> | `npc-calendar` | f112 |calendar | 018-calendar
| <div class="icon npc-card" style="font-size:40px"></div> | `npc-card` | f113 |card | 019-card
| <div class="icon npc-check" style="font-size:40px"></div> | `npc-check` | f114 |check | 020-check
| <div class="icon npc-checked" style="font-size:40px"></div> | `npc-checked` | f115 |checked | 021-checked
| <div class="icon npc-chrono" style="font-size:40px"></div> | `npc-chrono` | f116 |chrono | 022-chrono
| <div class="icon npc-circle-bar" style="font-size:40px"></div> | `npc-circle-bar` | f117 |circle-bar | 023-circle-bar
| <div class="icon npc-circle-calendar" style="font-size:40px"></div> | `npc-circle-calendar` | f118 |circle-calendar | 024-circle-calendar
| <div class="icon npc-circle-dark-next" style="font-size:40px"></div> | `npc-circle-dark-next` | f119 |circle-dark-next | 025-circle-dark-next
| <div class="icon npc-circle-dark-previous" style="font-size:40px"></div> | `npc-circle-dark-previous` | f11a |circle-dark-previous | 026-circle-dark-previous
| <div class="icon npc-circle-doc" style="font-size:40px"></div> | `npc-circle-doc` | f11b |circle-doc | 027-circle-doc
| <div class="icon npc-circle-folder" style="font-size:40px"></div> | `npc-circle-folder` | f11c |circle-folder | 028-circle-folder
| <div class="icon npc-circle-play" style="font-size:40px"></div> | `npc-circle-play` | f11d |circle-play | 029-circle-play
| <div class="icon npc-circle-plus" style="font-size:40px"></div> | `npc-circle-plus` | f11e |circle-plus | 030-circle-plus
| <div class="icon npc-circle-send" style="font-size:40px"></div> | `npc-circle-send` | f11f |circle-send | 031-circle-send
| <div class="icon npc-circle-trademark" style="font-size:40px"></div> | `npc-circle-trademark` | f120 |circle-trademark | 032-circle-trademark
| <div class="icon npc-clock" style="font-size:40px"></div> | `npc-clock` | f121 |clock | 033-clock
| <div class="icon npc-close" style="font-size:40px"></div> | `npc-close` | f122 |close | 034-close
| <div class="icon npc-day" style="font-size:40px"></div> | `npc-day` | f123 |day | 035-day
| <div class="icon npc-decrease" style="font-size:40px"></div> | `npc-decrease` | f124 |decrease | 036-decrease
| <div class="icon npc-devices" style="font-size:40px"></div> | `npc-devices` | f125 |devices | 037-devices
| <div class="icon npc-document-attached" style="font-size:40px"></div> | `npc-document-attached` | f126 |document-attached | 038-document-attached
| <div class="icon npc-document" style="font-size:40px"></div> | `npc-document` | f127 |document | 039-document
| <div class="icon npc-done" style="font-size:40px"></div> | `npc-done` | f128 |done | 040-done
| <div class="icon npc-download" style="font-size:40px"></div> | `npc-download` | f129 |download | 041-download
| <div class="icon npc-driver-license-french" style="font-size:40px"></div> | `npc-driver-license-french` | f12a |driver-license-french | 042-driver-license-french
| <div class="icon npc-driver-license" style="font-size:40px"></div> | `npc-driver-license` | f12b |driver-license | 043-driver-license
| <div class="icon npc-engine" style="font-size:40px"></div> | `npc-engine` | f12c |engine | 044-engine
| <div class="icon npc-facebook" style="font-size:40px"></div> | `npc-facebook` | f12d |facebook | 045-facebook
| <div class="icon npc-factory" style="font-size:40px"></div> | `npc-factory` | f12e |factory | 046-factory
| <div class="icon npc-family-record-book" style="font-size:40px"></div> | `npc-family-record-book` | f12f |family-record-book | 047-family-record-book
| <div class="icon npc-flag" style="font-size:40px"></div> | `npc-flag` | f130 |flag | 048-flag
| <div class="icon npc-france" style="font-size:40px"></div> | `npc-france` | f131 |france | 049-france
| <div class="icon npc-growth" style="font-size:40px"></div> | `npc-growth` | f132 |growth | 050-growth
| <div class="icon npc-hamburger" style="font-size:40px"></div> | `npc-hamburger` | f133 |hamburger | 051-hamburger
| <div class="icon npc-id-card" style="font-size:40px"></div> | `npc-id-card` | f134 |id-card | 052-id-card
| <div class="icon npc-increase" style="font-size:40px"></div> | `npc-increase` | f135 |increase | 053-increase
| <div class="icon npc-information-blank" style="font-size:40px"></div> | `npc-information-blank` | f136 |information-blank | 054-information-blank
| <div class="icon npc-information" style="font-size:40px"></div> | `npc-information` | f137 |information | 055-information
| <div class="icon npc-instagram" style="font-size:40px"></div> | `npc-instagram` | f138 |instagram | 056-instagram
| <div class="icon npc-keypad" style="font-size:40px"></div> | `npc-keypad` | f139 |keypad | 057-keypad
| <div class="icon npc-ko" style="font-size:40px"></div> | `npc-ko` | f13a |ko | 058-ko
| <div class="icon npc-left" style="font-size:40px"></div> | `npc-left` | f13b |left | 059-left
| <div class="icon npc-linkedin" style="font-size:40px"></div> | `npc-linkedin` | f13c |linkedin | 060-linkedin
| <div class="icon npc-locator-blank" style="font-size:40px"></div> | `npc-locator-blank` | f13d |locator-blank | 061-locator-blank
| <div class="icon npc-locator" style="font-size:40px"></div> | `npc-locator` | f13e |locator | 062-locator
| <div class="icon npc-logo-ca" style="font-size:40px"></div> | `npc-logo-ca` | f13f |logo-ca | 063-logo-ca
| <div class="icon npc-magnifer" style="font-size:40px"></div> | `npc-magnifer` | f140 |magnifer | 064-magnifer
| <div class="icon npc-mail" style="font-size:40px"></div> | `npc-mail` | f141 |mail | 065-mail
| <div class="icon npc-masonry" style="font-size:40px"></div> | `npc-masonry` | f142 |masonry | 066-masonry
| <div class="icon npc-mobile" style="font-size:40px"></div> | `npc-mobile` | f143 |mobile | 067-mobile
| <div class="icon npc-money" style="font-size:40px"></div> | `npc-money` | f144 |money | 068-money
| <div class="icon npc-ok" style="font-size:40px"></div> | `npc-ok` | f145 |ok | 069-ok
| <div class="icon npc-padlock-closed" style="font-size:40px"></div> | `npc-padlock-closed` | f146 |padlock-closed | 070-padlock-closed
| <div class="icon npc-padlock-dark-closed" style="font-size:40px"></div> | `npc-padlock-dark-closed` | f147 |padlock-dark-closed | 071-padlock-dark-closed
| <div class="icon npc-padlock-dark-open" style="font-size:40px"></div> | `npc-padlock-dark-open` | f148 |padlock-dark-open | 072-padlock-dark-open
| <div class="icon npc-padlock-white-closed" style="font-size:40px"></div> | `npc-padlock-white-closed` | f149 |padlock-white-closed | 073-padlock-white-closed
| <div class="icon npc-passport" style="font-size:40px"></div> | `npc-passport` | f14a |passport | 074-passport
| <div class="icon npc-pencil" style="font-size:40px"></div> | `npc-pencil` | f14b |pencil | 075-pencil
| <div class="icon npc-phone" style="font-size:40px"></div> | `npc-phone` | f14c |phone | 076-phone
| <div class="icon npc-pickup-phone" style="font-size:40px"></div> | `npc-pickup-phone` | f14d |pickup-phone | 077-pickup-phone
| <div class="icon npc-pie-chart-blank" style="font-size:40px"></div> | `npc-pie-chart-blank` | f14e |pie-chart-blank | 078-pie-chart-blank
| <div class="icon npc-pie-chart" style="font-size:40px"></div> | `npc-pie-chart` | f14f |pie-chart | 079-pie-chart
| <div class="icon npc-pig" style="font-size:40px"></div> | `npc-pig` | f150 |pig | 080-pig
| <div class="icon npc-pin" style="font-size:40px"></div> | `npc-pin` | f151 |pin | 081-pin
| <div class="icon npc-play" style="font-size:40px"></div> | `npc-play` | f152 |play | 082-play
| <div class="icon npc-plus" style="font-size:40px"></div> | `npc-plus` | f153 |plus | 083-plus
| <div class="icon npc-power" style="font-size:40px"></div> | `npc-power` | f154 |power | 084-power
| <div class="icon npc-property-title" style="font-size:40px"></div> | `npc-property-title` | f155 |property-title | 085-property-title
| <div class="icon npc-rain" style="font-size:40px"></div> | `npc-rain` | f156 |rain | 086-rain
| <div class="icon npc-rescue" style="font-size:40px"></div> | `npc-rescue` | f157 |rescue | 087-rescue
| <div class="icon npc-right" style="font-size:40px"></div> | `npc-right` | f158 |right | 088-right
| <div class="icon npc-separator" style="font-size:40px"></div> | `npc-separator` | f159 |separator | 089-separator
| <div class="icon npc-settings" style="font-size:40px"></div> | `npc-settings` | f15a |settings | 090-settings
| <div class="icon npc-share" style="font-size:40px"></div> | `npc-share` | f15b |share | 091-share
| <div class="icon npc-smartphone-bank" style="font-size:40px"></div> | `npc-smartphone-bank` | f15c |smartphone-bank | 092-smartphone-bank
| <div class="icon npc-smartphone" style="font-size:40px"></div> | `npc-smartphone` | f15d |smartphone | 093-smartphone
| <div class="icon npc-somebody" style="font-size:40px"></div> | `npc-somebody` | f15e |somebody | 094-somebody
| <div class="icon npc-star" style="font-size:40px"></div> | `npc-star` | f15f |star | 095-star
| <div class="icon npc-stepper" style="font-size:40px"></div> | `npc-stepper` | f160 |stepper | 096-stepper
| <div class="icon npc-substract" style="font-size:40px"></div> | `npc-substract` | f161 |substract | 097-substract
| <div class="icon npc-sun" style="font-size:40px"></div> | `npc-sun` | f162 |sun | 098-sun
| <div class="icon npc-talk-blank" style="font-size:40px"></div> | `npc-talk-blank` | f163 |talk-blank | 099-talk-blank
| <div class="icon npc-talk-connect" style="font-size:40px"></div> | `npc-talk-connect` | f164 |talk-connect | 100-talk-connect
| <div class="icon npc-talk-dark" style="font-size:40px"></div> | `npc-talk-dark` | f165 |talk-dark | 101-talk-dark
| <div class="icon npc-talk-information-dark" style="font-size:40px"></div> | `npc-talk-information-dark` | f166 |talk-information-dark | 102-talk-information-dark
| <div class="icon npc-talk-information" style="font-size:40px"></div> | `npc-talk-information` | f167 |talk-information | 103-talk-information
| <div class="icon npc-talk-together" style="font-size:40px"></div> | `npc-talk-together` | f168 |talk-together | 104-talk-together
| <div class="icon npc-talk" style="font-size:40px"></div> | `npc-talk` | f169 |talk | 105-talk
| <div class="icon npc-together" style="font-size:40px"></div> | `npc-together` | f16a |together | 106-together
| <div class="icon npc-transfer" style="font-size:40px"></div> | `npc-transfer` | f16b |transfer | 107-transfer
| <div class="icon npc-tv" style="font-size:40px"></div> | `npc-tv` | f16c |tv | 108-tv
| <div class="icon npc-twitter-blank" style="font-size:40px"></div> | `npc-twitter-blank` | f16d |twitter-blank | 109-twitter-blank
| <div class="icon npc-twitter" style="font-size:40px"></div> | `npc-twitter` | f16e |twitter | 110-twitter
| <div class="icon npc-umbrella" style="font-size:40px"></div> | `npc-umbrella` | f16f |umbrella | 111-umbrella
| <div class="icon npc-upload" style="font-size:40px"></div> | `npc-upload` | f170 |upload | 112-upload
| <div class="icon npc-user" style="font-size:40px"></div> | `npc-user` | f171 |user | 113-user
| <div class="icon npc-viadeo" style="font-size:40px"></div> | `npc-viadeo` | f172 |viadeo | 114-viadeo
| <div class="icon npc-wall" style="font-size:40px"></div> | `npc-wall` | f173 |wall | 115-wall
| <div class="icon npc-wallet" style="font-size:40px"></div> | `npc-wallet` | f174 |wallet | 116-wallet
| <div class="icon npc-youtube" style="font-size:40px"></div> | `npc-youtube` | f175 |youtube | 117-youtube
| <div class="icon npc-google" style="font-size:40px"></div> | `npc-google` | f176 |google | 118-google
| <div class="icon npc-rss" style="font-size:40px"></div> | `npc-rss` | f177 |rss | 119-rss
| <div class="icon npc-rounded-article" style="font-size:40px"></div> | `npc-rounded-article` | f178 |rounded-article | 120-rounded-article
| <div class="icon npc-rounded-event" style="font-size:40px"></div> | `npc-rounded-event` | f179 |rounded-event | 121-rounded-event
| <div class="icon npc-rounded-folder" style="font-size:40px"></div> | `npc-rounded-folder` | f17a |rounded-folder | 122-rounded-folder
| <div class="icon npc-rounded-infografics" style="font-size:40px"></div> | `npc-rounded-infografics` | f17b |rounded-infografics | 123-rounded-infografics
| <div class="icon npc-rounded-video" style="font-size:40px"></div> | `npc-rounded-video` | f17c |rounded-video | 124-rounded-video
| <div class="icon npc-trash" style="font-size:40px"></div> | `npc-trash` | f17d |trash | 125-trash
| <div class="icon npc-vocality" style="font-size:40px"></div> | `npc-vocality` | f17e |vocality | 125-vocality
| <div class="icon npc-exclamation" style="font-size:40px"></div> | `npc-exclamation` | f17f |exclamation | 126-exclamation
| <div class="icon npc-star-lined" style="font-size:40px"></div> | `npc-star-lined` | f180 |star-lined | 126-star-lined
| <div class="icon npc-danger" style="font-size:40px"></div> | `npc-danger` | f181 |danger | 127-danger
| <div class="icon npc-star-full" style="font-size:40px"></div> | `npc-star-full` | f182 |star-full | 127-star-full
| <div class="icon npc-calculator2" style="font-size:40px"></div> | `npc-calculator2` | f183 |calculator2 | 128-calculator2
| <div class="icon npc-humanCheck" style="font-size:40px"></div> | `npc-humanCheck` | f184 |humanCheck | 129-humanCheck
| <div class="icon npc-folder" style="font-size:40px"></div> | `npc-folder` | f185 |folder | 131-folder
| <div class="icon npc-plane" style="font-size:40px"></div> | `npc-plane` | f186 |plane | 132-plane
| <div class="icon npc-followMsg" style="font-size:40px"></div> | `npc-followMsg` | f187 |followMsg | 133-followMsg
| <div class="icon npc-mailNoBg" style="font-size:40px"></div> | `npc-mailNoBg` | f188 |mailNoBg | 134-mailNoBg
| <div class="icon npc-draft" style="font-size:40px"></div> | `npc-draft` | f189 |draft | 135-draft
| <div class="icon npc-mail2" style="font-size:40px"></div> | `npc-mail2` | f18a |mail2 | 136-mail2
| <div class="icon npc-exclamation2" style="font-size:40px"></div> | `npc-exclamation2` | f18b |exclamation2 | 137-exclamation2
| <div class="icon npc-boussole" style="font-size:40px"></div> | `npc-boussole` | f18c |boussole | 138-boussole
| <div class="icon npc-effect" style="font-size:40px"></div> | `npc-effect` | f18d |effect | 139-effect
| <div class="icon npc-analyse" style="font-size:40px"></div> | `npc-analyse` | f18e |analyse | 140-analyse
| <div class="icon npc-webedi" style="font-size:40px"></div> | `npc-webedi` | f18f |webedi | 141-webedi
| <div class="icon npc-circleQuestion" style="font-size:40px"></div> | `npc-circleQuestion` | f190 |circleQuestion | 142-circleQuestion
| <div class="icon npc-shareScreen" style="font-size:40px"></div> | `npc-shareScreen` | f191 |shareScreen | 143-shareScreen
| <div class="icon npc-parameters" style="font-size:40px"></div> | `npc-parameters` | f192 |parameters | 144-parameters
| <div class="icon npc-increase-top" style="font-size:40px"></div> | `npc-increase-top` | f193 |increase-top | 145-increase-top
| <div class="icon npc-zoomLess" style="font-size:40px"></div> | `npc-zoomLess` | f194 |zoomLess | 146-zoomLess
| <div class="icon npc-zoomMore" style="font-size:40px"></div> | `npc-zoomMore` | f195 |zoomMore | 147-zoomMore
| <div class="icon npc-downloadTalk" style="font-size:40px"></div> | `npc-downloadTalk` | f196 |downloadTalk | 148-downloadTalk
| <div class="icon npc-dnc-categorie3" style="font-size:40px"></div> | `npc-dnc-categorie3` | f197 |dnc-categorie3 | 149-dnc-categorie3
| <div class="icon npc-dnc-categorie23" style="font-size:40px"></div> | `npc-dnc-categorie23` | f198 |dnc-categorie23 | 150-dnc-categorie23
| <div class="icon npc-dnc-categorie92" style="font-size:40px"></div> | `npc-dnc-categorie92` | f199 |dnc-categorie92 | 151-dnc-categorie92
| <div class="icon npc-dnc-categorie94" style="font-size:40px"></div> | `npc-dnc-categorie94` | f19a |dnc-categorie94 | 152-dnc-categorie94
| <div class="icon npc-dnc-categorie96" style="font-size:40px"></div> | `npc-dnc-categorie96` | f19b |dnc-categorie96 | 153-dnc-categorie96
| <div class="icon npc-dnc-categorie97" style="font-size:40px"></div> | `npc-dnc-categorie97` | f19c |dnc-categorie97 | 154-dnc-categorie97
| <div class="icon npc-dnc-categorie194" style="font-size:40px"></div> | `npc-dnc-categorie194` | f19d |dnc-categorie194 | 156-dnc-categorie194
| <div class="icon npc-dnc-categorie196" style="font-size:40px"></div> | `npc-dnc-categorie196` | f19e |dnc-categorie196 | 157-dnc-categorie196
| <div class="icon npc-dnc-categorie197" style="font-size:40px"></div> | `npc-dnc-categorie197` | f19f |dnc-categorie197 | 158-dnc-categorie197
| <div class="icon npc-dnc-categorie343" style="font-size:40px"></div> | `npc-dnc-categorie343` | f1a0 |dnc-categorie343 | 160-dnc-categorie343
| <div class="icon npc-dnc-categorie941" style="font-size:40px"></div> | `npc-dnc-categorie941` | f1a1 |dnc-categorie941 | 161-dnc-categorie941
| <div class="icon npc-dnc-categorie3012" style="font-size:40px"></div> | `npc-dnc-categorie3012` | f1a2 |dnc-categorie3012 | 163-dnc-categorie3012
| <div class="icon npc-dnc-categorie99343" style="font-size:40px"></div> | `npc-dnc-categorie99343` | f1a3 |dnc-categorie99343 | 164-dnc-categorie99343
| <div class="icon npc-dnc-categorie99992" style="font-size:40px"></div> | `npc-dnc-categorie99992` | f1a4 |dnc-categorie99992 | 165-dnc-categorie99992
| <div class="icon npc-dnc-categorie" style="font-size:40px"></div> | `npc-dnc-categorie` | f1a5 |dnc-categorie | 166-dnc-categorie
| <div class="icon npc-dnc-categorie71" style="font-size:40px"></div> | `npc-dnc-categorie71` | f1a6 |dnc-categorie71 | 167-dnc-categorie71
| <div class="icon npc-dnc-categorie109" style="font-size:40px"></div> | `npc-dnc-categorie109` | f1a7 |dnc-categorie109 | 168-dnc-categorie109
| <div class="icon npc-dnc-categorie111" style="font-size:40px"></div> | `npc-dnc-categorie111` | f1a8 |dnc-categorie111 | 169-dnc-categorie111
| <div class="icon npc-locator-circle" style="font-size:40px"></div> | `npc-locator-circle` | f1a9 |locator-circle | 170-locator-circle
| <div class="icon npc-arrow-next-thin" style="font-size:40px"></div> | `npc-arrow-next-thin` | f1aa |arrow-next-thin | 171-arrow-next-thin
| <div class="icon npc-arrow-previous-thin" style="font-size:40px"></div> | `npc-arrow-previous-thin` | f1ab |arrow-previous-thin | 172-arrow-previous-thin
| <div class="icon npc-user-group" style="font-size:40px"></div> | `npc-user-group` | f1ac |user-group | 173-user-group
| <div class="icon npc-calendar1" style="font-size:40px"></div> | `npc-calendar1` | f1ad |calendar1 | 174-calendar1
| <div class="icon npc-help" style="font-size:40px"></div> | `npc-help` | f1ae |help | 175-help
| <div class="icon npc-list" style="font-size:40px"></div> | `npc-list` | f1af |list | 176-list
| <div class="icon npc-print" style="font-size:40px"></div> | `npc-print` | f1b0 |print | 176-print
| <div class="icon npc-mail3" style="font-size:40px"></div> | `npc-mail3` | f1b1 |mail3 | 177-mail3
| <div class="icon npc-rename" style="font-size:40px"></div> | `npc-rename` | f1b2 |rename | 177-rename
| <div class="icon npc-check2" style="font-size:40px"></div> | `npc-check2` | f1b3 |check2 | 178-check2
| <div class="icon npc-withdrawal" style="font-size:40px"></div> | `npc-withdrawal` | f1b4 |withdrawal | 179-withdrawal
| <div class="icon npc-bank2" style="font-size:40px"></div> | `npc-bank2` | f1b5 |bank2 | 180-bank2
| <div class="icon npc-debit" style="font-size:40px"></div> | `npc-debit` | f1b6 |debit | 181-debit
| <div class="icon npc-various" style="font-size:40px"></div> | `npc-various` | f1b7 |various | 182-various
| <div class="icon npc-percentBack" style="font-size:40px"></div> | `npc-percentBack` | f1b8 |percentBack | 183-percentBack
| <div class="icon npc-transfer2" style="font-size:40px"></div> | `npc-transfer2` | f1b9 |transfer2 | 184-transfer2
| <div class="icon npc-locator-circle-empty" style="font-size:40px"></div> | `npc-locator-circle-empty` | f1ba |locator-circle-empty | 185-locator-circle-empty
| <div class="icon npc-advisor" style="font-size:40px"></div> | `npc-advisor` | f1bb |advisor | 186-advisor
| <div class="icon npc-advisor2" style="font-size:40px"></div> | `npc-advisor2` | f1bc |advisor2 | 187-advisor2
| <div class="icon npc-itinerary" style="font-size:40px"></div> | `npc-itinerary` | f1bd |itinerary | 188-itinerary
| <div class="icon npc-printer" style="font-size:40px"></div> | `npc-printer` | f1be |printer | 189-printer
| <div class="icon npc-at" style="font-size:40px"></div> | `npc-at` | f1bf |at | 190-at
| <div class="icon npc-arrow-top" style="font-size:40px"></div> | `npc-arrow-top` | f1c0 |arrow-top | 191-arrow-top
| <div class="icon npc-drag-drop" style="font-size:40px"></div> | `npc-drag-drop` | f1c1 |drag-drop | 192-drag-drop
| <div class="icon npc-pencil2" style="font-size:40px"></div> | `npc-pencil2` | f1c2 |pencil2 | 193-pencil2
| <div class="icon npc-cloud" style="font-size:40px"></div> | `npc-cloud` | f1c3 |cloud | 194-cloud
| <div class="icon npc-rock--start" style="font-size:40px"></div> | `npc-rock--start` | f1c4 |rock--start | 195-rock--start
| <div class="icon npc-rock--end" style="font-size:40px"></div> | `npc-rock--end` | f1c5 |rock--end | 196-rock--end
| <div class="icon npc-portrait-landscape" style="font-size:40px"></div> | `npc-portrait-landscape` | f1c6 |portrait-landscape | 197-portrait-landscape
| <div class="icon npc-sandglass" style="font-size:40px"></div> | `npc-sandglass` | f1c7 |sandglass | 198-sandglass
| <div class="icon npc-dnc-categorie615" style="font-size:40px"></div> | `npc-dnc-categorie615` | f1c8 |dnc-categorie615 | 200-dnc-categorie615
| <div class="icon npc-dnc-categorie266" style="font-size:40px"></div> | `npc-dnc-categorie266` | f1c9 |dnc-categorie266 | 201-dnc-categorie266
| <div class="icon npc-dnc-categorie363" style="font-size:40px"></div> | `npc-dnc-categorie363` | f1ca |dnc-categorie363 | 202-dnc-categorie363
| <div class="icon npc-dnc-categorie264" style="font-size:40px"></div> | `npc-dnc-categorie264` | f1cb |dnc-categorie264 | 203-dnc-categorie264
| <div class="icon npc-dnc-categorie207" style="font-size:40px"></div> | `npc-dnc-categorie207` | f1cc |dnc-categorie207 | 204-dnc-categorie207
| <div class="icon npc-dnc-categorie614" style="font-size:40px"></div> | `npc-dnc-categorie614` | f1cd |dnc-categorie614 | 205-dnc-categorie614
| <div class="icon npc-dnc-categorie617" style="font-size:40px"></div> | `npc-dnc-categorie617` | f1ce |dnc-categorie617 | 206-dnc-categorie617
| <div class="icon npc-dnc-categorie93" style="font-size:40px"></div> | `npc-dnc-categorie93` | f1cf |dnc-categorie93 | 207-dnc-categorie93
| <div class="icon npc-dnc-categorie269" style="font-size:40px"></div> | `npc-dnc-categorie269` | f1d0 |dnc-categorie269 | 208-dnc-categorie269
| <div class="icon npc-dnc-categorie206" style="font-size:40px"></div> | `npc-dnc-categorie206` | f1d1 |dnc-categorie206 | 209-dnc-categorie206
| <div class="icon npc-dnc-categorie613" style="font-size:40px"></div> | `npc-dnc-categorie613` | f1d2 |dnc-categorie613 | 210-dnc-categorie613
| <div class="icon npc-dnc-categorie205" style="font-size:40px"></div> | `npc-dnc-categorie205` | f1d3 |dnc-categorie205 | 212-dnc-categorie205
| <div class="icon npc-dnc-categorie263" style="font-size:40px"></div> | `npc-dnc-categorie263` | f1d4 |dnc-categorie263 | 213-dnc-categorie263
| <div class="icon npc-dnc-categorie265" style="font-size:40px"></div> | `npc-dnc-categorie265` | f1d5 |dnc-categorie265 | 215-dnc-categorie265
| <div class="icon npc-life-and-pension" style="font-size:40px"></div> | `npc-life-and-pension` | f1d6 |life-and-pension | 233-life-and-pension |
*/
@font-face {
  font-family: "NPC Icons";
  src: url("../fonts/npcicons/npcicons.woff2") format("woff2"), url("../fonts/npcicons/npcicons.woff") format("woff"), url("../fonts/npcicons/npcicons.ttf") format("truetype"); }

.icon, .ImportDocs-icon:before, .npc-action-menu:before, .npc-add:before, .npc-add-user:before, .npc-after:before, .npc-arrow-down-filled:before, .npc-arrow-down:before, .npc-arrow-next:before, .npc-arrow-previous:before, .npc-arrow-up:before, .npc-attachment:before, .npc-avatar:before, .npc-bank:before, .npc-bell:before, .npc-birth-act:before, .npc-building:before, .npc-bulb:before, .npc-calculator:before, .npc-calendar:before, .npc-card:before, .npc-check:before, .npc-checked:before, .npc-chrono:before, .npc-circle-bar:before, .npc-circle-calendar:before, .npc-circle-dark-next:before, .npc-circle-dark-previous:before, .npc-circle-doc:before, .npc-circle-folder:before, .npc-circle-play:before, .npc-circle-plus:before, .npc-circle-send:before, .npc-circle-trademark:before, .npc-clock:before, .npc-close:before, .npc-day:before, .npc-decrease:before, .npc-devices:before, .npc-document-attached:before, .npc-document:before, .npc-done:before, .npc-download:before, .npc-driver-license-french:before, .npc-driver-license:before, .npc-engine:before, .npc-facebook:before, .npc-factory:before, .npc-family-record-book:before, .npc-flag:before, .npc-france:before, .npc-growth:before, .npc-hamburger:before, .npc-id-card:before, .npc-increase:before, .npc-information-blank:before, .npc-information:before, .npc-instagram:before, .npc-keypad:before, .npc-ko:before, .npc-left:before, .npc-linkedin:before, .npc-locator-blank:before, .npc-locator:before, .npc-logo-ca:before, .npc-magnifer:before, .npc-mail:before, .npc-masonry:before, .npc-mobile:before, .npc-money:before, .npc-ok:before, .npc-padlock-closed:before, .npc-padlock-dark-closed:before, .npc-padlock-dark-open:before, .npc-padlock-white-closed:before, .npc-passport:before, .npc-pencil:before, .npc-phone:before, .npc-pickup-phone:before, .npc-pie-chart-blank:before, .npc-pie-chart:before, .npc-pig:before, .npc-pin:before, .npc-play:before, .npc-plus:before, .npc-power:before, .npc-property-title:before, .npc-rain:before, .npc-rescue:before, .npc-right:before, .npc-separator:before, .npc-settings:before, .npc-share:before, .npc-smartphone-bank:before, .npc-smartphone:before, .npc-somebody:before, .npc-star:before, .npc-stepper:before, .npc-substract:before, .npc-sun:before, .npc-talk-blank:before, .npc-talk-connect:before, .npc-talk-dark:before, .npc-talk-information-dark:before, .npc-talk-information:before, .npc-talk-together:before, .npc-talk:before, .npc-together:before, .npc-transfer:before, .npc-tv:before, .npc-twitter-blank:before, .npc-twitter:before, .npc-umbrella:before, .npc-upload:before, .npc-user:before, .npc-viadeo:before, .npc-wall:before, .npc-wallet:before, .npc-youtube:before, .npc-google:before, .npc-rss:before, .npc-rounded-article:before, .npc-rounded-event:before, .npc-rounded-folder:before, .npc-rounded-infografics:before, .npc-rounded-video:before, .npc-trash:before, .npc-vocality:before, .npc-exclamation:before, .npc-star-lined:before, .npc-danger:before, .npc-star-full:before, .npc-calculator2:before, .npc-humanCheck:before, .npc-folder:before, .npc-plane:before, .npc-followMsg:before, .npc-mailNoBg:before, .npc-draft:before, .npc-mail2:before, .npc-exclamation2:before, .npc-boussole:before, .npc-effect:before, .npc-analyse:before, .npc-webedi:before, .npc-circleQuestion:before, .npc-shareScreen:before, .npc-parameters:before, .npc-increase-top:before, .npc-zoomLess:before, .npc-zoomMore:before, .npc-downloadTalk:before, .npc-dnc-categorie3:before, .npc-dnc-categorie23:before, .npc-dnc-categorie92:before, .npc-dnc-categorie94:before, .npc-dnc-categorie96:before, .npc-dnc-categorie97:before, .npc-dnc-categorie194:before, .npc-dnc-categorie196:before, .npc-dnc-categorie197:before, .npc-dnc-categorie343:before, .npc-dnc-categorie941:before, .npc-dnc-categorie3012:before, .npc-dnc-categorie99343:before, .npc-dnc-categorie99992:before, .npc-dnc-categorie:before, .npc-dnc-categorie71:before, .npc-dnc-categorie109:before, .npc-dnc-categorie111:before, .npc-locator-circle:before, .npc-arrow-next-thin:before, .npc-arrow-previous-thin:before, .npc-user-group:before, .npc-calendar1:before, .npc-help:before, .npc-list:before, .npc-print:before, .npc-mail3:before, .npc-rename:before, .npc-check2:before, .npc-withdrawal:before, .npc-bank2:before, .npc-debit:before, .npc-various:before, .npc-percentBack:before, .npc-transfer2:before, .npc-locator-circle-empty:before, .npc-advisor:before, .npc-advisor2:before, .npc-itinerary:before, .npc-printer:before, .npc-at:before, .npc-arrow-top:before, .npc-drag-drop:before, .npc-pencil2:before, .npc-cloud:before, .npc-rock--start:before, .npc-rock--end:before, .npc-portrait-landscape:before, .npc-sandglass:before, .npc-dnc-categorie615:before, .npc-dnc-categorie266:before, .npc-dnc-categorie363:before, .npc-dnc-categorie264:before, .npc-dnc-categorie207:before, .npc-dnc-categorie614:before, .npc-dnc-categorie617:before, .npc-dnc-categorie93:before, .npc-dnc-categorie269:before, .npc-dnc-categorie206:before, .npc-dnc-categorie613:before, .npc-dnc-categorie205:before, .npc-dnc-categorie263:before, .npc-dnc-categorie265:before, .npc-life-and-pension:before, .bootstrap-select.btn-group .dropdown-toggle .caret:after, .panel-group .panel-title:before, .panel-group .panel-title:after, .LowFooterMention-FlagDropup:after, .LowFooterMention-FlagDropup.open:after, .NavActions-item:before, .NavActions-prev:before,
.NavActions-next:before, .TabsNav-item--action:before, .Header-buttonMenu:before, .HeaderLogged-buttonMenu:before, .Header-market:after, .Header-search:after, .Header-login:before, .Header-menuClose:before, .Header-menuSearch:before, .Header-menuLogin:before, .Header-menuRow:after, .HeaderSticky-search:after, .HeaderSticky-login:after, .HeaderLogged-buttonMenu--P400:before, .HeaderLogged-navLink--mega:after, .HeaderLogged-secondNavLink--search:after, .HeaderLogged-accountIcon, .LayerNav-pushNavItem:after, .LayerNav-pushNavItem--ca .LayerNav-pushNavItemInner:after, .LayerNav-dlistLink:after, .LayerNav-dlistLink:before, .LayerNav-listLink:after, .bigButton:before, .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-prev:after, .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-next:after, .pushMultiple-list.owl-loaded .owl-prev:after, .pushMultiple-list.owl-loaded .owl-next:after, .Citation-text:before, .Citation-text:after, .PartnerEntities-carousel.owl-loaded .owl-prev:after, .PartnerEntities-carousel.owl-loaded .owl-next:after, .VideoPlayer-play:before, .OurSolutionToSave-blocLink:hover .OurSolutionToSave-blocMain:after, .TableSortItem-btn:after, .callGreenBtnBloc-chatIcon:after, .CourseProjectFixed-dropdownToggle:before, .T007__panel-dropdownToggle:before, .CheckList-stepToggle:before, .CheckList-stepToggle--FO:before, .CheckList-footerLink:before, .GreenBtn-callbackHomeContentContactMeeting:before, .GreenBtn-callbackHomeContentContactMail:before, .GreenBtn-helpLink:after, .GreenBtn-dialogBoxFooterLink:before, .cardMagArticle-icon:before, span.cardMagSocial-picto:before, .ArticleDetail-goBackMag:before, .Share-logo:before, .MarketPartner-link:after, .CardsDashboardSearch-research:before, .IncreaseTheCeiling-carousel .owl-prev:before, .IncreaseTheCeiling-carousel .owl-next:before, .IncreaseTheCeiling-upCeiling a:before, .ES-card-focus-list-item:before, .Etapier-slider .owl-prev:before,
.Etapier-slider .owl-next:before, .simpleAccess:after, .Modal-close:before, .alphabetNav-showFull:before, .alphabetList-action--add:before, .alphabetList-action--list:before, .alphabetList-action--import:before, .swipableBloc-toggle:before, .swipableBloc-action:before, .swipableBloc-icon--fav:before, .Messagerie-LinksChevron:before, .PdfViewer-navLink--prev:after, .PdfViewer-navLink--next:after, .LandscapeMessage-bulb:before, .LandscapeMessage-phone:before, .Synthesis-inbox:before, .HeaderLogged-secondNavLink--account .Synthesis-inbox:before, .ES-MainNav-dropdownToggle:before, a.ES-InitiativesCard-link:before, .ES-join-projectsBloc-chatIcon:after, .T007__article:after, .T007__menu:after, .T007__shortcut .T007__menu:after, .PrivateBank-distriSupCompareLink:before, .ComparativeTable-prev:before,
.ComparativeTable-next:before, .npc-dnc-categorie95:before, .npc-dnc-categorie291:before, .npc-dnc-categorie99:before, .npc-dnc-categorie113:before, .npc-dnc-categorie260:before, .npc-dnc-categorie203:before, .npc-dnc-categorie1273:before, .npc-dnc-categorie3037:before, .npc-dnc-categorie619:before, .npc-dnc-categorie267:before, .npc-dnc-categorie361:before, .npc-dnc-categorie388:before, .npc-dnc-categorie3014:before, .npc-dnc-categorie3035:before, .ImportDocs-addDocLink a:before, .ZCoord-headLink a:before {
  font-family: "NPC Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none; }

.icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  speak: none;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ImportDocs-icon:before {
  content: ""; }

.npc-action-menu:before {
  content: ""; }

.npc-add:before {
  content: ""; }

.npc-add-user:before {
  content: ""; }

.npc-after:before {
  content: ""; }

.npc-arrow-down-filled:before {
  content: ""; }

.npc-arrow-down:before {
  content: ""; }

.npc-arrow-next:before {
  content: ""; }

.npc-arrow-previous:before {
  content: ""; }

.npc-arrow-up:before {
  content: ""; }

.npc-attachment:before {
  content: ""; }

.npc-avatar:before {
  content: ""; }

.npc-bank:before {
  content: ""; }

.npc-bell:before {
  content: ""; }

.npc-birth-act:before {
  content: ""; }

.npc-building:before {
  content: ""; }

.npc-bulb:before {
  content: ""; }

.npc-calculator:before {
  content: ""; }

.npc-calendar:before {
  content: ""; }

.npc-card:before {
  content: ""; }

.npc-check:before {
  content: ""; }

.npc-checked:before {
  content: ""; }

.npc-chrono:before {
  content: ""; }

.npc-circle-bar:before {
  content: ""; }

.npc-circle-calendar:before {
  content: ""; }

.npc-circle-dark-next:before {
  content: ""; }

.npc-circle-dark-previous:before {
  content: ""; }

.npc-circle-doc:before {
  content: ""; }

.npc-circle-folder:before {
  content: ""; }

.npc-circle-play:before {
  content: ""; }

.npc-circle-plus:before {
  content: ""; }

.npc-circle-send:before {
  content: ""; }

.npc-circle-trademark:before {
  content: ""; }

.npc-clock:before {
  content: ""; }

.npc-close:before {
  content: ""; }

.npc-day:before {
  content: ""; }

.npc-decrease:before {
  content: ""; }

.npc-devices:before {
  content: ""; }

.npc-document-attached:before {
  content: ""; }

.npc-document:before {
  content: ""; }

.npc-done:before {
  content: ""; }

.npc-download:before {
  content: ""; }

.npc-driver-license-french:before {
  content: ""; }

.npc-driver-license:before {
  content: ""; }

.npc-engine:before {
  content: ""; }

.npc-facebook:before {
  content: ""; }

.npc-factory:before {
  content: ""; }

.npc-family-record-book:before {
  content: ""; }

.npc-flag:before {
  content: ""; }

.npc-france:before {
  content: ""; }

.npc-growth:before {
  content: ""; }

.npc-hamburger:before {
  content: ""; }

.npc-id-card:before {
  content: ""; }

.npc-increase:before {
  content: ""; }

.npc-information-blank:before {
  content: ""; }

.npc-information:before {
  content: ""; }

.npc-instagram:before {
  content: ""; }

.npc-keypad:before {
  content: ""; }

.npc-ko:before {
  content: ""; }

.npc-left:before {
  content: ""; }

.npc-linkedin:before {
  content: ""; }

.npc-locator-blank:before {
  content: ""; }

.npc-locator:before {
  content: ""; }

.npc-logo-ca:before {
  content: ""; }

.npc-magnifer:before {
  content: ""; }

.npc-mail:before {
  content: ""; }

.npc-masonry:before {
  content: ""; }

.npc-mobile:before {
  content: ""; }

.npc-money:before {
  content: ""; }

.npc-ok:before {
  content: ""; }

.npc-padlock-closed:before {
  content: ""; }

.npc-padlock-dark-closed:before {
  content: ""; }

.npc-padlock-dark-open:before {
  content: ""; }

.npc-padlock-white-closed:before {
  content: ""; }

.npc-passport:before {
  content: ""; }

.npc-pencil:before {
  content: ""; }

.npc-phone:before {
  content: ""; }

.npc-pickup-phone:before {
  content: ""; }

.npc-pie-chart-blank:before {
  content: ""; }

.npc-pie-chart:before {
  content: ""; }

.npc-pig:before {
  content: ""; }

.npc-pin:before {
  content: ""; }

.npc-play:before {
  content: ""; }

.npc-plus:before {
  content: ""; }

.npc-power:before {
  content: ""; }

.npc-property-title:before {
  content: ""; }

.npc-rain:before {
  content: ""; }

.npc-rescue:before {
  content: ""; }

.npc-right:before {
  content: ""; }

.npc-separator:before {
  content: ""; }

.npc-settings:before {
  content: ""; }

.npc-share:before {
  content: ""; }

.npc-smartphone-bank:before {
  content: ""; }

.npc-smartphone:before {
  content: ""; }

.npc-somebody:before {
  content: ""; }

.npc-star:before {
  content: ""; }

.npc-stepper:before {
  content: ""; }

.npc-substract:before {
  content: ""; }

.npc-sun:before {
  content: ""; }

.npc-talk-blank:before {
  content: ""; }

.npc-talk-connect:before {
  content: ""; }

.npc-talk-dark:before {
  content: ""; }

.npc-talk-information-dark:before {
  content: ""; }

.npc-talk-information:before {
  content: ""; }

.npc-talk-together:before {
  content: ""; }

.npc-talk:before {
  content: ""; }

.npc-together:before {
  content: ""; }

.npc-transfer:before {
  content: ""; }

.npc-tv:before {
  content: ""; }

.npc-twitter-blank:before {
  content: ""; }

.npc-twitter:before {
  content: ""; }

.npc-umbrella:before {
  content: ""; }

.npc-upload:before {
  content: ""; }

.npc-user:before {
  content: ""; }

.npc-viadeo:before {
  content: ""; }

.npc-wall:before {
  content: ""; }

.npc-wallet:before {
  content: ""; }

.npc-youtube:before {
  content: ""; }

.npc-google:before {
  content: ""; }

.npc-rss:before {
  content: ""; }

.npc-rounded-article:before {
  content: ""; }

.npc-rounded-event:before {
  content: ""; }

.npc-rounded-folder:before {
  content: ""; }

.npc-rounded-infografics:before {
  content: ""; }

.npc-rounded-video:before {
  content: ""; }

.npc-trash:before {
  content: ""; }

.npc-vocality:before {
  content: ""; }

.npc-exclamation:before {
  content: ""; }

.npc-star-lined:before {
  content: ""; }

.npc-danger:before {
  content: ""; }

.npc-star-full:before {
  content: ""; }

.npc-calculator2:before {
  content: ""; }

.npc-humanCheck:before {
  content: ""; }

.npc-folder:before {
  content: ""; }

.npc-plane:before {
  content: ""; }

.npc-followMsg:before {
  content: ""; }

.npc-mailNoBg:before {
  content: ""; }

.npc-draft:before {
  content: ""; }

.npc-mail2:before {
  content: ""; }

.npc-exclamation2:before {
  content: ""; }

.npc-boussole:before {
  content: ""; }

.npc-effect:before {
  content: ""; }

.npc-analyse:before {
  content: ""; }

.npc-webedi:before {
  content: ""; }

.npc-circleQuestion:before {
  content: ""; }

.npc-shareScreen:before {
  content: ""; }

.npc-parameters:before {
  content: ""; }

.npc-increase-top:before {
  content: ""; }

.npc-zoomLess:before {
  content: ""; }

.npc-zoomMore:before {
  content: ""; }

.npc-downloadTalk:before {
  content: ""; }

.npc-dnc-categorie3:before {
  content: ""; }

.npc-dnc-categorie23:before {
  content: ""; }

.npc-dnc-categorie92:before {
  content: ""; }

.npc-dnc-categorie94:before {
  content: ""; }

.npc-dnc-categorie96:before {
  content: ""; }

.npc-dnc-categorie97:before {
  content: ""; }

.npc-dnc-categorie194:before {
  content: ""; }

.npc-dnc-categorie196:before {
  content: ""; }

.npc-dnc-categorie197:before {
  content: ""; }

.npc-dnc-categorie343:before {
  content: ""; }

.npc-dnc-categorie941:before {
  content: ""; }

.npc-dnc-categorie3012:before {
  content: ""; }

.npc-dnc-categorie99343:before {
  content: ""; }

.npc-dnc-categorie99992:before {
  content: ""; }

.npc-dnc-categorie:before {
  content: ""; }

.npc-dnc-categorie71:before {
  content: ""; }

.npc-dnc-categorie109:before {
  content: ""; }

.npc-dnc-categorie111:before {
  content: ""; }

.npc-locator-circle:before {
  content: ""; }

.npc-arrow-next-thin:before {
  content: ""; }

.npc-arrow-previous-thin:before {
  content: ""; }

.npc-user-group:before {
  content: ""; }

.npc-calendar1:before {
  content: ""; }

.npc-help:before {
  content: ""; }

.npc-list:before {
  content: ""; }

.npc-print:before {
  content: ""; }

.npc-mail3:before {
  content: ""; }

.npc-rename:before {
  content: ""; }

.npc-check2:before {
  content: ""; }

.npc-withdrawal:before {
  content: ""; }

.npc-bank2:before {
  content: ""; }

.npc-debit:before {
  content: ""; }

.npc-various:before {
  content: ""; }

.npc-percentBack:before {
  content: ""; }

.npc-transfer2:before {
  content: ""; }

.npc-locator-circle-empty:before {
  content: ""; }

.npc-advisor:before {
  content: ""; }

.npc-advisor2:before {
  content: ""; }

.npc-itinerary:before {
  content: ""; }

.npc-printer:before {
  content: ""; }

.npc-at:before {
  content: ""; }

.npc-arrow-top:before {
  content: ""; }

.npc-drag-drop:before {
  content: ""; }

.npc-pencil2:before {
  content: ""; }

.npc-cloud:before {
  content: ""; }

.npc-rock--start:before {
  content: ""; }

.npc-rock--end:before {
  content: ""; }

.npc-portrait-landscape:before {
  content: ""; }

.npc-sandglass:before {
  content: ""; }

.npc-dnc-categorie615:before {
  content: ""; }

.npc-dnc-categorie266:before {
  content: ""; }

.npc-dnc-categorie363:before {
  content: ""; }

.npc-dnc-categorie264:before {
  content: ""; }

.npc-dnc-categorie207:before {
  content: ""; }

.npc-dnc-categorie614:before {
  content: ""; }

.npc-dnc-categorie617:before {
  content: ""; }

.npc-dnc-categorie93:before {
  content: ""; }

.npc-dnc-categorie269:before {
  content: ""; }

.npc-dnc-categorie206:before {
  content: ""; }

.npc-dnc-categorie613:before {
  content: ""; }

.npc-dnc-categorie205:before {
  content: ""; }

.npc-dnc-categorie263:before {
  content: ""; }

.npc-dnc-categorie265:before {
  content: ""; }

.npc-life-and-pension:before {
  content: ""; }

@media screen and (max-width: 989px) {
  html, body {
    height: 100%; } }

body:before {
  content: '';
  display: table; }

#inbenta {
  height: 0 !important; }

.PushCarousel3-masking, .HeaderVisuel-image {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.sass-var-brand-primary {
  color: #007D8F; }

.sass-var-brand-primary-dark {
  color: #006675; }

.sass-var-brand-primary-light {
  color: #3397A6; }

.sass-var-brand-secondary {
  color: #99cc00; }

.sass-var-brand-secondary-dark {
  color: #7fa600; }

.sass-var-brand-gray01 {
  color: #f5f5f5; }

.sass-var-brand-gray02 {
  color: #454545; }

.sass-var-brand-gray03 {
  color: #999999; }

.sass-var-brand-gray04 {
  color: #d8d8d8; }

.sass-var-brand-gray05 {
  color: #ececec; }

.sass-var-brand-gray06 {
  color: #fbfbfb; }

.sass-var-brand-white {
  color: #ffffff; }

.sass-var-brand-contact {
  color: #009787; }

.sass-var-brand-contact-dark {
  color: #01897b; }

.sass-var-brand-contact-ring {
  color: #cdeae7; }

.sass-var-brand-success {
  color: #5cb85c; }

.sass-var-brand-info {
  color: #5bc0de; }

.sass-var-brand-warning {
  color: #f0ad4e; }

.sass-var-brand-danger {
  color: #d70000; }

.sass-var-brand-primary-disabled {
  color: #98cbd3; }

.sass-var-color-important {
  color: #dd3938; }

.sass-var-brand-positive-value {
  color: #007D8F; }

.sass-var-brand-negative-value {
  color: #d70000; }

.sass-var-brand-negative-value2 {
  color: #ffffff; }

.sass-var-color-facebook {
  color: #335087; }

.sass-var-color-twitter {
  color: #00a0ef; }

.sass-var-color-periscope {
  color: #23a4c4; }

.sass-var-color-youtube {
  color: #dd0a1c; }

.sass-var-color-linkedin {
  color: #007bb5; }

.sass-var-color-instagram {
  color: #e95950; }

.sass-var-color-google {
  color: #d9463a; }

.sass-var-color-rss {
  color: #ed7813; }

.sass-var-body-bg {
  color: #fff; }

.sass-var-text-color {
  color: #454545; }

.sass-var-text-color {
  color: #454545; }

.sass-var-link-color {
  color: #007D8F; }

.sass-var-link-hover-color {
  color: #006675; }

.sass-var-font-family-sans-serif {
  font-family: "Open Sans", sans-serif; }

.sass-var-font-family-serif {
  font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif; }

.sass-var-font-family-monospace {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

.sass-var-font-family-base {
  font-family: "Open Sans", sans-serif; }

.sass-var-font-size-base {
  font-size: 12px; }

.sass-var-font-size-large {
  font-size: 15px; }

.sass-var-font-size-small {
  font-size: 11px; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
       box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
       box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../fonts/glyphicons/glyphicons-halflings-regular.eot");
  src: url("../fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

/*doc
---
title: Couleurs
name: colors
category: colors
---

Avoir les informations en JS : [javascript](./js.html)


Couleurs utilisables :

##Couleurs principales

<div style="display: table; border-collapse:separate; border-spacing:10px;">
	<div style="display: table-cell;">
		<div class="background-primary" style="width: 100px; height: 100px;"></div>
		<div>Principale<br><span style="font-size: 8px">$brand-primary</span></div>
	</div>
	<div style="display: table-cell;">
		<div class="background-primary-dark" style="width: 100px; height: 100px;"></div>
		<div>Principale foncé<br><span style="font-size: 8px">$brand-primary-dark</span></div>
	</div>
	<div style="display: table-cell;">
		<div class="background-primary-light" style="width: 100px; height: 100px;"></div>
		<div>Principale claire<br><span style="font-size: 8px">$brand-primary-light</span></div>
	</div>
	<div style="display: table-cell;">
		<div class="background-primary-disabled" style="width: 100px; height: 100px;"></div>
		<div>Principale désactivé<br><span style="font-size: 8px">$brand-primary-disabled</span></div>
	</div>
</div>

##Couleurs secondaires

<div style="display: table; border-collapse:separate; border-spacing:10px;">
	<div style="display: table-cell;">
		<div class="background-secondary" style="width: 100px; height: 100px;"></div>
		<div>Secondaire<br><span style="font-size: 8px">$brand-secondary</span></div>
	</div>
	<div style="display: table-cell;">
		<div class="background-secondary-dark" style="width: 100px; height: 100px;"></div>
		<div>Secondaire foncé<br><span style="font-size: 8px">$brand-secondary-dark</span></div>
	</div>
</div>

##Couleurs de fond

<div style="display: table; border-collapse:separate; border-spacing:10px;">
	<div style="display: table-cell;">
		<div class="background-gray01" style="width: 100px; height: 100px;"></div>
		<div>Gris 01<br><span style="font-size: 8px">$brand-gray01</span></div>
	</div>
	<div style="display: table-cell;">
		<div class="background-white" style="width: 100px; height: 100px; border: 1px solid #d8d8d8;"></div>
		<div>Blanc<br><span style="font-size: 8px">$brand-white</span></div>
	</div>
</div>

##Couleurs de typo

<div style="display: table; border-collapse:separate; border-spacing:10px;">
	<div style="display: table-cell;">
		<div class="font-primary" style="width: 100px; height: 100px;"></div>
		<div>Principale<br><span style="font-size: 8px">$font-primary</span></div>
	</div>
	<div style="display: table-cell;">
		<div class="background-gray02" style="width: 100px; height: 100px;"></div>
		<div>Gris 02<br><span style="font-size: 8px">$brand-gray02</span></div>
	</div>
	<div style="display: table-cell;">
		<div class="background-gray03" style="width: 100px; height: 100px;"></div>
		<div>Gris 03<br><span style="font-size: 8px">$brand-gray03</span></div>
	</div>
	<div style="display: table-cell;">
		<div class="background-white" style="width: 100px; height: 100px; border: 1px solid #d8d8d8;"></div>
		<div>Blanc<br><span style="font-size: 8px">$brand-white</span></div>
	</div>
</div>

##Couleurs de filets

<div style="display: table; border-collapse:separate; border-spacing:10px;">
	<div style="display: table-cell;">
		<div class="background-gray04" style="width: 100px; height: 100px;"></div>
		<div>Gris 04<br><span style="font-size: 8px">$brand-gray04</span></div>
	</div>
	<div style="display: table-cell;">
		<div class="background-gray05" style="width: 100px; height: 100px;"></div>
		<div>Gris 05<br><span style="font-size: 8px">$brand-gray05</span></div>
	</div>
	<div style="display: table-cell;">
		<div class="background-gray06" style="width: 100px; height: 100px;"></div>
		<div>Gris 06<br><span style="font-size: 8px">$brand-gray06</span></div>
	</div>
</div>

##Couleurs pour le "bouton vert" (contact)

<div style="display: table; border-collapse:separate; border-spacing:10px;">
	<div style="display: table-cell;">
		<div class="background-contact" style="width: 100px; height: 100px;"></div>
		<div>Contact<br><span style="font-size: 8px">$brand-contact</span></div>
	</div>
	<div style="display: table-cell;">
		<div class="background-contact-dark" style="width: 100px; height: 100px;"></div>
		<div>Contact (dark)<br><span style="font-size: 8px">$brand-contact-dark</span></div>
	</div>
	<div style="display: table-cell;">
		<div class="background-contact-ring" style="width: 100px; height: 100px;"></div>
		<div>Contact (anneau)<br><span style="font-size: 8px">$brand-contact-ring</span></div>
	</div>
</div>

##Couleurs pour les infos

<div style="display: table; border-collapse:separate; border-spacing:10px;">
	<div style="display: table-cell;">
		<div class="background-success" style="width: 100px; height: 100px;"></div>
		<div>Succès<br><span style="font-size: 8px">$brand-success</span></div>
	</div>
	<div style="display: table-cell;">
		<div class="background-info" style="width: 100px; height: 100px;"></div>
		<div>Information<br><span style="font-size: 8px">$brand-info</span></div>
	</div>
	<div style="display: table-cell;">
		<div class="background-warning" style="width: 100px; height: 100px;"></div>
		<div>Attention<br><span style="font-size: 8px">$brand-warning</span></div>
	</div>
	<div style="display: table-cell;">
		<div class="background-danger" style="width: 100px; height: 100px;"></div>
		<div>Danger<br><span style="font-size: 8px">$brand-danger</span></div>
	</div>
</div>

*/
/*doc
---
title: cssVars
name: cssVars
category: js
---

Use css vars in JS,

All vars is in `CommonNPC.cssVars` and init just before this window event : `cssVars.done`

If you use cssVars, wait the event like this : (if `CommonNPC.cssVars` is empty)

```
$(window).one('cssVars.done', function(){
  // your code
});
```

*/
/*doc
---
title: Liens
name: links
category: links
---

###Sur panneau blanc
```html_example
<div class="panel panel-white">
	<a href="#">Lorem ipsum</a>
</div>
```

###Sur panneau gris
```html_example
<div class="panel panel-gray">
	<a href="#">Lorem ipsum</a>
</div>
```

###Sur panneau couleur primaire
```html_example
<div class="panel panel-primary">
	<a href="#">Lorem ipsum</a>
</div>
```
*/
/*doc
---
title: Liens avec picto
parent: links
name: links-picto
category: links
---

###Sur panneau blanc
```html_example
<div class="panel panel-white">
	<div class="link-picto"><span class="glyphicon glyphicon-transfer" aria-hidden="true">&nbsp;</span><a href="#">Faire un virement</a></div>
</div>
```

###Sur panneau gris
```html_example
<div class="panel panel-gray">
	<div class="link-picto"><span class="glyphicon glyphicon-transfer" aria-hidden="true">&nbsp;</span><a href="#">Faire un virement</a></div>
</div>
```

###Sur panneau couleur primaire
```html_example
<div class="panel panel-primary">
	<div class="link-picto"><span class="glyphicon glyphicon-transfer" aria-hidden="true">&nbsp;</span><a href="#">Faire un virement</a></div>
</div>
```
*/
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 12px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #454545;
  background-color: #fff;
  line-height: 17px;
  font-weight: 600; }
  @media (min-width: 990px) {
    body {
      font-size: 100%; } }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #007D8F;
  text-decoration: underline; }
  a:hover, a:focus {
    color: #006675;
    text-decoration: underline; }
  a:focus {
    outline: none; }

.panel-primary a {
  color: white;
  text-decoration: underline; }
  .panel-primary a:hover, .panel-primary a:focus {
    color: #f2f2f2;
    text-decoration: underline; }
  .panel-primary a:focus {
    outline: none; }

.link-picto > span {
  color: #99cc00; }

.link-picto > a {
  color: #454545; }
  .link-picto > a:hover {
    color: #676767; }

.panel-primary .link-picto > a {
  color: #ffffff; }
  .panel-primary .link-picto > a:hover {
    color: #f2f2f2; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

.img-rounded {
  -moz-border-radius: 6px;
       border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  -moz-border-radius: 4px;
       border-radius: 4px;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  -moz-border-radius: 50%;
       border-radius: 50%; }

hr {
  margin-top: 17px;
  margin-bottom: 17px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

.background-primary {
  background-color: #007D8F; }

.background-primary-dark {
  background-color: #006675; }

.background-primary-light {
  background-color: #3397A6; }

.background-primary-disabled {
  background-color: #98cbd3; }

.background-secondary {
  background-color: #99cc00; }

.background-secondary-dark {
  background-color: #7fa600; }

.background-gray01 {
  background-color: #f5f5f5; }

.background-gray02 {
  background-color: #454545; }

.background-gray03 {
  background-color: #999999; }

.background-gray04 {
  background-color: #d8d8d8; }

.background-gray05 {
  background-color: #ececec; }

.background-gray06 {
  background-color: #fbfbfb; }

.background-white {
  background-color: #ffffff; }

.background-contact {
  background-color: #009787; }

.background-contact-dark {
  background-color: #01897b; }

.background-contact-ring {
  background-color: #cdeae7; }

.background-success {
  background-color: #5cb85c; }

.background-info {
  background-color: #5bc0de; }

.background-warning {
  background-color: #f0ad4e; }

.background-danger {
  background-color: #d70000; }

.font-primary {
  background-color: #007D8F; }

/*doc
---
title: Typographie
name: typography
category: typography
---

Eléments de typographie utilisables :

##Typographie - texte courant

<font style="font-size:16px">
<i>Open Sans Regular</i>
<p style="font-weight: 400">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z  a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
1 2 3 4 5 6 7 8 9 0 ' " ? ! ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *</p>

<i>Open Sans Semi bold</i>
<p style="font-weight: 600">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z  a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
1 2 3 4 5 6 7 8 9 0 ' " ? ! ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *</p>

<i>Open Sans Bold</i>
<p style="font-weight: 700">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z  a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
1 2 3 4 5 6 7 8 9 0 ' " ? ! ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *</p>
</font>

##Typographie - message conseiller

<font style="font-size:16px">
<i>Roboto Slab thin</i>
<p style="font-family: Roboto Slab; font-weight: 100">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z  a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
1 2 3 4 5 6 7 8 9 0 ' " ? ! ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *</p>

<i>Roboto Slab light</i>
<p style="font-family: Roboto Slab; font-weight: 300">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z  a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
1 2 3 4 5 6 7 8 9 0 ' " ? ! ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *</p>

<i>Roboto Slab regular</i>
<p style="font-family: Roboto Slab; font-weight: 400">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z  a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
1 2 3 4 5 6 7 8 9 0 ' " ? ! ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *</p>

<i>Roboto Slab bold</i>
<p style="font-family: Roboto Slab; font-weight: 700">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z  a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
1 2 3 4 5 6 7 8 9 0 ' " ? ! ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *</p>
</font>

#Hiérarchies

```html_example
<h1>Heading 1 - 28px</h1>
<h2>Heading 2 - 23px</h2>
<h3>Heading 3 - 15px</h3>
<h4>Heading 4 - 14px</h4>
<p>Paragraphe</p>
```

#Texte en gras
```html_example
<p> Texte avec une <span class="gras">partie en gras</span>.</p>
```

#Mise en évidence des statuts
```html_example
<p class="statut-accord">Statut accord</p>
<p class="statut-refuse">Statut refusé</p>
<p class="statut-partiel">Statut partiel</p>
```
*/
h1, .h1, h2, .h2, .Title, .SimilarSolutions--default .SimilarSolutions-title, h3, .h3, .alphabetList-title, h4, .h4, h5, .h5, h6, .h6 {
  font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color: inherit; }
  h1 small, .h1 small, h1 .small, .h1 .small, h2 small, .h2 small, .Title small, .SimilarSolutions--default .SimilarSolutions-title small, h2 .small, .h2 .small, .Title .small, .SimilarSolutions--default .SimilarSolutions-title .small, h3 small, .h3 small, .alphabetList-title small, h3 .small, .h3 .small, .alphabetList-title .small, h4 small, .h4 small, h4 .small, .h4 .small, h5 small, .h5 small, h5 .small, .h5 .small, h6 small, .h6 small, h6 .small, .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2,
.h2,
.Title,
.SimilarSolutions--default .SimilarSolutions-title,
h3,
.h3,
.alphabetList-title {
  margin-top: 17px;
  margin-bottom: 8.5px; }
  h1 small, .h1 small, h1 .small, .h1 .small, h2 small, .h2 small, .Title small, .SimilarSolutions--default .SimilarSolutions-title small, h2 .small, .h2 .small, .Title .small, .SimilarSolutions--default .SimilarSolutions-title .small, h3 small, .h3 small, .alphabetList-title small, h3 .small, .h3 .small, .alphabetList-title .small {
    font-size: 65%; }

h4, .h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 8.5px;
  margin-bottom: 8.5px; }
  h4 small, .h4 small, h4 .small, .h4 .small, h5 small, .h5 small, h5 .small, .h5 .small, h6 small, .h6 small, h6 .small, .h6 .small {
    font-size: 75%; }

h1, .h1 {
  color: #007D8F;
  font-size: 28px;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase; }

h2, .h2, .Title, .SimilarSolutions--default .SimilarSolutions-title {
  font-size: 23px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 30px; }

h3, .h3, .alphabetList-title {
  font-size: 18px;
  font-weight: 800; }

h4, .h4 {
  font-size: 14px;
  text-transform: uppercase; }

h5, .h5 {
  font-size: 12px; }

h6, .h6 {
  font-size: 11px; }

p {
  margin: 0 0 8.5px; }
  p.regular {
    font-weight: 400; }

.lead {
  margin-bottom: 17px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 650px) {
    .lead {
      font-size: 18px; } }

small,
.small {
  font-size: 91%; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #fff; }

.text-primary {
  color: #007D8F; }

a.text-primary:hover,
a.text-primary:focus {
  color: #00505c; }

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #d70000; }

a.text-danger:hover,
a.text-danger:focus {
  color: #a40000; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #007D8F; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #00505c; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 7.5px;
  margin: 34px 0 17px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 8.5px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.texte.section ul, .Chapters-item ul, .FirstLogin-container ul, .texte.section ol, .Chapters-item ol, .FirstLogin-container ol {
  padding-left: 20px; }

.texte.section ul, .Chapters-item ul, .FirstLogin-container ul {
  list-style-type: none; }
  .texte.section ul > li, .Chapters-item ul > li, .FirstLogin-container ul > li {
    position: relative; }
    .texte.section ul > li:before, .Chapters-item ul > li:before, .FirstLogin-container ul > li:before {
      position: absolute;
      top: 0;
      left: -10px;
      content: '•';
      font-size: 14px; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 17px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 650px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 8.5px 17px;
  margin: 0 0 17px;
  font-size: 15px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

address {
  margin-bottom: 17px;
  font-style: normal;
  line-height: 1.42857; }

.gras {
  font-weight: 700; }

.error {
  padding-left: 15px;
  padding-right: 15px;
  color: #d70000; }

.statut-accord {
  color: green; }

.statut-refuse {
  color: red; }

.statut-partiel {
  color: black; }

.haut-de-page {
  float: right; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  -moz-border-radius: 4px;
       border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  -moz-border-radius: 3px;
       border-radius: 3px;
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
       box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    -moz-box-shadow: none;
         box-shadow: none; }

pre {
  display: block;
  padding: 8px;
  margin: 0 0 8.5px;
  font-size: 11px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
       border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    -moz-border-radius: 0;
         border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 650px) {
    .container {
      max-width: 750px; } }
  @media (min-width: 990px) {
    .container {
      max-width: 970px; } }
  @media (min-width: 1170px) {
    .container {
      max-width: 1170px; } }
  .container .texte.section {
    padding-left: 0;
    padding-right: 0; }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 650px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 990px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1170px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

/*doc
---
title: Tables
name: tables
category: tables
---

###Table standard
```html_example
<table class="table">
  <caption>Titre de la table - <a href="#">Lien</a></caption>
  <thead>
    <tr>
      <th>Titre col 1</th>
      <th>Titre col 2</th>
      <th>Titre col 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Col 1-1</td>
      <td>Col 1-2</td>
      <td>Col 1-3</td>
    </tr>
    <tr>
      <td>Col 2-1</td>
      <td>Col 2-2</td>
      <td>Col 2-3</td>
    </tr>
  </tbody>
</table>
```

###Table standard avec checkbox
```html_example
<form class="form-inline">
  <div class="form-group">
    <table class="table">
      <caption>Titre de la table - <a href="#">Lien</a></caption>
      <thead>
        <tr>
          <th style="width:80px">Check</th>
          <th>Titre col 1</th>
          <th>Titre col 2</th>
          <th>Titre col 3</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <div class="checkbox">
              <input type="checkbox" value="" class="checkbox-input" id="checkbox1">
              <label class="checkbox-label" for="checkbox1"></label>
            </div>
          </td>
          <td>CAISSE REGIONALE DE CREDIT AGRICOLE MUTUEL CENTRE-EST</td>
          <td>Documents disponibles pour signature électronique</td>
          <td>28/09/2016 15:29:41</td>
        </tr>
        <tr>
          <td>
            <div class="checkbox">
              <input type="checkbox" value="" class="checkbox-input" id="checkbox2">
              <label class="checkbox-label" for="checkbox2"></label>
            </div>
          </td>
          <td>CAISSE REGIONALE DE CREDIT AGRICOLE MUTUEL CENTRE-EST</td>
          <td>Documents disponibles pour signature électronique</td>
          <td>28/09/2016 15:29:41</td>
        </tr>
      </tbody>
    </table>
  </div>
</form>
```

###Table sans couleur de fond
```html_example
<table class="table nobackground">
  <caption>Titre de la table - <a href="#">Lien</a></caption>
  <thead>
    <tr>
      <th>Titre col 1</th>
      <th>Titre col 2</th>
      <th>Titre col 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Col 1-1</td>
      <td>Col 1-2</td>
      <td>Col 1-3</td>
    </tr>
    <tr>
      <td>Col 2-1</td>
      <td>Col 2-2</td>
      <td>Col 2-3</td>
    </tr>
  </tbody>
</table>
```

###Table "striped"
```html_example
<table class="table table-striped">
  <caption>Titre de la table - <a href="#">Lien</a></caption>
  <thead>
    <tr>
      <th>Opération</th>
      <th class="text-right">Montant</th>
      <th class="text-right">Solde</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Dépôt</td>
      <td class="cell-amount">234,67</td>
      <td class="cell-balance">678,45</td>
    </tr>
    <tr>
      <td>Retrait</td>
      <td class="cell-amount" data-negative>-123,89</td>
      <td class="cell-balance">678,45</td>
    </tr>
  </tbody>
</table>
```

###Table avec bordure
```html_example
<table class="table border">
  <caption>Titre de la table - <a href="#">Lien</a></caption>
  <thead>
    <tr>
      <th>Opération</th>
      <th class="text-right">Montant</th>
      <th class="text-right">Solde</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Dépôt</td>
      <td class="cell-amount">234,67</td>
      <td class="cell-balance">678,45</td>
    </tr>
    <tr>
      <td>Retrait</td>
      <td class="cell-amount" data-negative>-123,89</td>
      <td class="cell-balance">678,45</td>
    </tr>
  </tbody>
</table>
```

###Tables imbriquées
```html_example
<table class="table table-mother">
  <caption>Titre de la table - <a href="#">Lien</a></caption>
  <thead>
    <tr>
      <th>Titre col 1</th>
      <th>Titre col 2</th>
      <th>Titre col 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="cell-table">
        <table class="table table-included borderless">
          <tbody>
            <tr class="caption">
              <td>Col 1</td>
              <td>Col 2</td>
            </tr>
            <tr>
              <td class="encart">Col 1</td>
              <td>Col 2</td>
            </tr>
            <tr>
              <td>Val 1</td>
              <td>Val 2</td>
            </tr>
          </tbody>
        </table>
      </td>
      <td>Col 1-2</td>
      <td>Col 1-3</td>
    </tr>
    <tr>
      <td>Col 2-1</td>
      <td>Col 2-2</td>
      <td>Col 2-3</td>
    </tr>
  </tbody>
</table>
```

###Tables avec "tr" de classe caption
```html_example
<table class="table">
  <tbody>
    <tr class="caption">
      <td colspan="3">Titre de la table - <a href="#">Lien</a></td>
    </tr>
    <tr class="caption">
      <td>Col 1-1</td>
      <td class="cell-balance">Col 1-2</td>
      <td class="cell-amount">Col 1-3</td>
    </tr>
    <tr>
      <td>Col 1-1</td>
      <td>Col 1-2</td>
      <td>Col 1-3</td>
    </tr>
    <tr>
      <td>Col 2-1</td>
      <td class="cell-balance">Col 2-2</td>
      <td class="cell-amount">Col 2-3</td>
    </tr>
  </tbody>
</table>
```

###Tables avec "td" de classe encart
```html_example
<table class="table">
  <tbody>
    <tr class="caption">
      <td colspan="3">Titre de la table - <a href="#">Lien</a></td>
    </tr>
    <tr class="caption">
      <td>Col 1-1</td>
      <td class="cell-balance">Col 1-2</td>
      <td class="cell-amount">Col 1-3</td>
    </tr>
    <tr>
      <td>Col 1-1</td>
      <td class="encart">Col 1-2</td>
      <td>Col 1-3</td>
    </tr>
    <tr>
      <td>Col 2-1</td>
      <td class="cell-balance">Col 2-2</td>
      <td class="cell-amount">Col 2-3</td>
    </tr>
  </tbody>
</table>
```

*/
table {
  background-color: #f5f5f5;
  border: none; }

caption, .caption {
  padding: 8px;
  background-color: #007D8F;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  font-weight: 600; }
  caption .cell-amount, .caption .cell-amount {
    color: white; }
  caption .cell-balance, .caption .cell-balance {
    color: white; }
  caption a, .caption a {
    color: white; }
  caption a:hover, .caption a:hover {
    color: white; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 17px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #d8d8d8; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #d8d8d8;
    background-color: #d8d8d8; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #d8d8d8; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #d8d8d8; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #d8d8d8; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #d8d8d8; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f5f5f5; }

.nobackground {
  background-color: transparent; }
  .nobackground > thead > tr > th {
    background-color: transparent;
    border: none; }
  .nobackground > tbody > tr > td {
    background-color: transparent;
    border: none; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 649px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 12.75px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #d8d8d8; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

.cell-balance {
  color: #007D8F;
  text-align: right;
  font-weight: 600; }
  .cell-balance[data-negative] {
    color: red; }

.cell-amount {
  color: #007D8F;
  text-align: right;
  font-weight: 700; }
  .cell-amount[data-negative] {
    color: #000; }

/*
.table-mother > table > tbody > tr > th,
.table-mother > table > tbody > tr > td {
  margin: 0px;
  padding: 0px;
  border: none;
}

.table-mother > tbody > tr > th > div> table,
.table-mother > tbody > tr > td > div> table {
  margin-bottom: 0px;
}
*/
.table-mother > thead > tr > th.cell-table,
.table-mother > thead > tr > td.cell-table,
.table-mother > tbody > tr > th.cell-table,
.table-mother > tbody > tr > td.cell-table {
  padding: 0; }

.table-included {
  margin-bottom: 0; }
  .table-included > thead > tr > th,
  .table-included > thead > tr > td,
  .table-included > tbody > tr > th,
  .table-included > tbody > tr > td {
    background-color: #f5f5f5; }
  .table-included > thead > tr > th.encart,
  .table-included > thead > tr > td.encart,
  .table-included > tbody > tr > th.encart,
  .table-included > tbody > tr > td.encart {
    background-color: #007D8F; }
  .table-included > thead > tr.caption,
  .table-included > tbody > tr.caption {
    padding: 8px;
    background-color: #007D8F;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600; }
    .table-included > thead > tr.caption .cell-amount,
    .table-included > tbody > tr.caption .cell-amount {
      color: white; }
    .table-included > thead > tr.caption .cell-balance,
    .table-included > tbody > tr.caption .cell-balance {
      color: white; }
    .table-included > thead > tr.caption > th,
    .table-included > thead > tr.caption > td,
    .table-included > tbody > tr.caption > th,
    .table-included > tbody > tr.caption > td {
      background-color: #007D8F; }

.borderless {
  margin-bottom: 0; }
  .borderless > thead > tr > th,
  .borderless > thead > tr > td,
  .borderless > tbody > tr > th,
  .borderless > tbody > tr > td {
    border-top: none; }

.border > thead > tr > th,
.border > thead > tr > td,
.border > tbody > tr > th,
.border > tbody > tr > td {
  border: 1px solid #d8d8d8; }

/*doc
---
title: Formulaires
name: forms
category: forms
---

*/
/*doc
---
title: Message d'erreur
parent: forms
name: alert
category: forms
---

```html_example
<div class="alert alert-danger" role="alert"><b>Attention</b> Vous devez renseigner le champs <u>Titre</u> pour finaliser votre virement.</div>
```
*/
/*doc
---
title: Titre encart
parent: forms
name: encart
category: forms
---

```html_example
<div class="encart">Mle Adolphe Iris</div>
```
*/
/*doc
---
title: Bouton radio
parent: buttons
name: radio-button
category: buttons
---

```html_example
<form>
	<div class="form-group">
		<div class="radio">
			<input type="radio" name="optradio" class="radio-input" id="optradio1"><label for="optradio1" class="radio-label">Option 1</label>
		</div>
		<div class="radio">
			<input type="radio" name="optradio" class="radio-input" id="optradio2" checked><label for="optradio2" class="radio-label">Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2</label>
		</div>
		<div class="radio disabled">
			<input type="radio" name="optradio" class="radio-input" id="optradio3" disabled><label for="optradio3" class="radio-label">Option 3</label>
		</div>
	</div>
</form>
<form class="form-inline">
	<div class="form-group">
		<div class="radio">
			<input type="radio" name="optradio" class="radio-input" id="optradio1"><label for="optradio1" class="radio-label">Option 1</label>
		</div>
		<div class="radio">
			<input type="radio" name="optradio" class="radio-input" id="optradio2" checked><label for="optradio2" class="radio-label">Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2</label>
		</div>
		<div class="radio disabled">
			<input type="radio" name="optradio" class="radio-input" id="optradio3" disabled><label for="optradio3" class="radio-label">Option 3</label>
		</div>
	</div>
</form>
```
*/
/*doc
---
title: Checkbox
parent: buttons
name: checkbox
category: buttons
---

```html_example
<form>
	<div class="form-group">
		<div class="checkbox">
			<input type="checkbox" value="" class="checkbox-input" id="checkbox1"><label class="checkbox-label" for="checkbox1">Option 1</label>
		</div>
		<div class="checkbox">
			<input type="checkbox" value="" class="checkbox-input" id="checkbox2" checked><label class="checkbox-label" for="checkbox2">Option 2</label>
		</div>
		<div class="checkbox disabled">
			<input type="checkbox" value="" class="checkbox-input"  id="checkbox3" disabled><label class="checkbox-label" for="checkbox3">Option 3</label>
		</div>
		<div class="checkbox disabled">
			<input type="checkbox" value="" class="checkbox-input"  id="checkbox4" checked disabled><label class="checkbox-label" for="checkbox4">Option 4</label>
		</div>
	</div>
</form>
<form class="form-inline">
	<div class="form-group">
		<div class="checkbox">
			<input type="checkbox" value="" class="checkbox-input" id="checkbox1"><label class="checkbox-label" for="checkbox1">Option 1</label>
		</div>
		<div class="checkbox">
			<input type="checkbox" value="" class="checkbox-input" id="checkbox2" checked><label class="checkbox-label" for="checkbox2">Option 2</label>
		</div>
		<div class="checkbox disabled">
			<input type="checkbox" value="" class="checkbox-input"  id="checkbox3" disabled><label class="checkbox-label" for="checkbox3">Option 3</label>
		</div>
		<div class="checkbox disabled">
			<input type="checkbox" value="" class="checkbox-input"  id="checkbox4" checked disabled><label class="checkbox-label" for="checkbox4">Option 4</label>
		</div>
	</div>
</form>
```
*/
/*doc
---
title: Input
name: input
category: input
---

*/
/*doc
---
title: Input text
parent: input
name: input-text
category: input
---

Lien vers la documentation du composant [bootstrap-add-clear](http://gesquive.github.io/bootstrap-add-clear/).

Scripts à inclure :

    <script src="bootstrap-add-clear.js" type="text/javascript"></script>

```html_example
<form>
	<div class="form-group">
		<label for="input1">Titre</label>
		<input type="text" class="form-control input-clear" id="input1" placeholder="Ex : Virement Loyer">
	</div>
	<div class="form-group">
		<label for="input2">Titre</label>
		<input type="password" class="form-control input-clear" id="input2" placeholder="Password">
	</div>
	<div class="form-group has-error">
		<label for="input3">Titre</label>
		<input type="text" class="form-control input-clear" id="input3" value="Texte avec erreur">
	</div>
</form>
<script>
$(function(){
	$(":input.input-clear[type=text]").addClear();
	$(":input.input-clear[type=password]").addClear();
});
</script>
```
*/
/*doc
---
title: Input group
parent: input
name: input-group
category: input
---

```html_example
<form>
	<fieldset class="input-group-vertical">
		<div class="form-group">
			<label class="sr-only">Email Address</label>
			<input type="text" class="form-control" placeholder="Email Address">
		</div>
		<div class="form-group">
			<label class="sr-only">Username</label>
			<input type="text" class="form-control" placeholder="Username">
		</div>
		<div class="form-group">
			<label class="sr-only">Password</label>
			<input type="text" class="form-control" placeholder="Password">
		</div>
		<div class="form-group">
			<label class="sr-only">Spirit Animal</label>
			<input type="text" class="form-control" placeholder="Spirit Animal">
		</div>
	</fieldset>
</form>
```
*/
/*doc
---
title: Input group date
parent: input
name: input-group-date
category: input
---

```html_example
<form>
	<fieldset>
		<div class="input-group input-date">
			<input type="text" class="form-control numeric day" placeholder="JJ" maxlength="2">
			<input type="text" class="form-control numeric month" placeholder="MM" maxlength="2">
			<input type="text" class="form-control numeric year" placeholder="AAAA" maxlength="4">
		</div>
	</fieldset>
</form>
<form class="form-inline">
	<fieldset>
		<div class="input-group input-date">
			<input type="text" class="form-control numeric day" placeholder="JJ" maxlength="2">
			<input type="text" class="form-control numeric month" placeholder="MM" maxlength="2">
			<input type="text" class="form-control numeric year" placeholder="AAAA" maxlength="4">
		</div>
	</fieldset>
</form>
<script>
$(function(){
	$('.form-control.numeric').keypress(function(key) {
        if(key.charCode < 48 || key.charCode > 57) return false;
    });
});
</script>

```
*/
/*doc
---
title: Input group amount
parent: input
name: input-group-amount
category: input
---

```html_example
<form>
	<div class="input-group input-amount">
		<input type="text" class="form-control numeric integral">
		<input type="text" class="form-control numeric fractional" maxlength="2">
	</div>
</form>
<form class="form-inline">
	<div class="input-group input-amount">
		<input type="text" class="form-control numeric integral">
		<input type="text" class="form-control numeric fractional" maxlength="2">
	</div>
</form>
<script>
$(function(){
	$('.form-control.numeric').keypress(function(key) {
        if(key.charCode < 48 || key.charCode > 57) return false;
    });
});
</script>

```
*/
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 17px;
  font-size: 18px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #454545; }

form {
  padding: 10px 10px; }

input[type="search"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: none; }

.form-error {
  display: none; }

input[type="tel"]:invalid,
input[type="url"]:invalid,
input[type="email"]:invalid {
  border-color: #d70000; }
  input[type="tel"]:invalid + .form-error,
  input[type="url"]:invalid + .form-error,
  input[type="email"]:invalid + .form-error {
    display: block;
    margin: 10px 0;
    color: #d70000; }

output {
  display: block;
  padding-top: 12px;
  font-size: 12px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 42px;
  padding: 11px 12px;
  font-size: 12px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
       border-radius: 4px; }
  .form-control:focus {
    border-color: #007D8F;
    outline: 0; }
  .form-control::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
    text-overflow: ellipsis !important; }
  .form-control:-moz-placeholder {
    color: #999;
    opacity: 1;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
    text-overflow: ellipsis !important; }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
    text-overflow: ellipsis !important; }
  .form-control:-ms-input-placeholder {
    color: #999;
    opacity: 1;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
    text-overflow: ellipsis !important; }
  .form-control::placeholder {
    color: #999;
    opacity: 1;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
    text-overflow: ellipsis !important; }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly]:not(.date),
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }
  @media (max-width: 989px) {
    .form-control, .form-control::-webkit-input-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .form-control, .form-control:-moz-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .form-control, .form-control::-moz-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .form-control, .form-control:-ms-input-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .form-control, .form-control::placeholder {
      font-size: 16px;
      font-weight: 400; } }

.fake-text-form-control {
  font-size: 12px;
  line-height: 1.42857; }
  @media (max-width: 989px) {
    .fake-text-form-control, .fake-text-form-control::-webkit-input-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .fake-text-form-control, .fake-text-form-control:-moz-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .fake-text-form-control, .fake-text-form-control::-moz-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .fake-text-form-control, .fake-text-form-control:-ms-input-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .fake-text-form-control, .fake-text-form-control::placeholder {
      font-size: 16px;
      font-weight: 400; } }

textarea.form-control {
  height: auto;
  resize: vertical;
  max-height: 325px; }

input[type="search"] {
  -webkit-appearance: textfield; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 42px; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn,
  .input-group-sm
  input[type="month"] {
    line-height: 28px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn,
  .input-group-lg
  input[type="month"] {
    line-height: 42px; } }

.form-group {
  margin-bottom: 15px; }

.form-group-100 {
  width: 100% !important; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 17px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 0;
  min-height: 29px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 28px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
  -moz-border-radius: 3px;
       border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 28px;
  line-height: 28px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-sm .form-control {
  height: 28px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
  -moz-border-radius: 3px;
       border-radius: 3px; }

.form-group-sm select.form-control {
  height: 28px;
  line-height: 28px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 28px;
  min-height: 28px;
  padding: 6px 10px;
  font-size: 11px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 42px;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.33333;
  -moz-border-radius: 6px;
       border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 42px;
  line-height: 42px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-lg .form-control {
  height: 42px;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.33333;
  -moz-border-radius: 6px;
       border-radius: 6px; }

.form-group-lg select.form-control {
  height: 42px;
  line-height: 42px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 42px;
  min-height: 32px;
  padding: 11px 16px;
  font-size: 15px;
  line-height: 1.33333; }

.has-feedback,
.has-clear {
  position: relative; }
  .has-feedback .form-control,
  .has-clear .form-control {
    padding-right: 54px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 42px;
  height: 42px;
  line-height: 42px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 28px;
  height: 28px;
  line-height: 28px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  color: #3c763d; }
  .has-success .form-control:focus {
    border-color: #3c763d;
    color: #3c763d; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  color: #8a6d3b; }
  .has-warning .form-control:focus {
    border-color: #8a6d3b;
    color: #8a6d3b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #d70000; }

.has-error .form-control {
  border-color: #d70000;
  color: #d70000; }
  .has-error .form-control:focus {
    border-color: #d70000;
    color: #d70000; }

.has-error .input-group-addon {
  color: #d70000;
  border-color: #d70000;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #d70000; }

/* div.has-error::after {
    //position: relative;
    display: inline-block;
    float: right;
    content: ".";
    font-size: 48px;
    color: $state-danger-border;
    margin-top: -60px;
    margin-right: -16px;
    //z-index: 9999;
    } */
.has-feedback label ~ .form-control-feedback {
  top: 22px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #858585; }

@media (min-width: 650px) {
  .form-inline .form-group,
  .form-inline .input-field {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      border: none;
      width: auto; }
    .form-inline .input-group .input-group-addon {
      background-color: white;
      color: #007D8F; }
    .form-inline .input-group > input {
      border: none;
      height: 39px !important; }
  .form-inline .input-group.input-amount .form-control,
  .form-inline .input-group.input-date .form-control {
    border: 1px solid #ccc !important; }
  .form-inline .input-group.input-amount > input,
  .form-inline .input-group.input-date > input {
    border: 1px solid #ccc !important; }
  .form-inline .input-group.input-amount > input:focus,
  .form-inline .input-group.input-date > input:focus {
    border: 1px solid #007D8F !important; }
  .form-inline .input-group-100 {
    width: 100% !important; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
    /* -- Modification NPC pour éviter que le label ne viennt dessus le bouton
        label {
          padding-left: 0;
        }
        */ }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 29px; }

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 650px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 12px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

@media (min-width: 650px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 15px; } }

@media (min-width: 650px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 11px; } }

.radio label,
.radio-inline label,
.checkbox label,
.checkbox-inline label {
  padding-left: 25px; }

.radio input[type="radio"],
.radio input[type="checkbox"],
.radio-inline input[type="radio"],
.radio-inline input[type="checkbox"],
.checkbox input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="radio"],
.checkbox-inline input[type="checkbox"] {
  margin-left: -25px; }

input[type="radio"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
  margin-top: 6px;
  margin-right: 4px;
  vertical-align: top;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer; }
  input[type="radio"]:focus,
  .radio input[type="radio"]:focus,
  .radio-inline input[type="radio"]:focus {
    outline: none; }
  input[type="radio"]:before, input[type="radio"]:after,
  .radio input[type="radio"]:before,
  .radio input[type="radio"]:after,
  .radio-inline input[type="radio"]:before,
  .radio-inline input[type="radio"]:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    -moz-border-radius: 50%;
         border-radius: 50%;
    -moz-transition: 240ms;
    transition: 240ms; }
  input[type="radio"]:before,
  .radio input[type="radio"]:before,
  .radio-inline input[type="radio"]:before {
    position: absolute;
    left: 0;
    top: -3px;
    background-color: #007D8F;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
         transform: scale(0); }
  input[type="radio"]:after,
  .radio input[type="radio"]:after,
  .radio-inline input[type="radio"]:after {
    position: relative;
    top: -3px;
    border: 1px solid #999999; }
  input[type="radio"]:checked:before,
  .radio input[type="radio"]:checked:before,
  .radio-inline input[type="radio"]:checked:before {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
         transform: scale(0.5); }
  input[type="radio"]:disabled:checked:before,
  .radio input[type="radio"]:disabled:checked:before,
  .radio-inline input[type="radio"]:disabled:checked:before {
    background-color: #999999; }
  input[type="radio"]:checked:after,
  .radio input[type="radio"]:checked:after,
  .radio-inline input[type="radio"]:checked:after {
    border-color: #999999; }
  input[type="radio"]:disabled:after, input[type="radio"]:disabled:checked:after,
  .radio input[type="radio"]:disabled:after,
  .radio input[type="radio"]:disabled:checked:after,
  .radio-inline input[type="radio"]:disabled:after,
  .radio-inline input[type="radio"]:disabled:checked:after {
    border-color: #999999; }

input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: relative;
  border: none;
  margin-bottom: -4px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer; }
  input[type="checkbox"]:focus,
  .checkbox input[type="checkbox"]:focus,
  .checkbox-inline input[type="checkbox"]:focus {
    outline: none; }
  input[type="checkbox"]:focus:after,
  .checkbox input[type="checkbox"]:focus:after,
  .checkbox-inline input[type="checkbox"]:focus:after {
    border-color: #007D8F; }
  input[type="checkbox"]:after,
  .checkbox input[type="checkbox"]:after,
  .checkbox-inline input[type="checkbox"]:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    margin-top: -2px;
    margin-right: 5px;
    border: 1px solid #999999;
    -moz-border-radius: 2px;
         border-radius: 2px;
    -moz-transition: 240ms;
    transition: 240ms; }
  input[type="checkbox"]:checked:before,
  .checkbox input[type="checkbox"]:checked:before,
  .checkbox-inline input[type="checkbox"]:checked:before {
    position: absolute;
    top: 0;
    left: 6px;
    display: table;
    width: 6px;
    height: 12px;
    border: 2px solid #fff;
    border-top-width: 0;
    border-left-width: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
         transform: rotate(45deg); }
  input[type="checkbox"]:checked:after,
  .checkbox input[type="checkbox"]:checked:after,
  .checkbox-inline input[type="checkbox"]:checked:after {
    padding-left: 2px;
    padding-top: 1px;
    background-color: transparent;
    border-color: #999999;
    font-family: 'Glyphicons Halflings';
    font-size: 8px;
    color: #007D8F;
    content: "\e074"; }
  input[type="checkbox"]:disabled:after,
  .checkbox input[type="checkbox"]:disabled:after,
  .checkbox-inline input[type="checkbox"]:disabled:after {
    border-color: #777777; }
  input[type="checkbox"]:disabled:checked:after,
  .checkbox input[type="checkbox"]:disabled:checked:after,
  .checkbox-inline input[type="checkbox"]:disabled:checked:after {
    background-color: #777777;
    border-color: transparent; }

.input-group-vertical {
  margin-bottom: 10px; }
  .input-group-vertical .form-control {
    -moz-border-radius: 0;
         border-radius: 0; }
  .input-group-vertical .form-group {
    margin-bottom: 0; }
  .input-group-vertical .form-group:not(:last-child) .form-control:not(:focus) {
    border-bottom-color: transparent; }
  .input-group-vertical .form-group:first-child .form-control {
    -moz-border-radius-topleft: 3px;
         border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
         border-top-right-radius: 3px; }
  .input-group-vertical .form-group:last-child .form-control {
    -moz-border-radius-bottomright: 3px;
         border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
         border-bottom-left-radius: 3px;
    top: -2px; }

.input-date > span {
  background-color: transparent;
  border: none;
  width: 10px;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px; }

.input-date .form-control {
  text-align: center;
  font-size: 12px;
  font-weight: 600; }

.input-date .form-control.day {
  width: 30px;
  padding: 0 0;
  -moz-border-radius-topleft: 3px;
       border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
       border-bottom-left-radius: 3px; }

.input-date .form-control.month {
  width: 30px;
  padding: 0 0;
  margin-left: -1px; }

.input-date .form-control.year {
  width: 40px;
  padding: 0 0;
  -moz-border-radius-topright: 3px;
       border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
       border-bottom-right-radius: 3px;
  margin-left: -2px; }

.input-amount > span {
  background-color: transparent;
  border: none;
  width: 10px;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px; }

.input-amount .form-control {
  text-align: center;
  font-size: 12px;
  font-weight: 600; }

.input-amount .form-control.integral {
  text-align: right;
  width: 94px;
  padding: 1px 4px; }

.input-amount .form-control.fractional {
  text-align: left;
  width: 30px;
  padding: 1px 4px;
  margin-left: -1px; }

div.input-search {
  float: left;
  display: block;
  position: relative; }
  div.input-search > span.input-icon {
    color: #99cc00;
    position: absolute;
    top: -10px;
    margin-right: -12px; }
  div.input-search > input {
    padding-right: 18px; }

.form-label {
  text-transform: uppercase; }

.form-label-white {
  color: white;
  text-transform: uppercase; }

.btn-100 {
  width: 100% !important; }

.encart {
  background-color: #007D8F;
  text-transform: uppercase;
  min-height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  padding-left: 10px; }

.add-clear-x {
  color: #007D8F;
  top: 0 !important; }

.has-clear input::-ms-clear {
  display: none; }

.has-clear ~ .input-field-icon {
  display: none; }

.radio-input {
  position: absolute;
  left: -10000px;
  opacity: 0; }

.radio-input + .radio-label {
  position: relative;
  padding-left: 20px; }

.radio-input + .radio-label:before, .radio-input + .radio-label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  -moz-transition: 240ms;
  transition: 240ms; }

.radio-input + .radio-label:before {
  border: 1px solid #999999;
  background-color: #ffffff; }

.radio-input + .radio-label:after {
  background-color: #007D8F;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
          transform: scale(0); }

.radio-input:checked + .radio-label:after {
  -webkit-transform: scale(0.5);
     -moz-transform: scale(0.5);
          transform: scale(0.5); }

.radio-input:disabled:checked + .radio-label:after {
  background-color: #999999; }

.checkbox-input,
input[type="checkbox"].checkbox-input {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.checkbox-input,
input[type="checkbox"].checkbox-input {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.checkbox-input + .checkbox-label, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a {
  position: relative;
  padding-left: 22px; }
  .checkbox-input + .checkbox-label:before, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:before, .checkbox-input + .checkbox-label:after, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:after {
    content: "";
    position: absolute;
    -moz-transition: 240ms;
    transition: 240ms;
    left: 7px;
    top: 8px; }
  .checkbox-input + .checkbox-label:before, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:before {
    width: 14px;
    height: 14px;
    margin: -7px;
    border: 1px solid #999;
    -moz-border-radius: 2px;
         border-radius: 2px; }
  .checkbox-input + .checkbox-label:after, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:after {
    width: 6px;
    height: 6px;
    margin: -3px;
    background-color: #007D8F;
    opacity: 0; }

.checkbox-input:checked + .checkbox-label:after, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li.selected a:after {
  opacity: 1; }

.checkbox-input:disabled + .checkbox-label:before, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li.disabled a:before {
  border-color: #777; }

.checkbox-input:disabled + .checkbox-label:after, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li.disabled a:after {
  background-color: #777; }

.GreenBtn-callbackLaterFooter .checkbox-input + .checkbox-label:before {
  background-color: #ffffff;
  border-color: #ffffff; }

.checkbox-input {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

/*
  .checkbox-input:disabled:checked+.checkbox-label:after {
    background-color:#777;
    border-color:transparent;
  }
  */
/*doc
  ---
  title: Input field
  parent: input
  name: input-field
  category: input
  ---

  Ajout d'éléments sur le input

  */
/*doc
  ---
  title: Input field - Icon
  parent: input-field
  name: input-field-01
  category: input
  ---

  ajout d'un icon sur la droite (`input-field-icon`)


  ```html_example
  <div class="form-group">
    <label for="input-field-01-1">Mon label</label>
    <div class="input-field">
      <input class="form-control" id="input-field-01-1" value="" name="" placeholder="">
      <span class="icon npc-magnifer input-field-icon"></span>
    </div>
  </div>
  ```
  */
/*doc
  ---
  title: Input field - Action
  parent: input-field
  name: input-field-02
  category: input
  ---

  ajout d'une action sur la droite (`input-field-action`).


  ```html_example
  <div class="form-group">
    <label for="input-field-02-1">Mon label 1</label>
    <div class="input-field">
      <input class="form-control" id="input-field-02-1" value="" name="" placeholder="">
      <a class="icon npc-add input-field-action"></a>
    </div>
    <label for="input-field-02-1">Mon label 2</label>
    <div class="input-field">
      <input class="form-control" id="input-field-02-2" value="" name="" placeholder="">
      <a class="icon npc-close input-field-action"></a>
    </div>
  </div>
  ```
  */
/*doc
  ---
  title: Input field - Inner Label
  parent: input-field
  name: input-field-03
  category: input
  ---

  Ajout du label sur la droite

  JS à ajouter :

  - `<script src="inputInnerLabel.js"></script>`


  <!--  BASE JS  -->
  <script src="./../../build/js/enquire.js" type="text/javascript"></script>
  <script src="./../../build/js/common.js" type="text/javascript"></script>

  <!--  CUSTOM JS -->
  <script src="./../../build/js/inputInnerLabel.js" type="text/javascript"></script>


  ```html_example
  @@include("../../kit/components/form/_inputInnerLabel.kit")
  ```
  */
.input-field {
  position: relative;
  margin-bottom: 15px; }
  .input-field:last-child {
    margin-bottom: 0; }
  .input-field .form-control {
    padding-right: 42px; }

.input-field-icon,
.input-field-action {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 42px;
  height: 42px;
  line-height: 42px;
  color: #007D8F;
  text-align: center;
  text-decoration: none; }
  .input-field-icon.npc-add,
  .input-field-action.npc-add {
    font-size: 16px; }
  .input-field-icon.npc-close,
  .input-field-action.npc-close {
    font-size: 11px; }
  .input-field-icon.npc-magnifer,
  .input-field-action.npc-magnifer {
    font-size: 17px; }

.input-field-icon {
  pointer-events: none; }

.input-field-action {
  cursor: pointer; }
  .input-field-action:hover, .input-field-action:focus {
    color: #006675;
    text-decoration: none; }

.input-field--innerLabel .input-field-label {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  margin: 0;
  line-height: 18px;
  text-transform: none;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  pointer-events: none; }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 11px 12px;
  font-size: 12px;
  line-height: 1.42857;
  -moz-border-radius: 4px;
       border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: none; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
         box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -moz-box-shadow: none;
         box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
    .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #007D8F;
  border-color: #006776; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #00505c;
    border-color: black; }
  .btn-primary:hover {
    color: #fff;
    background-color: #00505c;
    border-color: #003138; }
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #00505c;
    border-color: #003138; }
    .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #003138;
      border-color: black; }
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #007D8F;
    border-color: #006776; }
  .btn-primary .badge {
    color: #007D8F;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
    .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d70000;
  border-color: #be0000; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #a40000;
    border-color: #3e0000; }
  .btn-danger:hover {
    color: #fff;
    background-color: #a40000;
    border-color: maroon; }
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #a40000;
    border-color: maroon; }
    .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: maroon;
      border-color: #3e0000; }
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d70000;
    border-color: #be0000; }
  .btn-danger .badge {
    color: #d70000;
    background-color: #fff; }

.btn-link {
  color: #007D8F;
  font-weight: normal;
  -moz-border-radius: 0;
       border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -moz-box-shadow: none;
         box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #006675;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.33333;
  -moz-border-radius: 6px;
       border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
  -moz-border-radius: 3px;
       border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 11px;
  line-height: 1.5;
  -moz-border-radius: 3px;
       border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

/*doc
---
title: Boutons
name: buttons
category: buttons
---

Le style 'Bouton' peut être appliqué sur n'importe quel élement. Typiquement, il sera utilisé sur les élément `<button>` et `<a>`.

**Organisations des states :**

Lignes

- Ligne 1 : boutons
- Ligne 2 : Liens
- Ligne 3 : Class spécifique

Cols

- Col 1 : Default
- Col 2 : Hover
- Col 3 : Disabled

*/
/*doc
---
title: Primary buttons
parent: buttons
name: 01-primary-buttons
category: buttons
---

Boutons d'action primaires

*/
/*doc
---
title: Button Primary - white panel
parent: 01-primary-buttons
name: 01-primary-buttons-01
category: buttons
---

Sur panneau blanc

```html_example
<div class="panel panel-white">
  <button type="submit" class="btn btn-primary">Valider</button>
  <button type="submit" class="btn btn-primary hover">Valider</button>
  <button type="submit" class="btn btn-primary" disabled>Valider</button>
  <br>
  <a href="#" class="btn btn-primary">Valider</a>
  <a href="#" class="btn btn-primary hover">Valider</a>
  <a href="#" class="btn btn-primary" disabled>Valider</a>
</div>

<a href="#" class="btn btn-primary">Valider</a>
<a href="#" class="btn btn-primary hover">Valider</a>
<a href="#" class="btn btn-primary" disabled>Valider</a>
```
*/
/*doc
---
title: Button Primary - gray panel
parent: 01-primary-buttons
name: 01-primary-buttons-02
category: buttons
---

Sur panneau gris

```html_example
<div class="panel panel-gray">
  <button type="submit" class="btn btn-primary">Valider</button>
  <button type="submit" class="btn btn-primary hover">Valider</button>
  <button type="submit" class="btn btn-primary" disabled>Valider</button>
  <br>
  <a href="#" class="btn btn-primary">Valider</a>
  <a href="#" class="btn btn-primary hover">Valider</a>
  <a href="#" class="btn btn-primary" disabled>Valider</a>
</div>

<a href="#" class="btn btn-primary btn-primary--grayPanel">Valider</a>
<a href="#" class="btn btn-primary btn-primary--grayPanel hover">Valider</a>
<a href="#" class="btn btn-primary btn-primary--grayPanel" disabled>Valider</a>
```
*/
/*doc
---
title: Button Primary - primary panel
parent: 01-primary-buttons
name: 01-primary-buttons-03
category: buttons
---

Sur panneau couleur primaire

```html_example
<div class="panel panel-primary">
  <button type="submit" class="btn btn-primary">Valider</button>
  <button type="submit" class="btn btn-primary hover">Valider</button>
  <button type="submit" class="btn btn-primary" disabled>Valider</button>
  <br>
  <a href="#" class="btn btn-primary">Valider</a>
  <a href="#" class="btn btn-primary hover">Valider</a>
  <a href="#" class="btn btn-primary" disabled>Valider</a>
</div>

<a href="#" class="btn btn-primary btn-primary--primaryPanel">Valider</a>
<a href="#" class="btn btn-primary btn-primary--primaryPanel hover">Valider</a>
<a href="#" class="btn btn-primary btn-primary--primaryPanel" disabled>Valider</a>
```
*/
/*doc
---
title: Secondary buttons
parent: buttons
name: 02-secondary-buttons
category: buttons
---

Boutons d'action secondaires

*/
/*doc
---
title: Secondary buttons - white panel
parent: 02-secondary-buttons
name: 02-secondary-buttons-01
category: buttons
---

Sur panneau blanc

```html_example
<div class="panel panel-white">
  <button type="submit" class="btn btn-default">Valider</button>
  <button type="submit" class="btn btn-default hover">Valider</button>
  <button type="submit" class="btn btn-default" disabled>Valider</button>
  <br>
  <a href="#" class="btn btn-default">Valider</a>
  <a href="#" class="btn btn-default hover">Valider</a>
  <a href="#" class="btn btn-default" disabled>Valider</a>
</div>

<a href="#" class="btn btn-default">Valider</a>
<a href="#" class="btn btn-default hover">Valider</a>
<a href="#" class="btn btn-default" disabled>Valider</a>
```

*/
/*doc
---
title: Secondary buttons - gray panel
parent: 02-secondary-buttons
name: 02-secondary-buttons-02
category: buttons
---

Sur panneau gris

```html_example
<div class="panel panel-gray">
  <button type="submit" class="btn btn-default">Valider</button>
  <button type="submit" class="btn btn-default hover">Valider</button>
  <button type="submit" class="btn btn-default" disabled>Valider</button>
  <br>
  <a href="#" class="btn btn-default">Valider</a>
  <a href="#" class="btn btn-default hover">Valider</a>
  <a href="#" class="btn btn-default" disabled>Valider</a>
</div>

<a href="#" class="btn btn-default btn-default--grayPanel">Valider</a>
<a href="#" class="btn btn-default btn-default--grayPanel hover">Valider</a>
<a href="#" class="btn btn-default btn-default--grayPanel" disabled>Valider</a>

```

*/
/*doc
---
title: Secondary buttons - primary panel
parent: 02-secondary-buttons
name: 02-secondary-buttons-03
category: buttons
---

Sur panneau couleur primaire

```html_example
<div class="panel panel-primary">
  <button type="submit" class="btn btn-default">Valider</button>
  <button type="submit" class="btn btn-default hover">Valider</button>
  <button type="submit" class="btn btn-default" disabled>Valider</button>
  <br>
  <a href="#" class="btn btn-default">Valider</a>
  <a href="#" class="btn btn-default hover">Valider</a>
  <a href="#" class="btn btn-default" disabled>Valider</a>
</div>

<a href="#" class="btn btn-default btn-default--primaryPanel">Valider</a>
<a href="#" class="btn btn-default btn-default--primaryPanel hover">Valider</a>
<a href="#" class="btn btn-default btn-default--primaryPanel" disabled>Valider</a>
```
*/
/*doc
---
title: Boutons suivant / précédent
parent: buttons
name: buttons-next-previous
category: buttons
---

###Sur panneau blanc
```html_example
<div class="panel panel-white">
  <div class="form-group">
    <span class="label-pagenumber">1/3</span>
    <button class="btn-icon btn-primary btn-previous" disabled></button>
    <button class="btn-icon btn-primary btn-next"></button>
  </div>
  <div class="form-group">
    <span class="label-pagenumber">2/3</span>
    <button class="btn-icon btn-primary btn-previous"></button>
    <button class="btn-icon btn-primary btn-next"></button>
  </div>
</div>
```

###Sur panneau gris
```html_example
<div class="panel panel-gray">
  <div class="form-group">
    <span class="label-pagenumber">1/3</span>
    <button class="btn-icon btn-primary btn-previous" disabled></button>
    <button class="btn-icon btn-primary btn-next"></button>
  </div>
  <div class="form-group">
    <span class="label-pagenumber">2/3</span>
    <button class="btn-icon btn-primary btn-previous"></button>
    <button class="btn-icon btn-primary btn-next"></button>
  </div>
</div>
```

###Sur panneau couleur primaire
```html_example
<div class="panel panel-primary">
  <div class="form-group">
    <span class="label-pagenumber">1/3</span>
    <button class="btn-icon btn-primary btn-previous" disabled></button>
    <button class="btn-icon btn-primary btn-next"></button>
  </div>
  <div class="form-group">
    <span class="label-pagenumber">2/3</span>
    <button class="btn-icon btn-primary btn-previous"></button>
    <button class="btn-icon btn-primary btn-next"></button>
  </div>
</div>
```
*/
/*doc
---
title: Groupe de boutons
parent: buttons
name: buttons-group
category: buttons
---

###Sur panneau blanc
```html_example
<div class="panel panel-white">
  <div class="btn-group" role="group">
     <button type="button" class="btn btn-default">Bouton 1</button>
     <button type="button" class="btn btn-default">Bouton 2</button>
     <button type="button" class="btn btn-default" disabled>Bouton 3</button>
  </div>
</div>
```

###Sur panneau gris
```html_example
<div class="panel panel-gray">
  <div class="btn-group" role="group">
     <button type="button" class="btn btn-default">Bouton 1</button>
     <button type="button" class="btn btn-default">Bouton 2</button>
     <button type="button" class="btn btn-default" disabled>Bouton 3</button>
  </div>
</div>
```

###Sur panneau couleur primaire
```html_example
<div class="panel panel-primary">
  <div class="btn-group" role="group">
     <button type="button" class="btn btn-default">Bouton 1</button>
     <button type="button" class="btn btn-default">Bouton 2</button>
     <button type="button" class="btn btn-default" disabled>Bouton 3</button>
  </div>
</div>
```

###Bouton choix
```html_example
<div id="divTypeDePaiement">
  <a id="aImmediat" class="btn btn-default a-actif">Immédiat</a>
  <a id="aEcheance" class="btn btn-default">A échéance</a>
</div>
```
*/
.btn,
.btnWrap a, .BlockLink-btnDiscover, .FormActions-btn, .LayerNav-articlesBtn, .PushCR-button, .PushPage-button, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link, .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .GenericBtn-btnSecondary, .SubscribeBtn-btn, .SubscribeBtn-btnSecondary, .SubscribeBtn-btnWhite, .GreenBtn-chatBoxUnfoldedBtn, .GreenBtn-contentBlockItemBtnPrimaryWhite, .cardMagFilter-action, .cardMagArticle-layerButton, .GenericBtn-block--primary .GenericBtn-btnSecondary, .GenericBtn-block--primary .SubscribeBtn-btnSecondary, .GenericBtn-btn, .GenericBtn-btnSecondary, .GenericBtn-btnWhite, .TechnicalError-btnPrimary, .TechnicalError-btnNoBg, .Error404-btnPrimary, .Error404-btnNoBg, .PushCommunication-btn, .HeaderVisuel-button, .CustomMessage-btn, .Modal-action, .NewsFeed-btn, .CompareBox-btn, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link, .FirstLogin-button {
  display: inline-block;
  margin-bottom: 2px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  border-style: solid;
  padding: 11px 12px;
  font-size: 12px;
  line-height: 1.42857;
  -moz-border-radius: 4px;
       border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus,
  .btnWrap a:focus, .BlockLink-btnDiscover:focus, .FormActions-btn:focus, .LayerNav-articlesBtn:focus, .PushCR-button:focus, .PushPage-button:focus, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus, .SubscribeBtn-btn:focus, .SubscribeBtn-btnSecondary:focus, .SubscribeBtn-btnWhite:focus, .GreenBtn-chatBoxUnfoldedBtn:focus, .GreenBtn-contentBlockItemBtnPrimaryWhite:focus, .cardMagFilter-action:focus, .cardMagArticle-layerButton:focus, .GenericBtn-btn:focus, .GenericBtn-btnSecondary:focus, .GenericBtn-btnWhite:focus, .TechnicalError-btnPrimary:focus, .TechnicalError-btnNoBg:focus, .Error404-btnPrimary:focus, .Error404-btnNoBg:focus, .PushCommunication-btn:focus, .HeaderVisuel-button:focus, .CustomMessage-btn:focus, .Modal-action:focus, .NewsFeed-btn:focus, .CompareBox-btn:focus, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus, .FirstLogin-button:focus, .focus.btn,
  .btnWrap a.focus, .focus.BlockLink-btnDiscover, .focus.FormActions-btn, .focus.LayerNav-articlesBtn, .focus.PushCR-button, .focus.PushPage-button, .callGreenBtnBloc--withBtn .focus.callGreenBtnBloc-link, .focus.SubscribeBtn-btn, .focus.SubscribeBtn-btnSecondary, .focus.SubscribeBtn-btnWhite, .focus.GreenBtn-chatBoxUnfoldedBtn, .focus.GreenBtn-contentBlockItemBtnPrimaryWhite, .focus.cardMagFilter-action, .focus.cardMagArticle-layerButton, .focus.GenericBtn-btn, .focus.GenericBtn-btnSecondary, .focus.GenericBtn-btnWhite, .focus.TechnicalError-btnPrimary, .focus.TechnicalError-btnNoBg, .focus.Error404-btnPrimary, .focus.Error404-btnNoBg, .focus.PushCommunication-btn, .focus.HeaderVisuel-button, .focus.CustomMessage-btn, .focus.Modal-action, .focus.NewsFeed-btn, .focus.CompareBox-btn, .ES-join-projectsBloc--withBtn .focus.ES-join-projectsBloc-link, .focus.FirstLogin-button, .btn:active:focus,
  .btnWrap a:active:focus, .BlockLink-btnDiscover:active:focus, .FormActions-btn:active:focus, .LayerNav-articlesBtn:active:focus, .PushCR-button:active:focus, .PushPage-button:active:focus, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active:focus, .SubscribeBtn-btn:active:focus, .SubscribeBtn-btnSecondary:active:focus, .SubscribeBtn-btnWhite:active:focus, .GreenBtn-chatBoxUnfoldedBtn:active:focus, .GreenBtn-contentBlockItemBtnPrimaryWhite:active:focus, .cardMagFilter-action:active:focus, .cardMagArticle-layerButton:active:focus, .GenericBtn-btn:active:focus, .GenericBtn-btnSecondary:active:focus, .GenericBtn-btnWhite:active:focus, .TechnicalError-btnPrimary:active:focus, .TechnicalError-btnNoBg:active:focus, .Error404-btnPrimary:active:focus, .Error404-btnNoBg:active:focus, .PushCommunication-btn:active:focus, .HeaderVisuel-button:active:focus, .CustomMessage-btn:active:focus, .Modal-action:active:focus, .NewsFeed-btn:active:focus, .CompareBox-btn:active:focus, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active:focus, .FirstLogin-button:active:focus, .btn:active.focus,
  .btnWrap a:active.focus, .BlockLink-btnDiscover:active.focus, .FormActions-btn:active.focus, .LayerNav-articlesBtn:active.focus, .PushCR-button:active.focus, .PushPage-button:active.focus, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active.focus, .SubscribeBtn-btn:active.focus, .SubscribeBtn-btnSecondary:active.focus, .SubscribeBtn-btnWhite:active.focus, .GreenBtn-chatBoxUnfoldedBtn:active.focus, .GreenBtn-contentBlockItemBtnPrimaryWhite:active.focus, .cardMagFilter-action:active.focus, .cardMagArticle-layerButton:active.focus, .GenericBtn-btn:active.focus, .GenericBtn-btnSecondary:active.focus, .GenericBtn-btnWhite:active.focus, .TechnicalError-btnPrimary:active.focus, .TechnicalError-btnNoBg:active.focus, .Error404-btnPrimary:active.focus, .Error404-btnNoBg:active.focus, .PushCommunication-btn:active.focus, .HeaderVisuel-button:active.focus, .CustomMessage-btn:active.focus, .Modal-action:active.focus, .NewsFeed-btn:active.focus, .CompareBox-btn:active.focus, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active.focus, .FirstLogin-button:active.focus, .active.btn:focus,
  .btnWrap a.active:focus, .active.BlockLink-btnDiscover:focus, .active.FormActions-btn:focus, .active.LayerNav-articlesBtn:focus, .active.PushCR-button:focus, .active.PushPage-button:focus, .callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link:focus, .active.SubscribeBtn-btn:focus, .active.SubscribeBtn-btnSecondary:focus, .active.SubscribeBtn-btnWhite:focus, .active.GreenBtn-chatBoxUnfoldedBtn:focus, .active.GreenBtn-contentBlockItemBtnPrimaryWhite:focus, .active.cardMagFilter-action:focus, .active.cardMagArticle-layerButton:focus, .active.GenericBtn-btn:focus, .active.GenericBtn-btnSecondary:focus, .active.GenericBtn-btnWhite:focus, .active.TechnicalError-btnPrimary:focus, .active.TechnicalError-btnNoBg:focus, .active.Error404-btnPrimary:focus, .active.Error404-btnNoBg:focus, .active.PushCommunication-btn:focus, .active.HeaderVisuel-button:focus, .active.CustomMessage-btn:focus, .active.Modal-action:focus, .active.NewsFeed-btn:focus, .active.CompareBox-btn:focus, .ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link:focus, .active.FirstLogin-button:focus, .active.focus.btn,
  .btnWrap a.active.focus, .active.focus.BlockLink-btnDiscover, .active.focus.FormActions-btn, .active.focus.LayerNav-articlesBtn, .active.focus.PushCR-button, .active.focus.PushPage-button, .callGreenBtnBloc--withBtn .active.focus.callGreenBtnBloc-link, .active.focus.SubscribeBtn-btn, .active.focus.SubscribeBtn-btnSecondary, .active.focus.SubscribeBtn-btnWhite, .active.focus.GreenBtn-chatBoxUnfoldedBtn, .active.focus.GreenBtn-contentBlockItemBtnPrimaryWhite, .active.focus.cardMagFilter-action, .active.focus.cardMagArticle-layerButton, .active.focus.GenericBtn-btn, .active.focus.GenericBtn-btnSecondary, .active.focus.GenericBtn-btnWhite, .active.focus.TechnicalError-btnPrimary, .active.focus.TechnicalError-btnNoBg, .active.focus.Error404-btnPrimary, .active.focus.Error404-btnNoBg, .active.focus.PushCommunication-btn, .active.focus.HeaderVisuel-button, .active.focus.CustomMessage-btn, .active.focus.Modal-action, .active.focus.NewsFeed-btn, .active.focus.CompareBox-btn, .ES-join-projectsBloc--withBtn .active.focus.ES-join-projectsBloc-link, .active.focus.FirstLogin-button {
    outline: none; }
  .btn:hover,
  .btnWrap a:hover, .BlockLink-btnDiscover:hover, .FormActions-btn:hover, .LayerNav-articlesBtn:hover, .PushCR-button:hover, .PushPage-button:hover, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:hover, .SubscribeBtn-btn:hover, .SubscribeBtn-btnSecondary:hover, .SubscribeBtn-btnWhite:hover, .GreenBtn-chatBoxUnfoldedBtn:hover, .GreenBtn-contentBlockItemBtnPrimaryWhite:hover, .cardMagFilter-action:hover, .cardMagArticle-layerButton:hover, .GenericBtn-btn:hover, .GenericBtn-btnSecondary:hover, .GenericBtn-btnWhite:hover, .TechnicalError-btnPrimary:hover, .TechnicalError-btnNoBg:hover, .Error404-btnPrimary:hover, .Error404-btnNoBg:hover, .PushCommunication-btn:hover, .HeaderVisuel-button:hover, .CustomMessage-btn:hover, .Modal-action:hover, .NewsFeed-btn:hover, .CompareBox-btn:hover, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:hover, .FirstLogin-button:hover, .hover.btn,
  .btnWrap a.hover, .hover.BlockLink-btnDiscover, .hover.FormActions-btn, .hover.LayerNav-articlesBtn, .hover.PushCR-button, .hover.PushPage-button, .callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link, .hover.SubscribeBtn-btn, .hover.SubscribeBtn-btnSecondary, .hover.SubscribeBtn-btnWhite, .hover.GreenBtn-chatBoxUnfoldedBtn, .hover.GreenBtn-contentBlockItemBtnPrimaryWhite, .hover.cardMagFilter-action, .hover.cardMagArticle-layerButton, .hover.GenericBtn-btn, .hover.GenericBtn-btnSecondary, .hover.GenericBtn-btnWhite, .hover.TechnicalError-btnPrimary, .hover.TechnicalError-btnNoBg, .hover.Error404-btnPrimary, .hover.Error404-btnNoBg, .hover.PushCommunication-btn, .hover.HeaderVisuel-button, .hover.CustomMessage-btn, .hover.Modal-action, .hover.NewsFeed-btn, .hover.CompareBox-btn, .ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link, .hover.FirstLogin-button, .btn:focus,
  .btnWrap a:focus, .BlockLink-btnDiscover:focus, .FormActions-btn:focus, .LayerNav-articlesBtn:focus, .PushCR-button:focus, .PushPage-button:focus, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus, .SubscribeBtn-btn:focus, .SubscribeBtn-btnSecondary:focus, .SubscribeBtn-btnWhite:focus, .GreenBtn-chatBoxUnfoldedBtn:focus, .GreenBtn-contentBlockItemBtnPrimaryWhite:focus, .cardMagFilter-action:focus, .cardMagArticle-layerButton:focus, .GenericBtn-btn:focus, .GenericBtn-btnSecondary:focus, .GenericBtn-btnWhite:focus, .TechnicalError-btnPrimary:focus, .TechnicalError-btnNoBg:focus, .Error404-btnPrimary:focus, .Error404-btnNoBg:focus, .PushCommunication-btn:focus, .HeaderVisuel-button:focus, .CustomMessage-btn:focus, .Modal-action:focus, .NewsFeed-btn:focus, .CompareBox-btn:focus, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus, .FirstLogin-button:focus, .focus.btn,
  .btnWrap a.focus, .focus.BlockLink-btnDiscover, .focus.FormActions-btn, .focus.LayerNav-articlesBtn, .focus.PushCR-button, .focus.PushPage-button, .callGreenBtnBloc--withBtn .focus.callGreenBtnBloc-link, .focus.SubscribeBtn-btn, .focus.SubscribeBtn-btnSecondary, .focus.SubscribeBtn-btnWhite, .focus.GreenBtn-chatBoxUnfoldedBtn, .focus.GreenBtn-contentBlockItemBtnPrimaryWhite, .focus.cardMagFilter-action, .focus.cardMagArticle-layerButton, .focus.GenericBtn-btn, .focus.GenericBtn-btnSecondary, .focus.GenericBtn-btnWhite, .focus.TechnicalError-btnPrimary, .focus.TechnicalError-btnNoBg, .focus.Error404-btnPrimary, .focus.Error404-btnNoBg, .focus.PushCommunication-btn, .focus.HeaderVisuel-button, .focus.CustomMessage-btn, .focus.Modal-action, .focus.NewsFeed-btn, .focus.CompareBox-btn, .ES-join-projectsBloc--withBtn .focus.ES-join-projectsBloc-link, .focus.FirstLogin-button, .btn:active,
  .btnWrap a:active, .BlockLink-btnDiscover:active, .FormActions-btn:active, .LayerNav-articlesBtn:active, .PushCR-button:active, .PushPage-button:active, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active, .SubscribeBtn-btn:active, .SubscribeBtn-btnSecondary:active, .SubscribeBtn-btnWhite:active, .GreenBtn-chatBoxUnfoldedBtn:active, .GreenBtn-contentBlockItemBtnPrimaryWhite:active, .cardMagFilter-action:active, .cardMagArticle-layerButton:active, .GenericBtn-btn:active, .GenericBtn-btnSecondary:active, .GenericBtn-btnWhite:active, .TechnicalError-btnPrimary:active, .TechnicalError-btnNoBg:active, .Error404-btnPrimary:active, .Error404-btnNoBg:active, .PushCommunication-btn:active, .HeaderVisuel-button:active, .CustomMessage-btn:active, .Modal-action:active, .NewsFeed-btn:active, .CompareBox-btn:active, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active, .FirstLogin-button:active, .active.btn,
  .btnWrap a.active, .active.BlockLink-btnDiscover, .active.FormActions-btn, .active.LayerNav-articlesBtn, .active.PushCR-button, .active.PushPage-button, .callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link, .active.SubscribeBtn-btn, .active.SubscribeBtn-btnSecondary, .active.SubscribeBtn-btnWhite, .active.GreenBtn-chatBoxUnfoldedBtn, .active.GreenBtn-contentBlockItemBtnPrimaryWhite, .active.cardMagFilter-action, .active.cardMagArticle-layerButton, .active.GenericBtn-btn, .active.GenericBtn-btnSecondary, .active.GenericBtn-btnWhite, .active.TechnicalError-btnPrimary, .active.TechnicalError-btnNoBg, .active.Error404-btnPrimary, .active.Error404-btnNoBg, .active.PushCommunication-btn, .active.HeaderVisuel-button, .active.CustomMessage-btn, .active.Modal-action, .active.NewsFeed-btn, .active.CompareBox-btn, .ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link, .active.FirstLogin-button {
    text-decoration: none !important; }
  .btn:active,
  .btnWrap a:active, .BlockLink-btnDiscover:active, .FormActions-btn:active, .LayerNav-articlesBtn:active, .PushCR-button:active, .PushPage-button:active, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active, .SubscribeBtn-btn:active, .SubscribeBtn-btnSecondary:active, .SubscribeBtn-btnWhite:active, .GreenBtn-chatBoxUnfoldedBtn:active, .GreenBtn-contentBlockItemBtnPrimaryWhite:active, .cardMagFilter-action:active, .cardMagArticle-layerButton:active, .GenericBtn-btn:active, .GenericBtn-btnSecondary:active, .GenericBtn-btnWhite:active, .TechnicalError-btnPrimary:active, .TechnicalError-btnNoBg:active, .Error404-btnPrimary:active, .Error404-btnNoBg:active, .PushCommunication-btn:active, .HeaderVisuel-button:active, .CustomMessage-btn:active, .Modal-action:active, .NewsFeed-btn:active, .CompareBox-btn:active, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active, .FirstLogin-button:active, .active.btn,
  .btnWrap a.active, .active.BlockLink-btnDiscover, .active.FormActions-btn, .active.LayerNav-articlesBtn, .active.PushCR-button, .active.PushPage-button, .callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link, .active.SubscribeBtn-btn, .active.SubscribeBtn-btnSecondary, .active.SubscribeBtn-btnWhite, .active.GreenBtn-chatBoxUnfoldedBtn, .active.GreenBtn-contentBlockItemBtnPrimaryWhite, .active.cardMagFilter-action, .active.cardMagArticle-layerButton, .active.GenericBtn-btn, .active.GenericBtn-btnSecondary, .active.GenericBtn-btnWhite, .active.TechnicalError-btnPrimary, .active.TechnicalError-btnNoBg, .active.Error404-btnPrimary, .active.Error404-btnNoBg, .active.PushCommunication-btn, .active.HeaderVisuel-button, .active.CustomMessage-btn, .active.Modal-action, .active.NewsFeed-btn, .active.CompareBox-btn, .ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link, .active.FirstLogin-button {
    outline: 0;
    background-image: none; }
  .disabled.btn,
  .btnWrap a.disabled, .disabled.BlockLink-btnDiscover, .disabled.FormActions-btn, .disabled.LayerNav-articlesBtn, .disabled.PushCR-button, .disabled.PushPage-button, .callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link, .disabled.SubscribeBtn-btn, .disabled.SubscribeBtn-btnSecondary, .disabled.SubscribeBtn-btnWhite, .disabled.GreenBtn-chatBoxUnfoldedBtn, .disabled.GreenBtn-contentBlockItemBtnPrimaryWhite, .disabled.cardMagFilter-action, .disabled.cardMagArticle-layerButton, .disabled.GenericBtn-btn, .disabled.GenericBtn-btnSecondary, .disabled.GenericBtn-btnWhite, .disabled.TechnicalError-btnPrimary, .disabled.TechnicalError-btnNoBg, .disabled.Error404-btnPrimary, .disabled.Error404-btnNoBg, .disabled.PushCommunication-btn, .disabled.HeaderVisuel-button, .disabled.CustomMessage-btn, .disabled.Modal-action, .disabled.NewsFeed-btn, .disabled.CompareBox-btn, .ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link, .disabled.FirstLogin-button, .disabled.btn:hover,
  .btnWrap a.disabled:hover, .disabled.BlockLink-btnDiscover:hover, .disabled.FormActions-btn:hover, .disabled.LayerNav-articlesBtn:hover, .disabled.PushCR-button:hover, .disabled.PushPage-button:hover, .callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:hover, .disabled.SubscribeBtn-btn:hover, .disabled.SubscribeBtn-btnSecondary:hover, .disabled.SubscribeBtn-btnWhite:hover, .disabled.GreenBtn-chatBoxUnfoldedBtn:hover, .disabled.GreenBtn-contentBlockItemBtnPrimaryWhite:hover, .disabled.cardMagFilter-action:hover, .disabled.cardMagArticle-layerButton:hover, .disabled.GenericBtn-btn:hover, .disabled.GenericBtn-btnSecondary:hover, .disabled.GenericBtn-btnWhite:hover, .disabled.TechnicalError-btnPrimary:hover, .disabled.TechnicalError-btnNoBg:hover, .disabled.Error404-btnPrimary:hover, .disabled.Error404-btnNoBg:hover, .disabled.PushCommunication-btn:hover, .disabled.HeaderVisuel-button:hover, .disabled.CustomMessage-btn:hover, .disabled.Modal-action:hover, .disabled.NewsFeed-btn:hover, .disabled.CompareBox-btn:hover, .ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:hover, .disabled.FirstLogin-button:hover, .disabled.hover.btn,
  .btnWrap a.disabled.hover, .disabled.hover.BlockLink-btnDiscover, .disabled.hover.FormActions-btn, .disabled.hover.LayerNav-articlesBtn, .disabled.hover.PushCR-button, .disabled.hover.PushPage-button, .callGreenBtnBloc--withBtn .disabled.hover.callGreenBtnBloc-link, .disabled.hover.SubscribeBtn-btn, .disabled.hover.SubscribeBtn-btnSecondary, .disabled.hover.SubscribeBtn-btnWhite, .disabled.hover.GreenBtn-chatBoxUnfoldedBtn, .disabled.hover.GreenBtn-contentBlockItemBtnPrimaryWhite, .disabled.hover.cardMagFilter-action, .disabled.hover.cardMagArticle-layerButton, .disabled.hover.GenericBtn-btn, .disabled.hover.GenericBtn-btnSecondary, .disabled.hover.GenericBtn-btnWhite, .disabled.hover.TechnicalError-btnPrimary, .disabled.hover.TechnicalError-btnNoBg, .disabled.hover.Error404-btnPrimary, .disabled.hover.Error404-btnNoBg, .disabled.hover.PushCommunication-btn, .disabled.hover.HeaderVisuel-button, .disabled.hover.CustomMessage-btn, .disabled.hover.Modal-action, .disabled.hover.NewsFeed-btn, .disabled.hover.CompareBox-btn, .ES-join-projectsBloc--withBtn .disabled.hover.ES-join-projectsBloc-link, .disabled.hover.FirstLogin-button, .disabled.btn:focus,
  .btnWrap a.disabled:focus, .disabled.BlockLink-btnDiscover:focus, .disabled.FormActions-btn:focus, .disabled.LayerNav-articlesBtn:focus, .disabled.PushCR-button:focus, .disabled.PushPage-button:focus, .callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:focus, .disabled.SubscribeBtn-btn:focus, .disabled.SubscribeBtn-btnSecondary:focus, .disabled.SubscribeBtn-btnWhite:focus, .disabled.GreenBtn-chatBoxUnfoldedBtn:focus, .disabled.GreenBtn-contentBlockItemBtnPrimaryWhite:focus, .disabled.cardMagFilter-action:focus, .disabled.cardMagArticle-layerButton:focus, .disabled.GenericBtn-btn:focus, .disabled.GenericBtn-btnSecondary:focus, .disabled.GenericBtn-btnWhite:focus, .disabled.TechnicalError-btnPrimary:focus, .disabled.TechnicalError-btnNoBg:focus, .disabled.Error404-btnPrimary:focus, .disabled.Error404-btnNoBg:focus, .disabled.PushCommunication-btn:focus, .disabled.HeaderVisuel-button:focus, .disabled.CustomMessage-btn:focus, .disabled.Modal-action:focus, .disabled.NewsFeed-btn:focus, .disabled.CompareBox-btn:focus, .ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:focus, .disabled.FirstLogin-button:focus, .disabled.focus.btn,
  .btnWrap a.disabled.focus, .disabled.focus.BlockLink-btnDiscover, .disabled.focus.FormActions-btn, .disabled.focus.LayerNav-articlesBtn, .disabled.focus.PushCR-button, .disabled.focus.PushPage-button, .callGreenBtnBloc--withBtn .disabled.focus.callGreenBtnBloc-link, .disabled.focus.SubscribeBtn-btn, .disabled.focus.SubscribeBtn-btnSecondary, .disabled.focus.SubscribeBtn-btnWhite, .disabled.focus.GreenBtn-chatBoxUnfoldedBtn, .disabled.focus.GreenBtn-contentBlockItemBtnPrimaryWhite, .disabled.focus.cardMagFilter-action, .disabled.focus.cardMagArticle-layerButton, .disabled.focus.GenericBtn-btn, .disabled.focus.GenericBtn-btnSecondary, .disabled.focus.GenericBtn-btnWhite, .disabled.focus.TechnicalError-btnPrimary, .disabled.focus.TechnicalError-btnNoBg, .disabled.focus.Error404-btnPrimary, .disabled.focus.Error404-btnNoBg, .disabled.focus.PushCommunication-btn, .disabled.focus.HeaderVisuel-button, .disabled.focus.CustomMessage-btn, .disabled.focus.Modal-action, .disabled.focus.NewsFeed-btn, .disabled.focus.CompareBox-btn, .ES-join-projectsBloc--withBtn .disabled.focus.ES-join-projectsBloc-link, .disabled.focus.FirstLogin-button, .disabled.btn:active,
  .btnWrap a.disabled:active, .disabled.BlockLink-btnDiscover:active, .disabled.FormActions-btn:active, .disabled.LayerNav-articlesBtn:active, .disabled.PushCR-button:active, .disabled.PushPage-button:active, .callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:active, .disabled.SubscribeBtn-btn:active, .disabled.SubscribeBtn-btnSecondary:active, .disabled.SubscribeBtn-btnWhite:active, .disabled.GreenBtn-chatBoxUnfoldedBtn:active, .disabled.GreenBtn-contentBlockItemBtnPrimaryWhite:active, .disabled.cardMagFilter-action:active, .disabled.cardMagArticle-layerButton:active, .disabled.GenericBtn-btn:active, .disabled.GenericBtn-btnSecondary:active, .disabled.GenericBtn-btnWhite:active, .disabled.TechnicalError-btnPrimary:active, .disabled.TechnicalError-btnNoBg:active, .disabled.Error404-btnPrimary:active, .disabled.Error404-btnNoBg:active, .disabled.PushCommunication-btn:active, .disabled.HeaderVisuel-button:active, .disabled.CustomMessage-btn:active, .disabled.Modal-action:active, .disabled.NewsFeed-btn:active, .disabled.CompareBox-btn:active, .ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:active, .disabled.FirstLogin-button:active, .disabled.active.btn,
  .btnWrap a.disabled.active, .disabled.active.BlockLink-btnDiscover, .disabled.active.FormActions-btn, .disabled.active.LayerNav-articlesBtn, .disabled.active.PushCR-button, .disabled.active.PushPage-button, .callGreenBtnBloc--withBtn .disabled.active.callGreenBtnBloc-link, .disabled.active.SubscribeBtn-btn, .disabled.active.SubscribeBtn-btnSecondary, .disabled.active.SubscribeBtn-btnWhite, .disabled.active.GreenBtn-chatBoxUnfoldedBtn, .disabled.active.GreenBtn-contentBlockItemBtnPrimaryWhite, .disabled.active.cardMagFilter-action, .disabled.active.cardMagArticle-layerButton, .disabled.active.GenericBtn-btn, .disabled.active.GenericBtn-btnSecondary, .disabled.active.GenericBtn-btnWhite, .disabled.active.TechnicalError-btnPrimary, .disabled.active.TechnicalError-btnNoBg, .disabled.active.Error404-btnPrimary, .disabled.active.Error404-btnNoBg, .disabled.active.PushCommunication-btn, .disabled.active.HeaderVisuel-button, .disabled.active.CustomMessage-btn, .disabled.active.Modal-action, .disabled.active.NewsFeed-btn, .disabled.active.CompareBox-btn, .ES-join-projectsBloc--withBtn .disabled.active.ES-join-projectsBloc-link, .disabled.active.FirstLogin-button, [disabled].btn,
  .btnWrap a[disabled], [disabled].BlockLink-btnDiscover, [disabled].FormActions-btn, [disabled].LayerNav-articlesBtn, [disabled].PushCR-button, [disabled].PushPage-button, .callGreenBtnBloc--withBtn [disabled].callGreenBtnBloc-link, [disabled].SubscribeBtn-btn, [disabled].SubscribeBtn-btnSecondary, [disabled].SubscribeBtn-btnWhite, [disabled].GreenBtn-chatBoxUnfoldedBtn, [disabled].GreenBtn-contentBlockItemBtnPrimaryWhite, [disabled].cardMagFilter-action, [disabled].cardMagArticle-layerButton, [disabled].GenericBtn-btn, [disabled].GenericBtn-btnSecondary, [disabled].GenericBtn-btnWhite, [disabled].TechnicalError-btnPrimary, [disabled].TechnicalError-btnNoBg, [disabled].Error404-btnPrimary, [disabled].Error404-btnNoBg, [disabled].PushCommunication-btn, [disabled].HeaderVisuel-button, [disabled].CustomMessage-btn, [disabled].Modal-action, [disabled].NewsFeed-btn, [disabled].CompareBox-btn, .ES-join-projectsBloc--withBtn [disabled].ES-join-projectsBloc-link, [disabled].FirstLogin-button, [disabled].btn:hover,
  .btnWrap a[disabled]:hover, [disabled].BlockLink-btnDiscover:hover, [disabled].FormActions-btn:hover, [disabled].LayerNav-articlesBtn:hover, [disabled].PushCR-button:hover, [disabled].PushPage-button:hover, .callGreenBtnBloc--withBtn [disabled].callGreenBtnBloc-link:hover, [disabled].SubscribeBtn-btn:hover, [disabled].SubscribeBtn-btnSecondary:hover, [disabled].SubscribeBtn-btnWhite:hover, [disabled].GreenBtn-chatBoxUnfoldedBtn:hover, [disabled].GreenBtn-contentBlockItemBtnPrimaryWhite:hover, [disabled].cardMagFilter-action:hover, [disabled].cardMagArticle-layerButton:hover, [disabled].GenericBtn-btn:hover, [disabled].GenericBtn-btnSecondary:hover, [disabled].GenericBtn-btnWhite:hover, [disabled].TechnicalError-btnPrimary:hover, [disabled].TechnicalError-btnNoBg:hover, [disabled].Error404-btnPrimary:hover, [disabled].Error404-btnNoBg:hover, [disabled].PushCommunication-btn:hover, [disabled].HeaderVisuel-button:hover, [disabled].CustomMessage-btn:hover, [disabled].Modal-action:hover, [disabled].NewsFeed-btn:hover, [disabled].CompareBox-btn:hover, .ES-join-projectsBloc--withBtn [disabled].ES-join-projectsBloc-link:hover, [disabled].FirstLogin-button:hover, [disabled].hover.btn,
  .btnWrap a[disabled].hover, [disabled].hover.BlockLink-btnDiscover, [disabled].hover.FormActions-btn, [disabled].hover.LayerNav-articlesBtn, [disabled].hover.PushCR-button, [disabled].hover.PushPage-button, .callGreenBtnBloc--withBtn [disabled].hover.callGreenBtnBloc-link, [disabled].hover.SubscribeBtn-btn, [disabled].hover.SubscribeBtn-btnSecondary, [disabled].hover.SubscribeBtn-btnWhite, [disabled].hover.GreenBtn-chatBoxUnfoldedBtn, [disabled].hover.GreenBtn-contentBlockItemBtnPrimaryWhite, [disabled].hover.cardMagFilter-action, [disabled].hover.cardMagArticle-layerButton, [disabled].hover.GenericBtn-btn, [disabled].hover.GenericBtn-btnSecondary, [disabled].hover.GenericBtn-btnWhite, [disabled].hover.TechnicalError-btnPrimary, [disabled].hover.TechnicalError-btnNoBg, [disabled].hover.Error404-btnPrimary, [disabled].hover.Error404-btnNoBg, [disabled].hover.PushCommunication-btn, [disabled].hover.HeaderVisuel-button, [disabled].hover.CustomMessage-btn, [disabled].hover.Modal-action, [disabled].hover.NewsFeed-btn, [disabled].hover.CompareBox-btn, .ES-join-projectsBloc--withBtn [disabled].hover.ES-join-projectsBloc-link, [disabled].hover.FirstLogin-button, [disabled].btn:focus,
  .btnWrap a[disabled]:focus, [disabled].BlockLink-btnDiscover:focus, [disabled].FormActions-btn:focus, [disabled].LayerNav-articlesBtn:focus, [disabled].PushCR-button:focus, [disabled].PushPage-button:focus, .callGreenBtnBloc--withBtn [disabled].callGreenBtnBloc-link:focus, [disabled].SubscribeBtn-btn:focus, [disabled].SubscribeBtn-btnSecondary:focus, [disabled].SubscribeBtn-btnWhite:focus, [disabled].GreenBtn-chatBoxUnfoldedBtn:focus, [disabled].GreenBtn-contentBlockItemBtnPrimaryWhite:focus, [disabled].cardMagFilter-action:focus, [disabled].cardMagArticle-layerButton:focus, [disabled].GenericBtn-btn:focus, [disabled].GenericBtn-btnSecondary:focus, [disabled].GenericBtn-btnWhite:focus, [disabled].TechnicalError-btnPrimary:focus, [disabled].TechnicalError-btnNoBg:focus, [disabled].Error404-btnPrimary:focus, [disabled].Error404-btnNoBg:focus, [disabled].PushCommunication-btn:focus, [disabled].HeaderVisuel-button:focus, [disabled].CustomMessage-btn:focus, [disabled].Modal-action:focus, [disabled].NewsFeed-btn:focus, [disabled].CompareBox-btn:focus, .ES-join-projectsBloc--withBtn [disabled].ES-join-projectsBloc-link:focus, [disabled].FirstLogin-button:focus, [disabled].focus.btn,
  .btnWrap a[disabled].focus, [disabled].focus.BlockLink-btnDiscover, [disabled].focus.FormActions-btn, [disabled].focus.LayerNav-articlesBtn, [disabled].focus.PushCR-button, [disabled].focus.PushPage-button, .callGreenBtnBloc--withBtn [disabled].focus.callGreenBtnBloc-link, [disabled].focus.SubscribeBtn-btn, [disabled].focus.SubscribeBtn-btnSecondary, [disabled].focus.SubscribeBtn-btnWhite, [disabled].focus.GreenBtn-chatBoxUnfoldedBtn, [disabled].focus.GreenBtn-contentBlockItemBtnPrimaryWhite, [disabled].focus.cardMagFilter-action, [disabled].focus.cardMagArticle-layerButton, [disabled].focus.GenericBtn-btn, [disabled].focus.GenericBtn-btnSecondary, [disabled].focus.GenericBtn-btnWhite, [disabled].focus.TechnicalError-btnPrimary, [disabled].focus.TechnicalError-btnNoBg, [disabled].focus.Error404-btnPrimary, [disabled].focus.Error404-btnNoBg, [disabled].focus.PushCommunication-btn, [disabled].focus.HeaderVisuel-button, [disabled].focus.CustomMessage-btn, [disabled].focus.Modal-action, [disabled].focus.NewsFeed-btn, [disabled].focus.CompareBox-btn, .ES-join-projectsBloc--withBtn [disabled].focus.ES-join-projectsBloc-link, [disabled].focus.FirstLogin-button, [disabled].btn:active,
  .btnWrap a[disabled]:active, [disabled].BlockLink-btnDiscover:active, [disabled].FormActions-btn:active, [disabled].LayerNav-articlesBtn:active, [disabled].PushCR-button:active, [disabled].PushPage-button:active, .callGreenBtnBloc--withBtn [disabled].callGreenBtnBloc-link:active, [disabled].SubscribeBtn-btn:active, [disabled].SubscribeBtn-btnSecondary:active, [disabled].SubscribeBtn-btnWhite:active, [disabled].GreenBtn-chatBoxUnfoldedBtn:active, [disabled].GreenBtn-contentBlockItemBtnPrimaryWhite:active, [disabled].cardMagFilter-action:active, [disabled].cardMagArticle-layerButton:active, [disabled].GenericBtn-btn:active, [disabled].GenericBtn-btnSecondary:active, [disabled].GenericBtn-btnWhite:active, [disabled].TechnicalError-btnPrimary:active, [disabled].TechnicalError-btnNoBg:active, [disabled].Error404-btnPrimary:active, [disabled].Error404-btnNoBg:active, [disabled].PushCommunication-btn:active, [disabled].HeaderVisuel-button:active, [disabled].CustomMessage-btn:active, [disabled].Modal-action:active, [disabled].NewsFeed-btn:active, [disabled].CompareBox-btn:active, .ES-join-projectsBloc--withBtn [disabled].ES-join-projectsBloc-link:active, [disabled].FirstLogin-button:active, [disabled].active.btn,
  .btnWrap a[disabled].active, [disabled].active.BlockLink-btnDiscover, [disabled].active.FormActions-btn, [disabled].active.LayerNav-articlesBtn, [disabled].active.PushCR-button, [disabled].active.PushPage-button, .callGreenBtnBloc--withBtn [disabled].active.callGreenBtnBloc-link, [disabled].active.SubscribeBtn-btn, [disabled].active.SubscribeBtn-btnSecondary, [disabled].active.SubscribeBtn-btnWhite, [disabled].active.GreenBtn-chatBoxUnfoldedBtn, [disabled].active.GreenBtn-contentBlockItemBtnPrimaryWhite, [disabled].active.cardMagFilter-action, [disabled].active.cardMagArticle-layerButton, [disabled].active.GenericBtn-btn, [disabled].active.GenericBtn-btnSecondary, [disabled].active.GenericBtn-btnWhite, [disabled].active.TechnicalError-btnPrimary, [disabled].active.TechnicalError-btnNoBg, [disabled].active.Error404-btnPrimary, [disabled].active.Error404-btnNoBg, [disabled].active.PushCommunication-btn, [disabled].active.HeaderVisuel-button, [disabled].active.CustomMessage-btn, [disabled].active.Modal-action, [disabled].active.NewsFeed-btn, [disabled].active.CompareBox-btn, .ES-join-projectsBloc--withBtn [disabled].active.ES-join-projectsBloc-link, [disabled].active.FirstLogin-button,
  fieldset[disabled] .btn,
  fieldset[disabled]
  .btnWrap a,
  .btnWrap
  fieldset[disabled] a,
  fieldset[disabled] .BlockLink-btnDiscover,
  fieldset[disabled] .FormActions-btn,
  fieldset[disabled] .LayerNav-articlesBtn,
  fieldset[disabled] .PushCR-button,
  fieldset[disabled] .PushPage-button,
  fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link, .callGreenBtnBloc--withBtn
  fieldset[disabled] .callGreenBtnBloc-link,
  fieldset[disabled] .SubscribeBtn-btn,
  fieldset[disabled] .SubscribeBtn-btnSecondary,
  fieldset[disabled] .SubscribeBtn-btnWhite,
  fieldset[disabled] .GreenBtn-chatBoxUnfoldedBtn,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite,
  fieldset[disabled] .cardMagFilter-action,
  fieldset[disabled] .cardMagArticle-layerButton,
  fieldset[disabled] .GenericBtn-btn,
  fieldset[disabled] .GenericBtn-btnSecondary,
  fieldset[disabled] .GenericBtn-btnWhite,
  fieldset[disabled] .TechnicalError-btnPrimary,
  fieldset[disabled] .TechnicalError-btnNoBg,
  fieldset[disabled] .Error404-btnPrimary,
  fieldset[disabled] .Error404-btnNoBg,
  fieldset[disabled] .PushCommunication-btn,
  fieldset[disabled] .HeaderVisuel-button,
  fieldset[disabled] .CustomMessage-btn,
  fieldset[disabled] .Modal-action,
  fieldset[disabled] .NewsFeed-btn,
  fieldset[disabled] .CompareBox-btn,
  fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link, .ES-join-projectsBloc--withBtn
  fieldset[disabled] .ES-join-projectsBloc-link,
  fieldset[disabled] .FirstLogin-button,
  fieldset[disabled] .btn:hover,
  fieldset[disabled]
  .btnWrap a:hover,
  .btnWrap
  fieldset[disabled] a:hover,
  fieldset[disabled] .BlockLink-btnDiscover:hover,
  fieldset[disabled] .FormActions-btn:hover,
  fieldset[disabled] .LayerNav-articlesBtn:hover,
  fieldset[disabled] .PushCR-button:hover,
  fieldset[disabled] .PushPage-button:hover,
  fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:hover, .callGreenBtnBloc--withBtn
  fieldset[disabled] .callGreenBtnBloc-link:hover,
  fieldset[disabled] .SubscribeBtn-btn:hover,
  fieldset[disabled] .SubscribeBtn-btnSecondary:hover,
  fieldset[disabled] .SubscribeBtn-btnWhite:hover,
  fieldset[disabled] .GreenBtn-chatBoxUnfoldedBtn:hover,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite:hover,
  fieldset[disabled] .cardMagFilter-action:hover,
  fieldset[disabled] .cardMagArticle-layerButton:hover,
  fieldset[disabled] .GenericBtn-btn:hover,
  fieldset[disabled] .GenericBtn-btnSecondary:hover,
  fieldset[disabled] .GenericBtn-btnWhite:hover,
  fieldset[disabled] .TechnicalError-btnPrimary:hover,
  fieldset[disabled] .TechnicalError-btnNoBg:hover,
  fieldset[disabled] .Error404-btnPrimary:hover,
  fieldset[disabled] .Error404-btnNoBg:hover,
  fieldset[disabled] .PushCommunication-btn:hover,
  fieldset[disabled] .HeaderVisuel-button:hover,
  fieldset[disabled] .CustomMessage-btn:hover,
  fieldset[disabled] .Modal-action:hover,
  fieldset[disabled] .NewsFeed-btn:hover,
  fieldset[disabled] .CompareBox-btn:hover,
  fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:hover, .ES-join-projectsBloc--withBtn
  fieldset[disabled] .ES-join-projectsBloc-link:hover,
  fieldset[disabled] .FirstLogin-button:hover,
  fieldset[disabled] .hover.btn,
  fieldset[disabled]
  .btnWrap a.hover,
  .btnWrap
  fieldset[disabled] a.hover,
  fieldset[disabled] .hover.BlockLink-btnDiscover,
  fieldset[disabled] .hover.FormActions-btn,
  fieldset[disabled] .hover.LayerNav-articlesBtn,
  fieldset[disabled] .hover.PushCR-button,
  fieldset[disabled] .hover.PushPage-button,
  fieldset[disabled] .callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link, .callGreenBtnBloc--withBtn
  fieldset[disabled] .hover.callGreenBtnBloc-link,
  fieldset[disabled] .hover.SubscribeBtn-btn,
  fieldset[disabled] .hover.SubscribeBtn-btnSecondary,
  fieldset[disabled] .hover.SubscribeBtn-btnWhite,
  fieldset[disabled] .hover.GreenBtn-chatBoxUnfoldedBtn,
  fieldset[disabled] .hover.GreenBtn-contentBlockItemBtnPrimaryWhite,
  fieldset[disabled] .hover.cardMagFilter-action,
  fieldset[disabled] .hover.cardMagArticle-layerButton,
  fieldset[disabled] .hover.GenericBtn-btn,
  fieldset[disabled] .hover.GenericBtn-btnSecondary,
  fieldset[disabled] .hover.GenericBtn-btnWhite,
  fieldset[disabled] .hover.TechnicalError-btnPrimary,
  fieldset[disabled] .hover.TechnicalError-btnNoBg,
  fieldset[disabled] .hover.Error404-btnPrimary,
  fieldset[disabled] .hover.Error404-btnNoBg,
  fieldset[disabled] .hover.PushCommunication-btn,
  fieldset[disabled] .hover.HeaderVisuel-button,
  fieldset[disabled] .hover.CustomMessage-btn,
  fieldset[disabled] .hover.Modal-action,
  fieldset[disabled] .hover.NewsFeed-btn,
  fieldset[disabled] .hover.CompareBox-btn,
  fieldset[disabled] .ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link, .ES-join-projectsBloc--withBtn
  fieldset[disabled] .hover.ES-join-projectsBloc-link,
  fieldset[disabled] .hover.FirstLogin-button,
  fieldset[disabled] .btn:focus,
  fieldset[disabled]
  .btnWrap a:focus,
  .btnWrap
  fieldset[disabled] a:focus,
  fieldset[disabled] .BlockLink-btnDiscover:focus,
  fieldset[disabled] .FormActions-btn:focus,
  fieldset[disabled] .LayerNav-articlesBtn:focus,
  fieldset[disabled] .PushCR-button:focus,
  fieldset[disabled] .PushPage-button:focus,
  fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus, .callGreenBtnBloc--withBtn
  fieldset[disabled] .callGreenBtnBloc-link:focus,
  fieldset[disabled] .SubscribeBtn-btn:focus,
  fieldset[disabled] .SubscribeBtn-btnSecondary:focus,
  fieldset[disabled] .SubscribeBtn-btnWhite:focus,
  fieldset[disabled] .GreenBtn-chatBoxUnfoldedBtn:focus,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite:focus,
  fieldset[disabled] .cardMagFilter-action:focus,
  fieldset[disabled] .cardMagArticle-layerButton:focus,
  fieldset[disabled] .GenericBtn-btn:focus,
  fieldset[disabled] .GenericBtn-btnSecondary:focus,
  fieldset[disabled] .GenericBtn-btnWhite:focus,
  fieldset[disabled] .TechnicalError-btnPrimary:focus,
  fieldset[disabled] .TechnicalError-btnNoBg:focus,
  fieldset[disabled] .Error404-btnPrimary:focus,
  fieldset[disabled] .Error404-btnNoBg:focus,
  fieldset[disabled] .PushCommunication-btn:focus,
  fieldset[disabled] .HeaderVisuel-button:focus,
  fieldset[disabled] .CustomMessage-btn:focus,
  fieldset[disabled] .Modal-action:focus,
  fieldset[disabled] .NewsFeed-btn:focus,
  fieldset[disabled] .CompareBox-btn:focus,
  fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus, .ES-join-projectsBloc--withBtn
  fieldset[disabled] .ES-join-projectsBloc-link:focus,
  fieldset[disabled] .FirstLogin-button:focus,
  fieldset[disabled] .focus.btn,
  fieldset[disabled]
  .btnWrap a.focus,
  .btnWrap
  fieldset[disabled] a.focus,
  fieldset[disabled] .focus.BlockLink-btnDiscover,
  fieldset[disabled] .focus.FormActions-btn,
  fieldset[disabled] .focus.LayerNav-articlesBtn,
  fieldset[disabled] .focus.PushCR-button,
  fieldset[disabled] .focus.PushPage-button,
  fieldset[disabled] .callGreenBtnBloc--withBtn .focus.callGreenBtnBloc-link, .callGreenBtnBloc--withBtn
  fieldset[disabled] .focus.callGreenBtnBloc-link,
  fieldset[disabled] .focus.SubscribeBtn-btn,
  fieldset[disabled] .focus.SubscribeBtn-btnSecondary,
  fieldset[disabled] .focus.SubscribeBtn-btnWhite,
  fieldset[disabled] .focus.GreenBtn-chatBoxUnfoldedBtn,
  fieldset[disabled] .focus.GreenBtn-contentBlockItemBtnPrimaryWhite,
  fieldset[disabled] .focus.cardMagFilter-action,
  fieldset[disabled] .focus.cardMagArticle-layerButton,
  fieldset[disabled] .focus.GenericBtn-btn,
  fieldset[disabled] .focus.GenericBtn-btnSecondary,
  fieldset[disabled] .focus.GenericBtn-btnWhite,
  fieldset[disabled] .focus.TechnicalError-btnPrimary,
  fieldset[disabled] .focus.TechnicalError-btnNoBg,
  fieldset[disabled] .focus.Error404-btnPrimary,
  fieldset[disabled] .focus.Error404-btnNoBg,
  fieldset[disabled] .focus.PushCommunication-btn,
  fieldset[disabled] .focus.HeaderVisuel-button,
  fieldset[disabled] .focus.CustomMessage-btn,
  fieldset[disabled] .focus.Modal-action,
  fieldset[disabled] .focus.NewsFeed-btn,
  fieldset[disabled] .focus.CompareBox-btn,
  fieldset[disabled] .ES-join-projectsBloc--withBtn .focus.ES-join-projectsBloc-link, .ES-join-projectsBloc--withBtn
  fieldset[disabled] .focus.ES-join-projectsBloc-link,
  fieldset[disabled] .focus.FirstLogin-button,
  fieldset[disabled] .btn:active,
  fieldset[disabled]
  .btnWrap a:active,
  .btnWrap
  fieldset[disabled] a:active,
  fieldset[disabled] .BlockLink-btnDiscover:active,
  fieldset[disabled] .FormActions-btn:active,
  fieldset[disabled] .LayerNav-articlesBtn:active,
  fieldset[disabled] .PushCR-button:active,
  fieldset[disabled] .PushPage-button:active,
  fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active, .callGreenBtnBloc--withBtn
  fieldset[disabled] .callGreenBtnBloc-link:active,
  fieldset[disabled] .SubscribeBtn-btn:active,
  fieldset[disabled] .SubscribeBtn-btnSecondary:active,
  fieldset[disabled] .SubscribeBtn-btnWhite:active,
  fieldset[disabled] .GreenBtn-chatBoxUnfoldedBtn:active,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite:active,
  fieldset[disabled] .cardMagFilter-action:active,
  fieldset[disabled] .cardMagArticle-layerButton:active,
  fieldset[disabled] .GenericBtn-btn:active,
  fieldset[disabled] .GenericBtn-btnSecondary:active,
  fieldset[disabled] .GenericBtn-btnWhite:active,
  fieldset[disabled] .TechnicalError-btnPrimary:active,
  fieldset[disabled] .TechnicalError-btnNoBg:active,
  fieldset[disabled] .Error404-btnPrimary:active,
  fieldset[disabled] .Error404-btnNoBg:active,
  fieldset[disabled] .PushCommunication-btn:active,
  fieldset[disabled] .HeaderVisuel-button:active,
  fieldset[disabled] .CustomMessage-btn:active,
  fieldset[disabled] .Modal-action:active,
  fieldset[disabled] .NewsFeed-btn:active,
  fieldset[disabled] .CompareBox-btn:active,
  fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active, .ES-join-projectsBloc--withBtn
  fieldset[disabled] .ES-join-projectsBloc-link:active,
  fieldset[disabled] .FirstLogin-button:active,
  fieldset[disabled] .active.btn,
  fieldset[disabled]
  .btnWrap a.active,
  .btnWrap
  fieldset[disabled] a.active,
  fieldset[disabled] .active.BlockLink-btnDiscover,
  fieldset[disabled] .active.FormActions-btn,
  fieldset[disabled] .active.LayerNav-articlesBtn,
  fieldset[disabled] .active.PushCR-button,
  fieldset[disabled] .active.PushPage-button,
  fieldset[disabled] .callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link, .callGreenBtnBloc--withBtn
  fieldset[disabled] .active.callGreenBtnBloc-link,
  fieldset[disabled] .active.SubscribeBtn-btn,
  fieldset[disabled] .active.SubscribeBtn-btnSecondary,
  fieldset[disabled] .active.SubscribeBtn-btnWhite,
  fieldset[disabled] .active.GreenBtn-chatBoxUnfoldedBtn,
  fieldset[disabled] .active.GreenBtn-contentBlockItemBtnPrimaryWhite,
  fieldset[disabled] .active.cardMagFilter-action,
  fieldset[disabled] .active.cardMagArticle-layerButton,
  fieldset[disabled] .active.GenericBtn-btn,
  fieldset[disabled] .active.GenericBtn-btnSecondary,
  fieldset[disabled] .active.GenericBtn-btnWhite,
  fieldset[disabled] .active.TechnicalError-btnPrimary,
  fieldset[disabled] .active.TechnicalError-btnNoBg,
  fieldset[disabled] .active.Error404-btnPrimary,
  fieldset[disabled] .active.Error404-btnNoBg,
  fieldset[disabled] .active.PushCommunication-btn,
  fieldset[disabled] .active.HeaderVisuel-button,
  fieldset[disabled] .active.CustomMessage-btn,
  fieldset[disabled] .active.Modal-action,
  fieldset[disabled] .active.NewsFeed-btn,
  fieldset[disabled] .active.CompareBox-btn,
  fieldset[disabled] .ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link, .ES-join-projectsBloc--withBtn
  fieldset[disabled] .active.ES-join-projectsBloc-link,
  fieldset[disabled] .active.FirstLogin-button {
    cursor: not-allowed;
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #98cbd3;
    border-color: #98cbd3; }

.CompareBox--disabled .CompareBox-btn, .CompareBox--disabled .CompareBox-btn:hover, .CompareBox--disabled .CompareBox-btn:focus {
  cursor: not-allowed;
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #98cbd3;
  border-color: #98cbd3; }

a.btn,
.btnWrap a, .BlockLink-btnDiscover, .FormActions-btn, .LayerNav-articlesBtn, .PushCR-button, .PushPage-button, .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .GenericBtn-btnSecondary, .SubscribeBtn-btn, .SubscribeBtn-btnSecondary, .SubscribeBtn-btnWhite, .GreenBtn-chatBoxUnfoldedBtn, .GreenBtn-contentBlockItemBtnPrimaryWhite, .cardMagFilter-action, .cardMagArticle-layerButton, .GenericBtn-block--primary .GenericBtn-btnSecondary, .GenericBtn-block--primary .SubscribeBtn-btnSecondary, .GenericBtn-btn, .GenericBtn-btnSecondary, .GenericBtn-btnWhite, .TechnicalError-btnPrimary, .TechnicalError-btnNoBg, .Error404-btnPrimary, .Error404-btnNoBg, .PushCommunication-btn, .HeaderVisuel-button, .CustomMessage-btn, .Modal-action, .NewsFeed-btn, .CompareBox-btn, .FirstLogin-button {
  text-decoration: none; }

.btn-default,
.btnWrap-default a, .BlockLink-btnDiscover, .FormActions-btn, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link, .SubscribeBtn-btnSecondary, .GenericBtn-btnSecondary, .TechnicalError-btnNoBg, .PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-btn--secondary, .Modal-action--default, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link, .ZCoord-BtnSecondary, .SubcribeEDocs-BtnSecondary, .EDocs-BtnSecondary, .FirstLogin-button--back {
  background-color: #ffffff;
  border: 1px solid #007D8F;
  color: #007D8F; }
  .btn-default:hover,
  .btnWrap-default a:hover, .BlockLink-btnDiscover:hover, .FormActions-btn:hover, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:hover, .SubscribeBtn-btnSecondary:hover, .GenericBtn-btnSecondary:hover, .TechnicalError-btnNoBg:hover, .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
  .PushCommunication-btn--secondary:hover, .Modal-action--default:hover, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:hover, .ZCoord-BtnSecondary:hover, .SubcribeEDocs-BtnSecondary:hover, .EDocs-BtnSecondary:hover, .FirstLogin-button--back:hover, .hover.btn-default,
  .btnWrap-default a.hover, .hover.BlockLink-btnDiscover, .hover.FormActions-btn, .callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link, .hover.SubscribeBtn-btnSecondary, .hover.GenericBtn-btnSecondary, .hover.TechnicalError-btnNoBg, .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .hover.PushCommunication-btn--secondary, .hover.Modal-action--default, .ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link, .hover.ZCoord-BtnSecondary, .hover.SubcribeEDocs-BtnSecondary, .hover.EDocs-BtnSecondary, .hover.FirstLogin-button--back, .btn-default:focus,
  .btnWrap-default a:focus, .BlockLink-btnDiscover:focus, .FormActions-btn:focus, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus, .SubscribeBtn-btnSecondary:focus, .GenericBtn-btnSecondary:focus, .TechnicalError-btnNoBg:focus, .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
  .PushCommunication-btn--secondary:focus, .Modal-action--default:focus, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus, .ZCoord-BtnSecondary:focus, .SubcribeEDocs-BtnSecondary:focus, .EDocs-BtnSecondary:focus, .FirstLogin-button--back:focus, .hover.btn-default,
  .btnWrap-default a.hover, .hover.BlockLink-btnDiscover, .hover.FormActions-btn, .callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link, .hover.SubscribeBtn-btnSecondary, .hover.GenericBtn-btnSecondary, .hover.TechnicalError-btnNoBg, .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .hover.PushCommunication-btn--secondary, .hover.Modal-action--default, .ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link, .hover.ZCoord-BtnSecondary, .hover.SubcribeEDocs-BtnSecondary, .hover.EDocs-BtnSecondary, .hover.FirstLogin-button--back, .btn-default:active,
  .btnWrap-default a:active, .BlockLink-btnDiscover:active, .FormActions-btn:active, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active, .SubscribeBtn-btnSecondary:active, .GenericBtn-btnSecondary:active, .TechnicalError-btnNoBg:active, .PushCommunication-btn:active:not(.PushCommunication-btn--primary),
  .PushCommunication-btn--secondary:active, .Modal-action--default:active, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active, .ZCoord-BtnSecondary:active, .SubcribeEDocs-BtnSecondary:active, .EDocs-BtnSecondary:active, .FirstLogin-button--back:active, .active.btn-default,
  .btnWrap-default a.active, .active.BlockLink-btnDiscover, .active.FormActions-btn, .callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link, .active.SubscribeBtn-btnSecondary, .active.GenericBtn-btnSecondary, .active.TechnicalError-btnNoBg, .active.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .active.PushCommunication-btn--secondary, .active.Modal-action--default, .ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link, .active.ZCoord-BtnSecondary, .active.SubcribeEDocs-BtnSecondary, .active.EDocs-BtnSecondary, .active.FirstLogin-button--back {
    color: #ffffff;
    background-color: #007D8F;
    border-color: #007D8F; }

[data-custom-redirect]:hover .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:hover .PushCommunication-btn--secondary, [data-custom-redirect]:focus .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:focus .PushCommunication-btn--secondary {
  color: #ffffff;
  background-color: #007D8F;
  border-color: #007D8F; }

.disabled.btn-default,
.btnWrap-default a.disabled, .disabled.BlockLink-btnDiscover, .disabled.FormActions-btn, .callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link, .disabled.SubscribeBtn-btnSecondary, .disabled.GenericBtn-btnSecondary, .disabled.TechnicalError-btnNoBg, .disabled.PushCommunication-btn:not(.PushCommunication-btn--primary),
.disabled.PushCommunication-btn--secondary, .disabled.Modal-action--default, .ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link, .disabled.ZCoord-BtnSecondary, .disabled.SubcribeEDocs-BtnSecondary, .disabled.EDocs-BtnSecondary, .disabled.FirstLogin-button--back, .disabled.btn-default:hover,
.btnWrap-default a.disabled:hover, .disabled.BlockLink-btnDiscover:hover, .disabled.FormActions-btn:hover, .callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:hover, .disabled.SubscribeBtn-btnSecondary:hover, .disabled.GenericBtn-btnSecondary:hover, .disabled.TechnicalError-btnNoBg:hover, .disabled.PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
.disabled.PushCommunication-btn--secondary:hover, .disabled.Modal-action--default:hover, .ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:hover, .disabled.ZCoord-BtnSecondary:hover, .disabled.SubcribeEDocs-BtnSecondary:hover, .disabled.EDocs-BtnSecondary:hover, .disabled.FirstLogin-button--back:hover, .disabled.hover.btn-default,
.btnWrap-default a.disabled.hover, .disabled.hover.BlockLink-btnDiscover, .disabled.hover.FormActions-btn, .callGreenBtnBloc--withBtn .disabled.hover.callGreenBtnBloc-link, .disabled.hover.SubscribeBtn-btnSecondary, .disabled.hover.GenericBtn-btnSecondary, .disabled.hover.TechnicalError-btnNoBg, .disabled.hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
.disabled.hover.PushCommunication-btn--secondary, .disabled.hover.Modal-action--default, .ES-join-projectsBloc--withBtn .disabled.hover.ES-join-projectsBloc-link, .disabled.hover.ZCoord-BtnSecondary, .disabled.hover.SubcribeEDocs-BtnSecondary, .disabled.hover.EDocs-BtnSecondary, .disabled.hover.FirstLogin-button--back, .disabled.btn-default:focus,
.btnWrap-default a.disabled:focus, .disabled.BlockLink-btnDiscover:focus, .disabled.FormActions-btn:focus, .callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:focus, .disabled.SubscribeBtn-btnSecondary:focus, .disabled.GenericBtn-btnSecondary:focus, .disabled.TechnicalError-btnNoBg:focus, .disabled.PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
.disabled.PushCommunication-btn--secondary:focus, .disabled.Modal-action--default:focus, .ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:focus, .disabled.ZCoord-BtnSecondary:focus, .disabled.SubcribeEDocs-BtnSecondary:focus, .disabled.EDocs-BtnSecondary:focus, .disabled.FirstLogin-button--back:focus, .disabled.focus.btn-default,
.btnWrap-default a.disabled.focus, .disabled.focus.BlockLink-btnDiscover, .disabled.focus.FormActions-btn, .callGreenBtnBloc--withBtn .disabled.focus.callGreenBtnBloc-link, .disabled.focus.SubscribeBtn-btnSecondary, .disabled.focus.GenericBtn-btnSecondary, .disabled.focus.TechnicalError-btnNoBg, .disabled.focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
.disabled.focus.PushCommunication-btn--secondary, .disabled.focus.Modal-action--default, .ES-join-projectsBloc--withBtn .disabled.focus.ES-join-projectsBloc-link, .disabled.focus.ZCoord-BtnSecondary, .disabled.focus.SubcribeEDocs-BtnSecondary, .disabled.focus.EDocs-BtnSecondary, .disabled.focus.FirstLogin-button--back, .disabled.btn-default:active,
.btnWrap-default a.disabled:active, .disabled.BlockLink-btnDiscover:active, .disabled.FormActions-btn:active, .callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:active, .disabled.SubscribeBtn-btnSecondary:active, .disabled.GenericBtn-btnSecondary:active, .disabled.TechnicalError-btnNoBg:active, .disabled.PushCommunication-btn:active:not(.PushCommunication-btn--primary),
.disabled.PushCommunication-btn--secondary:active, .disabled.Modal-action--default:active, .ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:active, .disabled.ZCoord-BtnSecondary:active, .disabled.SubcribeEDocs-BtnSecondary:active, .disabled.EDocs-BtnSecondary:active, .disabled.FirstLogin-button--back:active, .disabled.active.btn-default,
.btnWrap-default a.disabled.active, .disabled.active.BlockLink-btnDiscover, .disabled.active.FormActions-btn, .callGreenBtnBloc--withBtn .disabled.active.callGreenBtnBloc-link, .disabled.active.SubscribeBtn-btnSecondary, .disabled.active.GenericBtn-btnSecondary, .disabled.active.TechnicalError-btnNoBg, .disabled.active.PushCommunication-btn:not(.PushCommunication-btn--primary),
.disabled.active.PushCommunication-btn--secondary, .disabled.active.Modal-action--default, .ES-join-projectsBloc--withBtn .disabled.active.ES-join-projectsBloc-link, .disabled.active.ZCoord-BtnSecondary, .disabled.active.SubcribeEDocs-BtnSecondary, .disabled.active.EDocs-BtnSecondary, .disabled.active.FirstLogin-button--back, [disabled].btn-default,
.btnWrap-default a[disabled], [disabled].BlockLink-btnDiscover, [disabled].FormActions-btn, .callGreenBtnBloc--withBtn [disabled].callGreenBtnBloc-link, [disabled].SubscribeBtn-btnSecondary, [disabled].GenericBtn-btnSecondary, [disabled].TechnicalError-btnNoBg, [disabled].PushCommunication-btn:not(.PushCommunication-btn--primary),
[disabled].PushCommunication-btn--secondary, [disabled].Modal-action--default, .ES-join-projectsBloc--withBtn [disabled].ES-join-projectsBloc-link, [disabled].ZCoord-BtnSecondary, [disabled].SubcribeEDocs-BtnSecondary, [disabled].EDocs-BtnSecondary, [disabled].FirstLogin-button--back, [disabled].btn-default:hover,
.btnWrap-default a[disabled]:hover, [disabled].BlockLink-btnDiscover:hover, [disabled].FormActions-btn:hover, .callGreenBtnBloc--withBtn [disabled].callGreenBtnBloc-link:hover, [disabled].SubscribeBtn-btnSecondary:hover, [disabled].GenericBtn-btnSecondary:hover, [disabled].TechnicalError-btnNoBg:hover, [disabled].PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
[disabled].PushCommunication-btn--secondary:hover, [disabled].Modal-action--default:hover, .ES-join-projectsBloc--withBtn [disabled].ES-join-projectsBloc-link:hover, [disabled].ZCoord-BtnSecondary:hover, [disabled].SubcribeEDocs-BtnSecondary:hover, [disabled].EDocs-BtnSecondary:hover, [disabled].FirstLogin-button--back:hover, [disabled].hover.btn-default,
.btnWrap-default a[disabled].hover, [disabled].hover.BlockLink-btnDiscover, [disabled].hover.FormActions-btn, .callGreenBtnBloc--withBtn [disabled].hover.callGreenBtnBloc-link, [disabled].hover.SubscribeBtn-btnSecondary, [disabled].hover.GenericBtn-btnSecondary, [disabled].hover.TechnicalError-btnNoBg, [disabled].hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
[disabled].hover.PushCommunication-btn--secondary, [disabled].hover.Modal-action--default, .ES-join-projectsBloc--withBtn [disabled].hover.ES-join-projectsBloc-link, [disabled].hover.ZCoord-BtnSecondary, [disabled].hover.SubcribeEDocs-BtnSecondary, [disabled].hover.EDocs-BtnSecondary, [disabled].hover.FirstLogin-button--back, [disabled].btn-default:focus,
.btnWrap-default a[disabled]:focus, [disabled].BlockLink-btnDiscover:focus, [disabled].FormActions-btn:focus, .callGreenBtnBloc--withBtn [disabled].callGreenBtnBloc-link:focus, [disabled].SubscribeBtn-btnSecondary:focus, [disabled].GenericBtn-btnSecondary:focus, [disabled].TechnicalError-btnNoBg:focus, [disabled].PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
[disabled].PushCommunication-btn--secondary:focus, [disabled].Modal-action--default:focus, .ES-join-projectsBloc--withBtn [disabled].ES-join-projectsBloc-link:focus, [disabled].ZCoord-BtnSecondary:focus, [disabled].SubcribeEDocs-BtnSecondary:focus, [disabled].EDocs-BtnSecondary:focus, [disabled].FirstLogin-button--back:focus, [disabled].focus.btn-default,
.btnWrap-default a[disabled].focus, [disabled].focus.BlockLink-btnDiscover, [disabled].focus.FormActions-btn, .callGreenBtnBloc--withBtn [disabled].focus.callGreenBtnBloc-link, [disabled].focus.SubscribeBtn-btnSecondary, [disabled].focus.GenericBtn-btnSecondary, [disabled].focus.TechnicalError-btnNoBg, [disabled].focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
[disabled].focus.PushCommunication-btn--secondary, [disabled].focus.Modal-action--default, .ES-join-projectsBloc--withBtn [disabled].focus.ES-join-projectsBloc-link, [disabled].focus.ZCoord-BtnSecondary, [disabled].focus.SubcribeEDocs-BtnSecondary, [disabled].focus.EDocs-BtnSecondary, [disabled].focus.FirstLogin-button--back, [disabled].btn-default:active,
.btnWrap-default a[disabled]:active, [disabled].BlockLink-btnDiscover:active, [disabled].FormActions-btn:active, .callGreenBtnBloc--withBtn [disabled].callGreenBtnBloc-link:active, [disabled].SubscribeBtn-btnSecondary:active, [disabled].GenericBtn-btnSecondary:active, [disabled].TechnicalError-btnNoBg:active, [disabled].PushCommunication-btn:active:not(.PushCommunication-btn--primary),
[disabled].PushCommunication-btn--secondary:active, [disabled].Modal-action--default:active, .ES-join-projectsBloc--withBtn [disabled].ES-join-projectsBloc-link:active, [disabled].ZCoord-BtnSecondary:active, [disabled].SubcribeEDocs-BtnSecondary:active, [disabled].EDocs-BtnSecondary:active, [disabled].FirstLogin-button--back:active, [disabled].active.btn-default,
.btnWrap-default a[disabled].active, [disabled].active.BlockLink-btnDiscover, [disabled].active.FormActions-btn, .callGreenBtnBloc--withBtn [disabled].active.callGreenBtnBloc-link, [disabled].active.SubscribeBtn-btnSecondary, [disabled].active.GenericBtn-btnSecondary, [disabled].active.TechnicalError-btnNoBg, [disabled].active.PushCommunication-btn:not(.PushCommunication-btn--primary),
[disabled].active.PushCommunication-btn--secondary, [disabled].active.Modal-action--default, .ES-join-projectsBloc--withBtn [disabled].active.ES-join-projectsBloc-link, [disabled].active.ZCoord-BtnSecondary, [disabled].active.SubcribeEDocs-BtnSecondary, [disabled].active.EDocs-BtnSecondary, [disabled].active.FirstLogin-button--back,
fieldset[disabled] .btn-default,
fieldset[disabled]
.btnWrap-default a,
.btnWrap-default
fieldset[disabled] a,
fieldset[disabled] .BlockLink-btnDiscover,
fieldset[disabled] .FormActions-btn,
fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link, .callGreenBtnBloc--withBtn
fieldset[disabled] .callGreenBtnBloc-link,
fieldset[disabled] .SubscribeBtn-btnSecondary,
fieldset[disabled] .GenericBtn-btnSecondary,
fieldset[disabled] .TechnicalError-btnNoBg,
fieldset[disabled] .PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-btn--secondary,
fieldset[disabled] .Modal-action--default,
fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link, .ES-join-projectsBloc--withBtn
fieldset[disabled] .ES-join-projectsBloc-link,
fieldset[disabled] .ZCoord-BtnSecondary,
fieldset[disabled] .SubcribeEDocs-BtnSecondary,
fieldset[disabled] .EDocs-BtnSecondary,
fieldset[disabled] .FirstLogin-button--back,
fieldset[disabled] .btn-default:hover,
fieldset[disabled]
.btnWrap-default a:hover,
.btnWrap-default
fieldset[disabled] a:hover,
fieldset[disabled] .BlockLink-btnDiscover:hover,
fieldset[disabled] .FormActions-btn:hover,
fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:hover, .callGreenBtnBloc--withBtn
fieldset[disabled] .callGreenBtnBloc-link:hover,
fieldset[disabled] .SubscribeBtn-btnSecondary:hover,
fieldset[disabled] .GenericBtn-btnSecondary:hover,
fieldset[disabled] .TechnicalError-btnNoBg:hover,
fieldset[disabled] .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-btn--secondary:hover,
fieldset[disabled] .Modal-action--default:hover,
fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:hover, .ES-join-projectsBloc--withBtn
fieldset[disabled] .ES-join-projectsBloc-link:hover,
fieldset[disabled] .ZCoord-BtnSecondary:hover,
fieldset[disabled] .SubcribeEDocs-BtnSecondary:hover,
fieldset[disabled] .EDocs-BtnSecondary:hover,
fieldset[disabled] .FirstLogin-button--back:hover,
fieldset[disabled] .hover.btn-default,
fieldset[disabled]
.btnWrap-default a.hover,
.btnWrap-default
fieldset[disabled] a.hover,
fieldset[disabled] .hover.BlockLink-btnDiscover,
fieldset[disabled] .hover.FormActions-btn,
fieldset[disabled] .callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link, .callGreenBtnBloc--withBtn
fieldset[disabled] .hover.callGreenBtnBloc-link,
fieldset[disabled] .hover.SubscribeBtn-btnSecondary,
fieldset[disabled] .hover.GenericBtn-btnSecondary,
fieldset[disabled] .hover.TechnicalError-btnNoBg,
fieldset[disabled] .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.hover.PushCommunication-btn--secondary,
fieldset[disabled] .hover.Modal-action--default,
fieldset[disabled] .ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link, .ES-join-projectsBloc--withBtn
fieldset[disabled] .hover.ES-join-projectsBloc-link,
fieldset[disabled] .hover.ZCoord-BtnSecondary,
fieldset[disabled] .hover.SubcribeEDocs-BtnSecondary,
fieldset[disabled] .hover.EDocs-BtnSecondary,
fieldset[disabled] .hover.FirstLogin-button--back,
fieldset[disabled] .btn-default:focus,
fieldset[disabled]
.btnWrap-default a:focus,
.btnWrap-default
fieldset[disabled] a:focus,
fieldset[disabled] .BlockLink-btnDiscover:focus,
fieldset[disabled] .FormActions-btn:focus,
fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus, .callGreenBtnBloc--withBtn
fieldset[disabled] .callGreenBtnBloc-link:focus,
fieldset[disabled] .SubscribeBtn-btnSecondary:focus,
fieldset[disabled] .GenericBtn-btnSecondary:focus,
fieldset[disabled] .TechnicalError-btnNoBg:focus,
fieldset[disabled] .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-btn--secondary:focus,
fieldset[disabled] .Modal-action--default:focus,
fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus, .ES-join-projectsBloc--withBtn
fieldset[disabled] .ES-join-projectsBloc-link:focus,
fieldset[disabled] .ZCoord-BtnSecondary:focus,
fieldset[disabled] .SubcribeEDocs-BtnSecondary:focus,
fieldset[disabled] .EDocs-BtnSecondary:focus,
fieldset[disabled] .FirstLogin-button--back:focus,
fieldset[disabled] .focus.btn-default,
fieldset[disabled]
.btnWrap-default a.focus,
.btnWrap-default
fieldset[disabled] a.focus,
fieldset[disabled] .focus.BlockLink-btnDiscover,
fieldset[disabled] .focus.FormActions-btn,
fieldset[disabled] .callGreenBtnBloc--withBtn .focus.callGreenBtnBloc-link, .callGreenBtnBloc--withBtn
fieldset[disabled] .focus.callGreenBtnBloc-link,
fieldset[disabled] .focus.SubscribeBtn-btnSecondary,
fieldset[disabled] .focus.GenericBtn-btnSecondary,
fieldset[disabled] .focus.TechnicalError-btnNoBg,
fieldset[disabled] .focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.focus.PushCommunication-btn--secondary,
fieldset[disabled] .focus.Modal-action--default,
fieldset[disabled] .ES-join-projectsBloc--withBtn .focus.ES-join-projectsBloc-link, .ES-join-projectsBloc--withBtn
fieldset[disabled] .focus.ES-join-projectsBloc-link,
fieldset[disabled] .focus.ZCoord-BtnSecondary,
fieldset[disabled] .focus.SubcribeEDocs-BtnSecondary,
fieldset[disabled] .focus.EDocs-BtnSecondary,
fieldset[disabled] .focus.FirstLogin-button--back,
fieldset[disabled] .btn-default:active,
fieldset[disabled]
.btnWrap-default a:active,
.btnWrap-default
fieldset[disabled] a:active,
fieldset[disabled] .BlockLink-btnDiscover:active,
fieldset[disabled] .FormActions-btn:active,
fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active, .callGreenBtnBloc--withBtn
fieldset[disabled] .callGreenBtnBloc-link:active,
fieldset[disabled] .SubscribeBtn-btnSecondary:active,
fieldset[disabled] .GenericBtn-btnSecondary:active,
fieldset[disabled] .TechnicalError-btnNoBg:active,
fieldset[disabled] .PushCommunication-btn:active:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-btn--secondary:active,
fieldset[disabled] .Modal-action--default:active,
fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active, .ES-join-projectsBloc--withBtn
fieldset[disabled] .ES-join-projectsBloc-link:active,
fieldset[disabled] .ZCoord-BtnSecondary:active,
fieldset[disabled] .SubcribeEDocs-BtnSecondary:active,
fieldset[disabled] .EDocs-BtnSecondary:active,
fieldset[disabled] .FirstLogin-button--back:active,
fieldset[disabled] .active.btn-default,
fieldset[disabled]
.btnWrap-default a.active,
.btnWrap-default
fieldset[disabled] a.active,
fieldset[disabled] .active.BlockLink-btnDiscover,
fieldset[disabled] .active.FormActions-btn,
fieldset[disabled] .callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link, .callGreenBtnBloc--withBtn
fieldset[disabled] .active.callGreenBtnBloc-link,
fieldset[disabled] .active.SubscribeBtn-btnSecondary,
fieldset[disabled] .active.GenericBtn-btnSecondary,
fieldset[disabled] .active.TechnicalError-btnNoBg,
fieldset[disabled] .active.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.active.PushCommunication-btn--secondary,
fieldset[disabled] .active.Modal-action--default,
fieldset[disabled] .ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link, .ES-join-projectsBloc--withBtn
fieldset[disabled] .active.ES-join-projectsBloc-link,
fieldset[disabled] .active.ZCoord-BtnSecondary,
fieldset[disabled] .active.SubcribeEDocs-BtnSecondary,
fieldset[disabled] .active.EDocs-BtnSecondary,
fieldset[disabled] .active.FirstLogin-button--back, .disabled.btn-default--primaryPanel, .panel-primary .disabled.btn-default, .SubscribeBtn-block--primary .disabled.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .disabled.GenericBtn-btnSecondary, .GenericBtn-block--primary .disabled.GenericBtn-btnSecondary, .GenericBtn-block--primary .disabled.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary .disabled.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary .disabled.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent .disabled.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent .disabled.PushCommunication-btn--secondary, .disabled.ImportDocs-BtnSecondary, .disabled.btn-default--primaryPanel:hover, .panel-primary .disabled.btn-default:hover, .SubscribeBtn-block--primary .disabled.SubscribeBtn-btnSecondary:hover, .SubscribeBtn-block--primary .disabled.GenericBtn-btnSecondary:hover, .GenericBtn-block--primary .disabled.GenericBtn-btnSecondary:hover, .GenericBtn-block--primary .disabled.SubscribeBtn-btnSecondary:hover, .PushCommunication-zoning--primary .disabled.PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary .disabled.PushCommunication-btn--secondary:hover,
.PushCommunication-zoning--transparent .disabled.PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent .disabled.PushCommunication-btn--secondary:hover, .disabled.ImportDocs-BtnSecondary:hover, .disabled.hover.btn-default--primaryPanel, .panel-primary .disabled.hover.btn-default, .SubscribeBtn-block--primary .disabled.hover.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .disabled.hover.GenericBtn-btnSecondary, .GenericBtn-block--primary .disabled.hover.GenericBtn-btnSecondary, .GenericBtn-block--primary .disabled.hover.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary .disabled.hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary .disabled.hover.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent .disabled.hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent .disabled.hover.PushCommunication-btn--secondary, .disabled.hover.ImportDocs-BtnSecondary, .disabled.btn-default--primaryPanel:focus, .panel-primary .disabled.btn-default:focus, .SubscribeBtn-block--primary .disabled.SubscribeBtn-btnSecondary:focus, .SubscribeBtn-block--primary .disabled.GenericBtn-btnSecondary:focus, .GenericBtn-block--primary .disabled.GenericBtn-btnSecondary:focus, .GenericBtn-block--primary .disabled.SubscribeBtn-btnSecondary:focus, .PushCommunication-zoning--primary .disabled.PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary .disabled.PushCommunication-btn--secondary:focus,
.PushCommunication-zoning--transparent .disabled.PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent .disabled.PushCommunication-btn--secondary:focus, .disabled.ImportDocs-BtnSecondary:focus, .disabled.focus.btn-default--primaryPanel, .panel-primary .disabled.focus.btn-default, .SubscribeBtn-block--primary .disabled.focus.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .disabled.focus.GenericBtn-btnSecondary, .GenericBtn-block--primary .disabled.focus.GenericBtn-btnSecondary, .GenericBtn-block--primary .disabled.focus.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary .disabled.focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary .disabled.focus.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent .disabled.focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent .disabled.focus.PushCommunication-btn--secondary, .disabled.focus.ImportDocs-BtnSecondary, .disabled.btn-default--primaryPanel:active, .panel-primary .disabled.btn-default:active, .SubscribeBtn-block--primary .disabled.SubscribeBtn-btnSecondary:active, .SubscribeBtn-block--primary .disabled.GenericBtn-btnSecondary:active, .GenericBtn-block--primary .disabled.GenericBtn-btnSecondary:active, .GenericBtn-block--primary .disabled.SubscribeBtn-btnSecondary:active, .PushCommunication-zoning--primary .disabled.PushCommunication-btn:active:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary .disabled.PushCommunication-btn--secondary:active,
.PushCommunication-zoning--transparent .disabled.PushCommunication-btn:active:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent .disabled.PushCommunication-btn--secondary:active, .disabled.ImportDocs-BtnSecondary:active, .disabled.active.btn-default--primaryPanel, .panel-primary .disabled.active.btn-default, .SubscribeBtn-block--primary .disabled.active.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .disabled.active.GenericBtn-btnSecondary, .GenericBtn-block--primary .disabled.active.GenericBtn-btnSecondary, .GenericBtn-block--primary .disabled.active.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary .disabled.active.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary .disabled.active.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent .disabled.active.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent .disabled.active.PushCommunication-btn--secondary, .disabled.active.ImportDocs-BtnSecondary, [disabled].btn-default--primaryPanel, .panel-primary [disabled].btn-default, .SubscribeBtn-block--primary [disabled].SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary [disabled].GenericBtn-btnSecondary, .GenericBtn-block--primary [disabled].GenericBtn-btnSecondary, .GenericBtn-block--primary [disabled].SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary [disabled].PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary [disabled].PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent [disabled].PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent [disabled].PushCommunication-btn--secondary, [disabled].ImportDocs-BtnSecondary, [disabled].btn-default--primaryPanel:hover, .panel-primary [disabled].btn-default:hover, .SubscribeBtn-block--primary [disabled].SubscribeBtn-btnSecondary:hover, .SubscribeBtn-block--primary [disabled].GenericBtn-btnSecondary:hover, .GenericBtn-block--primary [disabled].GenericBtn-btnSecondary:hover, .GenericBtn-block--primary [disabled].SubscribeBtn-btnSecondary:hover, .PushCommunication-zoning--primary [disabled].PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary [disabled].PushCommunication-btn--secondary:hover,
.PushCommunication-zoning--transparent [disabled].PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent [disabled].PushCommunication-btn--secondary:hover, [disabled].ImportDocs-BtnSecondary:hover, [disabled].hover.btn-default--primaryPanel, .panel-primary [disabled].hover.btn-default, .SubscribeBtn-block--primary [disabled].hover.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary [disabled].hover.GenericBtn-btnSecondary, .GenericBtn-block--primary [disabled].hover.GenericBtn-btnSecondary, .GenericBtn-block--primary [disabled].hover.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary [disabled].hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary [disabled].hover.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent [disabled].hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent [disabled].hover.PushCommunication-btn--secondary, [disabled].hover.ImportDocs-BtnSecondary, [disabled].btn-default--primaryPanel:focus, .panel-primary [disabled].btn-default:focus, .SubscribeBtn-block--primary [disabled].SubscribeBtn-btnSecondary:focus, .SubscribeBtn-block--primary [disabled].GenericBtn-btnSecondary:focus, .GenericBtn-block--primary [disabled].GenericBtn-btnSecondary:focus, .GenericBtn-block--primary [disabled].SubscribeBtn-btnSecondary:focus, .PushCommunication-zoning--primary [disabled].PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary [disabled].PushCommunication-btn--secondary:focus,
.PushCommunication-zoning--transparent [disabled].PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent [disabled].PushCommunication-btn--secondary:focus, [disabled].ImportDocs-BtnSecondary:focus, [disabled].focus.btn-default--primaryPanel, .panel-primary [disabled].focus.btn-default, .SubscribeBtn-block--primary [disabled].focus.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary [disabled].focus.GenericBtn-btnSecondary, .GenericBtn-block--primary [disabled].focus.GenericBtn-btnSecondary, .GenericBtn-block--primary [disabled].focus.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary [disabled].focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary [disabled].focus.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent [disabled].focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent [disabled].focus.PushCommunication-btn--secondary, [disabled].focus.ImportDocs-BtnSecondary, [disabled].btn-default--primaryPanel:active, .panel-primary [disabled].btn-default:active, .SubscribeBtn-block--primary [disabled].SubscribeBtn-btnSecondary:active, .SubscribeBtn-block--primary [disabled].GenericBtn-btnSecondary:active, .GenericBtn-block--primary [disabled].GenericBtn-btnSecondary:active, .GenericBtn-block--primary [disabled].SubscribeBtn-btnSecondary:active, .PushCommunication-zoning--primary [disabled].PushCommunication-btn:active:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary [disabled].PushCommunication-btn--secondary:active,
.PushCommunication-zoning--transparent [disabled].PushCommunication-btn:active:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent [disabled].PushCommunication-btn--secondary:active, [disabled].ImportDocs-BtnSecondary:active, [disabled].active.btn-default--primaryPanel, .panel-primary [disabled].active.btn-default, .SubscribeBtn-block--primary [disabled].active.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary [disabled].active.GenericBtn-btnSecondary, .GenericBtn-block--primary [disabled].active.GenericBtn-btnSecondary, .GenericBtn-block--primary [disabled].active.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary [disabled].active.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary [disabled].active.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent [disabled].active.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent [disabled].active.PushCommunication-btn--secondary, [disabled].active.ImportDocs-BtnSecondary,
fieldset[disabled] .btn-default--primaryPanel,
fieldset[disabled] .panel-primary .btn-default, .panel-primary
fieldset[disabled] .btn-default,
fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary
fieldset[disabled] .SubscribeBtn-btnSecondary,
fieldset[disabled] .SubscribeBtn-block--primary .GenericBtn-btnSecondary, .SubscribeBtn-block--primary
fieldset[disabled] .GenericBtn-btnSecondary,
fieldset[disabled] .GenericBtn-block--primary .GenericBtn-btnSecondary, .GenericBtn-block--primary
fieldset[disabled] .GenericBtn-btnSecondary,
fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btnSecondary, .GenericBtn-block--primary
fieldset[disabled] .SubscribeBtn-btnSecondary,
fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary), .PushCommunication-zoning--primary
fieldset[disabled] .PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--primary .PushCommunication-btn--secondary,
.PushCommunication-zoning--primary
fieldset[disabled] .PushCommunication-btn--secondary,
fieldset[disabled]
.PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent
fieldset[disabled] .PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--transparent .PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent
fieldset[disabled] .PushCommunication-btn--secondary,
fieldset[disabled] .ImportDocs-BtnSecondary,
fieldset[disabled] .btn-default--primaryPanel:hover,
fieldset[disabled] .panel-primary .btn-default:hover, .panel-primary
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:hover, .SubscribeBtn-block--primary
fieldset[disabled] .SubscribeBtn-btnSecondary:hover,
fieldset[disabled] .SubscribeBtn-block--primary .GenericBtn-btnSecondary:hover, .SubscribeBtn-block--primary
fieldset[disabled] .GenericBtn-btnSecondary:hover,
fieldset[disabled] .GenericBtn-block--primary .GenericBtn-btnSecondary:hover, .GenericBtn-block--primary
fieldset[disabled] .GenericBtn-btnSecondary:hover,
fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btnSecondary:hover, .GenericBtn-block--primary
fieldset[disabled] .SubscribeBtn-btnSecondary:hover,
fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn:hover:not(.PushCommunication-btn--primary), .PushCommunication-zoning--primary
fieldset[disabled] .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--primary .PushCommunication-btn--secondary:hover,
.PushCommunication-zoning--primary
fieldset[disabled] .PushCommunication-btn--secondary:hover,
fieldset[disabled]
.PushCommunication-zoning--transparent .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent
fieldset[disabled] .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--transparent .PushCommunication-btn--secondary:hover,
.PushCommunication-zoning--transparent
fieldset[disabled] .PushCommunication-btn--secondary:hover,
fieldset[disabled] .ImportDocs-BtnSecondary:hover,
fieldset[disabled] .hover.btn-default--primaryPanel,
fieldset[disabled] .panel-primary .hover.btn-default, .panel-primary
fieldset[disabled] .hover.btn-default,
fieldset[disabled] .SubscribeBtn-block--primary .hover.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary
fieldset[disabled] .hover.SubscribeBtn-btnSecondary,
fieldset[disabled] .SubscribeBtn-block--primary .hover.GenericBtn-btnSecondary, .SubscribeBtn-block--primary
fieldset[disabled] .hover.GenericBtn-btnSecondary,
fieldset[disabled] .GenericBtn-block--primary .hover.GenericBtn-btnSecondary, .GenericBtn-block--primary
fieldset[disabled] .hover.GenericBtn-btnSecondary,
fieldset[disabled] .GenericBtn-block--primary .hover.SubscribeBtn-btnSecondary, .GenericBtn-block--primary
fieldset[disabled] .hover.SubscribeBtn-btnSecondary,
fieldset[disabled] .PushCommunication-zoning--primary .hover.PushCommunication-btn:not(.PushCommunication-btn--primary), .PushCommunication-zoning--primary
fieldset[disabled] .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--primary .hover.PushCommunication-btn--secondary,
.PushCommunication-zoning--primary
fieldset[disabled] .hover.PushCommunication-btn--secondary,
fieldset[disabled]
.PushCommunication-zoning--transparent .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent
fieldset[disabled] .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--transparent .hover.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent
fieldset[disabled] .hover.PushCommunication-btn--secondary,
fieldset[disabled] .hover.ImportDocs-BtnSecondary,
fieldset[disabled] .btn-default--primaryPanel:focus,
fieldset[disabled] .panel-primary .btn-default:focus, .panel-primary
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:focus, .SubscribeBtn-block--primary
fieldset[disabled] .SubscribeBtn-btnSecondary:focus,
fieldset[disabled] .SubscribeBtn-block--primary .GenericBtn-btnSecondary:focus, .SubscribeBtn-block--primary
fieldset[disabled] .GenericBtn-btnSecondary:focus,
fieldset[disabled] .GenericBtn-block--primary .GenericBtn-btnSecondary:focus, .GenericBtn-block--primary
fieldset[disabled] .GenericBtn-btnSecondary:focus,
fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btnSecondary:focus, .GenericBtn-block--primary
fieldset[disabled] .SubscribeBtn-btnSecondary:focus,
fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn:focus:not(.PushCommunication-btn--primary), .PushCommunication-zoning--primary
fieldset[disabled] .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--primary .PushCommunication-btn--secondary:focus,
.PushCommunication-zoning--primary
fieldset[disabled] .PushCommunication-btn--secondary:focus,
fieldset[disabled]
.PushCommunication-zoning--transparent .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent
fieldset[disabled] .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--transparent .PushCommunication-btn--secondary:focus,
.PushCommunication-zoning--transparent
fieldset[disabled] .PushCommunication-btn--secondary:focus,
fieldset[disabled] .ImportDocs-BtnSecondary:focus,
fieldset[disabled] .focus.btn-default--primaryPanel,
fieldset[disabled] .panel-primary .focus.btn-default, .panel-primary
fieldset[disabled] .focus.btn-default,
fieldset[disabled] .SubscribeBtn-block--primary .focus.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary
fieldset[disabled] .focus.SubscribeBtn-btnSecondary,
fieldset[disabled] .SubscribeBtn-block--primary .focus.GenericBtn-btnSecondary, .SubscribeBtn-block--primary
fieldset[disabled] .focus.GenericBtn-btnSecondary,
fieldset[disabled] .GenericBtn-block--primary .focus.GenericBtn-btnSecondary, .GenericBtn-block--primary
fieldset[disabled] .focus.GenericBtn-btnSecondary,
fieldset[disabled] .GenericBtn-block--primary .focus.SubscribeBtn-btnSecondary, .GenericBtn-block--primary
fieldset[disabled] .focus.SubscribeBtn-btnSecondary,
fieldset[disabled] .PushCommunication-zoning--primary .focus.PushCommunication-btn:not(.PushCommunication-btn--primary), .PushCommunication-zoning--primary
fieldset[disabled] .focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--primary .focus.PushCommunication-btn--secondary,
.PushCommunication-zoning--primary
fieldset[disabled] .focus.PushCommunication-btn--secondary,
fieldset[disabled]
.PushCommunication-zoning--transparent .focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent
fieldset[disabled] .focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--transparent .focus.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent
fieldset[disabled] .focus.PushCommunication-btn--secondary,
fieldset[disabled] .focus.ImportDocs-BtnSecondary,
fieldset[disabled] .btn-default--primaryPanel:active,
fieldset[disabled] .panel-primary .btn-default:active, .panel-primary
fieldset[disabled] .btn-default:active,
fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:active, .SubscribeBtn-block--primary
fieldset[disabled] .SubscribeBtn-btnSecondary:active,
fieldset[disabled] .SubscribeBtn-block--primary .GenericBtn-btnSecondary:active, .SubscribeBtn-block--primary
fieldset[disabled] .GenericBtn-btnSecondary:active,
fieldset[disabled] .GenericBtn-block--primary .GenericBtn-btnSecondary:active, .GenericBtn-block--primary
fieldset[disabled] .GenericBtn-btnSecondary:active,
fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btnSecondary:active, .GenericBtn-block--primary
fieldset[disabled] .SubscribeBtn-btnSecondary:active,
fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn:active:not(.PushCommunication-btn--primary), .PushCommunication-zoning--primary
fieldset[disabled] .PushCommunication-btn:active:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--primary .PushCommunication-btn--secondary:active,
.PushCommunication-zoning--primary
fieldset[disabled] .PushCommunication-btn--secondary:active,
fieldset[disabled]
.PushCommunication-zoning--transparent .PushCommunication-btn:active:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent
fieldset[disabled] .PushCommunication-btn:active:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--transparent .PushCommunication-btn--secondary:active,
.PushCommunication-zoning--transparent
fieldset[disabled] .PushCommunication-btn--secondary:active,
fieldset[disabled] .ImportDocs-BtnSecondary:active,
fieldset[disabled] .active.btn-default--primaryPanel,
fieldset[disabled] .panel-primary .active.btn-default, .panel-primary
fieldset[disabled] .active.btn-default,
fieldset[disabled] .SubscribeBtn-block--primary .active.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary
fieldset[disabled] .active.SubscribeBtn-btnSecondary,
fieldset[disabled] .SubscribeBtn-block--primary .active.GenericBtn-btnSecondary, .SubscribeBtn-block--primary
fieldset[disabled] .active.GenericBtn-btnSecondary,
fieldset[disabled] .GenericBtn-block--primary .active.GenericBtn-btnSecondary, .GenericBtn-block--primary
fieldset[disabled] .active.GenericBtn-btnSecondary,
fieldset[disabled] .GenericBtn-block--primary .active.SubscribeBtn-btnSecondary, .GenericBtn-block--primary
fieldset[disabled] .active.SubscribeBtn-btnSecondary,
fieldset[disabled] .PushCommunication-zoning--primary .active.PushCommunication-btn:not(.PushCommunication-btn--primary), .PushCommunication-zoning--primary
fieldset[disabled] .active.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--primary .active.PushCommunication-btn--secondary,
.PushCommunication-zoning--primary
fieldset[disabled] .active.PushCommunication-btn--secondary,
fieldset[disabled]
.PushCommunication-zoning--transparent .active.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent
fieldset[disabled] .active.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--transparent .active.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent
fieldset[disabled] .active.PushCommunication-btn--secondary,
fieldset[disabled] .active.ImportDocs-BtnSecondary, .ForgotPswd-resetPswdFirstBtnForm--confirm.disabled, .ForgotPswd-resetPswdFirstBtnForm--confirm.disabled:hover, .ForgotPswd-resetPswdFirstBtnForm--confirm.disabled.hover, .ForgotPswd-resetPswdFirstBtnForm--confirm.disabled:focus, .ForgotPswd-resetPswdFirstBtnForm--confirm.disabled.focus, .ForgotPswd-resetPswdFirstBtnForm--confirm.disabled:active, .ForgotPswd-resetPswdFirstBtnForm--confirm.disabled.active, .ForgotPswd-resetPswdFirstBtnForm--confirm[disabled], .ForgotPswd-resetPswdFirstBtnForm--confirm[disabled]:hover, .ForgotPswd-resetPswdFirstBtnForm--confirm[disabled].hover, .ForgotPswd-resetPswdFirstBtnForm--confirm[disabled]:focus, .ForgotPswd-resetPswdFirstBtnForm--confirm[disabled].focus, .ForgotPswd-resetPswdFirstBtnForm--confirm[disabled]:active, .ForgotPswd-resetPswdFirstBtnForm--confirm[disabled].active,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm:hover,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm.hover,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm:focus,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm.focus,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm:active,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm.active,
.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled,
.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled:hover,
.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled.hover,
.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled:focus,
.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled.focus,
.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled:active,
.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled.active,
.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled],
.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled]:hover,
.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled].hover,
.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled]:focus,
.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled].focus,
.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled]:active,
.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled].active,
fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm,
fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm:hover,
fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm.hover,
fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm:focus,
fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm.focus,
fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm:active,
fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm.active, .ForgotPswd-resetPswdFirstBtnForm.disabled, .ForgotPswd-resetPswdFirstBtnForm.disabled:hover, .ForgotPswd-resetPswdFirstBtnForm.disabled.hover, .ForgotPswd-resetPswdFirstBtnForm.disabled:focus, .ForgotPswd-resetPswdFirstBtnForm.disabled.focus, .ForgotPswd-resetPswdFirstBtnForm.disabled:active, .ForgotPswd-resetPswdFirstBtnForm.disabled.active, .ForgotPswd-resetPswdFirstBtnForm[disabled], .ForgotPswd-resetPswdFirstBtnForm[disabled]:hover, .ForgotPswd-resetPswdFirstBtnForm[disabled].hover, .ForgotPswd-resetPswdFirstBtnForm[disabled]:focus, .ForgotPswd-resetPswdFirstBtnForm[disabled].focus, .ForgotPswd-resetPswdFirstBtnForm[disabled]:active, .ForgotPswd-resetPswdFirstBtnForm[disabled].active,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm:hover,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm.hover,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm:focus,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm.focus,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm:active,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm.active {
  background-color: transparent;
  color: #98cbd3;
  border-color: #98cbd3; }

.btn-default--grayPanel, .panel-gray .btn-default {
  background-color: #f5f5f5; }

.disabled.btn-default--grayPanel, .panel-gray .disabled.btn-default, .disabled.btn-default--grayPanel:hover, .disabled.hover.btn-default--grayPanel, .disabled.btn-default--grayPanel:focus, .disabled.focus.btn-default--grayPanel, .disabled.btn-default--grayPanel:active, .disabled.active.btn-default--grayPanel, [disabled].btn-default--grayPanel, .panel-gray [disabled].btn-default, [disabled].btn-default--grayPanel:hover, [disabled].hover.btn-default--grayPanel, [disabled].btn-default--grayPanel:focus, [disabled].focus.btn-default--grayPanel, [disabled].btn-default--grayPanel:active, [disabled].active.btn-default--grayPanel,
fieldset[disabled] .btn-default--grayPanel,
fieldset[disabled] .panel-gray .btn-default, .panel-gray
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default--grayPanel:hover,
fieldset[disabled] .hover.btn-default--grayPanel,
fieldset[disabled] .btn-default--grayPanel:focus,
fieldset[disabled] .focus.btn-default--grayPanel,
fieldset[disabled] .btn-default--grayPanel:active,
fieldset[disabled] .active.btn-default--grayPanel {
  color: #999999;
  border-color: #c8c8c8; }

.btn-default--primaryPanel, .panel-primary .btn-default, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link, .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .GenericBtn-btnSecondary, .GenericBtn-block--primary .GenericBtn-btnSecondary, .GenericBtn-block--primary .SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary .PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent .PushCommunication-btn--secondary, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link, .ImportDocs-BtnSecondary {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff; }
  .btn-default--primaryPanel:hover, .panel-primary .btn-default:hover, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:hover, .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:hover, .SubscribeBtn-block--primary .GenericBtn-btnSecondary:hover, .GenericBtn-block--primary .GenericBtn-btnSecondary:hover, .GenericBtn-block--primary .SubscribeBtn-btnSecondary:hover, .PushCommunication-zoning--primary .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--primary .PushCommunication-btn--secondary:hover,
  .PushCommunication-zoning--transparent .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--transparent .PushCommunication-btn--secondary:hover, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:hover, .ImportDocs-BtnSecondary:hover, .hover.btn-default--primaryPanel, .panel-primary .hover.btn-default, .callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link, .SubscribeBtn-block--primary .hover.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .hover.GenericBtn-btnSecondary, .GenericBtn-block--primary .hover.GenericBtn-btnSecondary, .GenericBtn-block--primary .hover.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--primary .hover.PushCommunication-btn--secondary,
  .PushCommunication-zoning--transparent .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--transparent .hover.PushCommunication-btn--secondary, .ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link, .hover.ImportDocs-BtnSecondary, .btn-default--primaryPanel:focus, .panel-primary .btn-default:focus, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus, .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:focus, .SubscribeBtn-block--primary .GenericBtn-btnSecondary:focus, .GenericBtn-block--primary .GenericBtn-btnSecondary:focus, .GenericBtn-block--primary .SubscribeBtn-btnSecondary:focus, .PushCommunication-zoning--primary .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--primary .PushCommunication-btn--secondary:focus,
  .PushCommunication-zoning--transparent .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--transparent .PushCommunication-btn--secondary:focus, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus, .ImportDocs-BtnSecondary:focus, .hover.btn-default--primaryPanel, .panel-primary .hover.btn-default, .callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link, .SubscribeBtn-block--primary .hover.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .hover.GenericBtn-btnSecondary, .GenericBtn-block--primary .hover.GenericBtn-btnSecondary, .GenericBtn-block--primary .hover.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--primary .hover.PushCommunication-btn--secondary,
  .PushCommunication-zoning--transparent .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--transparent .hover.PushCommunication-btn--secondary, .ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link, .hover.ImportDocs-BtnSecondary, .btn-default--primaryPanel:active, .panel-primary .btn-default:active, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active, .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:active, .SubscribeBtn-block--primary .GenericBtn-btnSecondary:active, .GenericBtn-block--primary .GenericBtn-btnSecondary:active, .GenericBtn-block--primary .SubscribeBtn-btnSecondary:active, .PushCommunication-zoning--primary .PushCommunication-btn:active:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--primary .PushCommunication-btn--secondary:active,
  .PushCommunication-zoning--transparent .PushCommunication-btn:active:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--transparent .PushCommunication-btn--secondary:active, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active, .ImportDocs-BtnSecondary:active, .active.btn-default--primaryPanel, .panel-primary .active.btn-default, .callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link, .SubscribeBtn-block--primary .active.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .active.GenericBtn-btnSecondary, .GenericBtn-block--primary .active.GenericBtn-btnSecondary, .GenericBtn-block--primary .active.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary .active.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--primary .active.PushCommunication-btn--secondary,
  .PushCommunication-zoning--transparent .active.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--transparent .active.PushCommunication-btn--secondary, .ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link, .active.ImportDocs-BtnSecondary {
    color: #007D8F;
    background-color: #ffffff;
    border-color: #ffffff; }

a.callGreenBtnBloc--withBtn:hover .callGreenBtnBloc-link, a.callGreenBtnBloc--withBtn:focus .callGreenBtnBloc-link,
.callGreenBtnBloc--withBtn[tabindex]:hover .callGreenBtnBloc-link,
.callGreenBtnBloc--withBtn[tabindex]:focus .callGreenBtnBloc-link, [data-custom-redirect]:hover .PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:hover .PushCommunication-zoning--primary .PushCommunication-btn--secondary,
[data-custom-redirect]:hover .PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:hover .PushCommunication-zoning--transparent .PushCommunication-btn--secondary, [data-custom-redirect]:hover.PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:hover.PushCommunication-zoning--primary .PushCommunication-btn--secondary, [data-custom-redirect]:hover.PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:hover.PushCommunication-zoning--transparent .PushCommunication-btn--secondary, [data-custom-redirect]:focus .PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:focus .PushCommunication-zoning--primary .PushCommunication-btn--secondary,
[data-custom-redirect]:focus .PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:focus .PushCommunication-zoning--transparent .PushCommunication-btn--secondary, [data-custom-redirect]:focus.PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:focus.PushCommunication-zoning--primary .PushCommunication-btn--secondary, [data-custom-redirect]:focus.PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:focus.PushCommunication-zoning--transparent .PushCommunication-btn--secondary, a.ES-join-projectsBloc--withBtn:hover .ES-join-projectsBloc-link, a.ES-join-projectsBloc--withBtn:focus .ES-join-projectsBloc-link,
.ES-join-projectsBloc--withBtn[tabindex]:hover .ES-join-projectsBloc-link,
.ES-join-projectsBloc--withBtn[tabindex]:focus .ES-join-projectsBloc-link {
  color: #007D8F;
  background-color: #ffffff;
  border-color: #ffffff; }

.ImportDocs-BtnSecondary[disabled] {
  background-color: transparent;
  border-color: #3398a6;
  color: #3398a6; }

.PushNinePos-btn--transparent, .Error404-btnNoBg {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff; }
  .PushNinePos-btn--transparent:hover, .Error404-btnNoBg:hover, .hover.PushNinePos-btn--transparent, .hover.Error404-btnNoBg, .PushNinePos-btn--transparent:focus, .Error404-btnNoBg:focus, .hover.PushNinePos-btn--transparent, .hover.Error404-btnNoBg {
    background-color: transparent;
    border-color: #007D8F;
    color: #007D8F; }

.btn-default.a-actif, .btn-primary,
.btnWrap-primary a, .FormActions-btn--submit, .LayerNav-articlesBtn, .PushCR-button, .PushPage-button, .PushNinePos-btn--primary, .SubscribeBtn-block--white .SubscribeBtn-btn,
.SubscribeBtn-block--white .GenericBtn-btn, .SubscribeBtn-block--gray .SubscribeBtn-btn,
.SubscribeBtn-block--gray .GenericBtn-btn, .SubscribeBtn-btn, .GenericBtn-block--white .SubscribeBtn-btn,
.GenericBtn-block--white .GenericBtn-btn, .GenericBtn-block--gray .SubscribeBtn-btn,
.GenericBtn-block--gray .GenericBtn-btn, .GenericBtn-btn, .TechnicalError-btnPrimary, .Error404-btnPrimary, .PushCommunication-btn--primary, .HeaderVisuel-button, .Modal-action--primary, .NewsFeed-btn, .CompareBox-btn, .ZCoord-itemBtnPrimary,
.ZCoord-itemBtnSecondary, .ZCoord-BtnPrimary, .SubcribeEDocs-BtnPrimary, .FirstLogin-button--submit {
  background-color: #007D8F;
  color: #ffffff;
  border-width: 1px;
  border-color: #007D8F; }
  .btn-default.a-actif:hover, .btn-primary:hover,
  .btnWrap-primary a:hover, .FormActions-btn--submit:hover, .LayerNav-articlesBtn:hover, .PushCR-button:hover, .PushPage-button:hover, .PushNinePos-btn--primary:hover, .SubscribeBtn-btn:hover, .GenericBtn-btn:hover, .TechnicalError-btnPrimary:hover, .Error404-btnPrimary:hover, .PushCommunication-btn--primary:hover, .HeaderVisuel-button:hover, .Modal-action--primary:hover, .NewsFeed-btn:hover, .CompareBox-btn:hover, .ZCoord-itemBtnPrimary:hover,
  .ZCoord-itemBtnSecondary:hover, .ZCoord-BtnPrimary:hover, .SubcribeEDocs-BtnPrimary:hover, .FirstLogin-button--submit:hover, .hover.btn-default.a-actif, .hover.btn-primary,
  .btnWrap-primary a.hover, .hover.FormActions-btn--submit, .hover.LayerNav-articlesBtn, .hover.PushCR-button, .hover.PushPage-button, .hover.PushNinePos-btn--primary, .hover.SubscribeBtn-btn, .hover.GenericBtn-btn, .hover.TechnicalError-btnPrimary, .hover.Error404-btnPrimary, .hover.PushCommunication-btn--primary, .hover.HeaderVisuel-button, .hover.Modal-action--primary, .hover.NewsFeed-btn, .hover.CompareBox-btn, .hover.ZCoord-itemBtnPrimary,
  .hover.ZCoord-itemBtnSecondary, .hover.ZCoord-BtnPrimary, .hover.SubcribeEDocs-BtnPrimary, .hover.FirstLogin-button--submit, .btn-default.a-actif:focus, .btn-primary:focus,
  .btnWrap-primary a:focus, .FormActions-btn--submit:focus, .LayerNav-articlesBtn:focus, .PushCR-button:focus, .PushPage-button:focus, .PushNinePos-btn--primary:focus, .SubscribeBtn-btn:focus, .GenericBtn-btn:focus, .TechnicalError-btnPrimary:focus, .Error404-btnPrimary:focus, .PushCommunication-btn--primary:focus, .HeaderVisuel-button:focus, .Modal-action--primary:focus, .NewsFeed-btn:focus, .CompareBox-btn:focus, .ZCoord-itemBtnPrimary:focus,
  .ZCoord-itemBtnSecondary:focus, .ZCoord-BtnPrimary:focus, .SubcribeEDocs-BtnPrimary:focus, .FirstLogin-button--submit:focus, .focus.btn-default.a-actif, .focus.btn-primary,
  .btnWrap-primary a.focus, .focus.FormActions-btn--submit, .focus.LayerNav-articlesBtn, .focus.PushCR-button, .focus.PushPage-button, .focus.PushNinePos-btn--primary, .focus.SubscribeBtn-btn, .focus.GenericBtn-btn, .focus.TechnicalError-btnPrimary, .focus.Error404-btnPrimary, .focus.PushCommunication-btn--primary, .focus.HeaderVisuel-button, .focus.Modal-action--primary, .focus.NewsFeed-btn, .focus.CompareBox-btn, .focus.ZCoord-itemBtnPrimary,
  .focus.ZCoord-itemBtnSecondary, .focus.ZCoord-BtnPrimary, .focus.SubcribeEDocs-BtnPrimary, .focus.FirstLogin-button--submit, .btn-default.a-actif:active, .btn-primary:active,
  .btnWrap-primary a:active, .FormActions-btn--submit:active, .LayerNav-articlesBtn:active, .PushCR-button:active, .PushPage-button:active, .PushNinePos-btn--primary:active, .SubscribeBtn-btn:active, .GenericBtn-btn:active, .TechnicalError-btnPrimary:active, .Error404-btnPrimary:active, .PushCommunication-btn--primary:active, .HeaderVisuel-button:active, .Modal-action--primary:active, .NewsFeed-btn:active, .CompareBox-btn:active, .ZCoord-itemBtnPrimary:active,
  .ZCoord-itemBtnSecondary:active, .ZCoord-BtnPrimary:active, .SubcribeEDocs-BtnPrimary:active, .FirstLogin-button--submit:active, .active.btn-default.a-actif, .active.btn-primary,
  .btnWrap-primary a.active, .active.FormActions-btn--submit, .active.LayerNav-articlesBtn, .active.PushCR-button, .active.PushPage-button, .active.PushNinePos-btn--primary, .active.SubscribeBtn-btn, .active.GenericBtn-btn, .active.TechnicalError-btnPrimary, .active.Error404-btnPrimary, .active.PushCommunication-btn--primary, .active.HeaderVisuel-button, .active.Modal-action--primary, .active.NewsFeed-btn, .active.CompareBox-btn, .active.ZCoord-itemBtnPrimary,
  .active.ZCoord-itemBtnSecondary, .active.ZCoord-BtnPrimary, .active.SubcribeEDocs-BtnPrimary, .active.FirstLogin-button--submit {
    background-color: #006675;
    color: #ffffff;
    border-color: #006675; }
  .disabled.btn-default.a-actif, .disabled.btn-primary,
  .btnWrap-primary a.disabled, .disabled.FormActions-btn--submit, .disabled.LayerNav-articlesBtn, .disabled.PushCR-button, .disabled.PushPage-button, .disabled.PushNinePos-btn--primary, .disabled.SubscribeBtn-btn, .disabled.GenericBtn-btn, .disabled.TechnicalError-btnPrimary, .disabled.Error404-btnPrimary, .disabled.PushCommunication-btn--primary, .disabled.HeaderVisuel-button, .disabled.Modal-action--primary, .disabled.NewsFeed-btn, .disabled.CompareBox-btn, .disabled.ZCoord-itemBtnPrimary,
  .disabled.ZCoord-itemBtnSecondary, .disabled.ZCoord-BtnPrimary, .disabled.SubcribeEDocs-BtnPrimary, .disabled.FirstLogin-button--submit, .disabled.btn-default.a-actif:hover, .disabled.btn-primary:hover,
  .btnWrap-primary a.disabled:hover, .disabled.FormActions-btn--submit:hover, .disabled.LayerNav-articlesBtn:hover, .disabled.PushCR-button:hover, .disabled.PushPage-button:hover, .disabled.PushNinePos-btn--primary:hover, .disabled.SubscribeBtn-btn:hover, .disabled.GenericBtn-btn:hover, .disabled.TechnicalError-btnPrimary:hover, .disabled.Error404-btnPrimary:hover, .disabled.PushCommunication-btn--primary:hover, .disabled.HeaderVisuel-button:hover, .disabled.Modal-action--primary:hover, .disabled.NewsFeed-btn:hover, .disabled.CompareBox-btn:hover, .disabled.ZCoord-itemBtnPrimary:hover,
  .disabled.ZCoord-itemBtnSecondary:hover, .disabled.ZCoord-BtnPrimary:hover, .disabled.SubcribeEDocs-BtnPrimary:hover, .disabled.FirstLogin-button--submit:hover, .disabled.hover.btn-default.a-actif, .disabled.hover.btn-primary,
  .btnWrap-primary a.disabled.hover, .disabled.hover.FormActions-btn--submit, .disabled.hover.LayerNav-articlesBtn, .disabled.hover.PushCR-button, .disabled.hover.PushPage-button, .disabled.hover.PushNinePos-btn--primary, .disabled.hover.SubscribeBtn-btn, .disabled.hover.GenericBtn-btn, .disabled.hover.TechnicalError-btnPrimary, .disabled.hover.Error404-btnPrimary, .disabled.hover.PushCommunication-btn--primary, .disabled.hover.HeaderVisuel-button, .disabled.hover.Modal-action--primary, .disabled.hover.NewsFeed-btn, .disabled.hover.CompareBox-btn, .disabled.hover.ZCoord-itemBtnPrimary,
  .disabled.hover.ZCoord-itemBtnSecondary, .disabled.hover.ZCoord-BtnPrimary, .disabled.hover.SubcribeEDocs-BtnPrimary, .disabled.hover.FirstLogin-button--submit, .disabled.btn-default.a-actif:focus, .disabled.btn-primary:focus,
  .btnWrap-primary a.disabled:focus, .disabled.FormActions-btn--submit:focus, .disabled.LayerNav-articlesBtn:focus, .disabled.PushCR-button:focus, .disabled.PushPage-button:focus, .disabled.PushNinePos-btn--primary:focus, .disabled.SubscribeBtn-btn:focus, .disabled.GenericBtn-btn:focus, .disabled.TechnicalError-btnPrimary:focus, .disabled.Error404-btnPrimary:focus, .disabled.PushCommunication-btn--primary:focus, .disabled.HeaderVisuel-button:focus, .disabled.Modal-action--primary:focus, .disabled.NewsFeed-btn:focus, .disabled.CompareBox-btn:focus, .disabled.ZCoord-itemBtnPrimary:focus,
  .disabled.ZCoord-itemBtnSecondary:focus, .disabled.ZCoord-BtnPrimary:focus, .disabled.SubcribeEDocs-BtnPrimary:focus, .disabled.FirstLogin-button--submit:focus, .disabled.focus.btn-default.a-actif, .disabled.focus.btn-primary,
  .btnWrap-primary a.disabled.focus, .disabled.focus.FormActions-btn--submit, .disabled.focus.LayerNav-articlesBtn, .disabled.focus.PushCR-button, .disabled.focus.PushPage-button, .disabled.focus.PushNinePos-btn--primary, .disabled.focus.SubscribeBtn-btn, .disabled.focus.GenericBtn-btn, .disabled.focus.TechnicalError-btnPrimary, .disabled.focus.Error404-btnPrimary, .disabled.focus.PushCommunication-btn--primary, .disabled.focus.HeaderVisuel-button, .disabled.focus.Modal-action--primary, .disabled.focus.NewsFeed-btn, .disabled.focus.CompareBox-btn, .disabled.focus.ZCoord-itemBtnPrimary,
  .disabled.focus.ZCoord-itemBtnSecondary, .disabled.focus.ZCoord-BtnPrimary, .disabled.focus.SubcribeEDocs-BtnPrimary, .disabled.focus.FirstLogin-button--submit, .disabled.btn-default.a-actif:active, .disabled.btn-primary:active,
  .btnWrap-primary a.disabled:active, .disabled.FormActions-btn--submit:active, .disabled.LayerNav-articlesBtn:active, .disabled.PushCR-button:active, .disabled.PushPage-button:active, .disabled.PushNinePos-btn--primary:active, .disabled.SubscribeBtn-btn:active, .disabled.GenericBtn-btn:active, .disabled.TechnicalError-btnPrimary:active, .disabled.Error404-btnPrimary:active, .disabled.PushCommunication-btn--primary:active, .disabled.HeaderVisuel-button:active, .disabled.Modal-action--primary:active, .disabled.NewsFeed-btn:active, .disabled.CompareBox-btn:active, .disabled.ZCoord-itemBtnPrimary:active,
  .disabled.ZCoord-itemBtnSecondary:active, .disabled.ZCoord-BtnPrimary:active, .disabled.SubcribeEDocs-BtnPrimary:active, .disabled.FirstLogin-button--submit:active, .disabled.active.btn-default.a-actif, .disabled.active.btn-primary,
  .btnWrap-primary a.disabled.active, .disabled.active.FormActions-btn--submit, .disabled.active.LayerNav-articlesBtn, .disabled.active.PushCR-button, .disabled.active.PushPage-button, .disabled.active.PushNinePos-btn--primary, .disabled.active.SubscribeBtn-btn, .disabled.active.GenericBtn-btn, .disabled.active.TechnicalError-btnPrimary, .disabled.active.Error404-btnPrimary, .disabled.active.PushCommunication-btn--primary, .disabled.active.HeaderVisuel-button, .disabled.active.Modal-action--primary, .disabled.active.NewsFeed-btn, .disabled.active.CompareBox-btn, .disabled.active.ZCoord-itemBtnPrimary,
  .disabled.active.ZCoord-itemBtnSecondary, .disabled.active.ZCoord-BtnPrimary, .disabled.active.SubcribeEDocs-BtnPrimary, .disabled.active.FirstLogin-button--submit, [disabled].btn-default.a-actif, [disabled].btn-primary,
  .btnWrap-primary a[disabled], [disabled].FormActions-btn--submit, [disabled].LayerNav-articlesBtn, [disabled].PushCR-button, [disabled].PushPage-button, [disabled].PushNinePos-btn--primary, [disabled].SubscribeBtn-btn, [disabled].GenericBtn-btn, [disabled].TechnicalError-btnPrimary, [disabled].Error404-btnPrimary, [disabled].PushCommunication-btn--primary, [disabled].HeaderVisuel-button, [disabled].Modal-action--primary, [disabled].NewsFeed-btn, [disabled].CompareBox-btn, [disabled].ZCoord-itemBtnPrimary,
  [disabled].ZCoord-itemBtnSecondary, [disabled].ZCoord-BtnPrimary, [disabled].SubcribeEDocs-BtnPrimary, [disabled].FirstLogin-button--submit, [disabled].btn-default.a-actif:hover, [disabled].btn-primary:hover,
  .btnWrap-primary a[disabled]:hover, [disabled].FormActions-btn--submit:hover, [disabled].LayerNav-articlesBtn:hover, [disabled].PushCR-button:hover, [disabled].PushPage-button:hover, [disabled].PushNinePos-btn--primary:hover, [disabled].SubscribeBtn-btn:hover, [disabled].GenericBtn-btn:hover, [disabled].TechnicalError-btnPrimary:hover, [disabled].Error404-btnPrimary:hover, [disabled].PushCommunication-btn--primary:hover, [disabled].HeaderVisuel-button:hover, [disabled].Modal-action--primary:hover, [disabled].NewsFeed-btn:hover, [disabled].CompareBox-btn:hover, [disabled].ZCoord-itemBtnPrimary:hover,
  [disabled].ZCoord-itemBtnSecondary:hover, [disabled].ZCoord-BtnPrimary:hover, [disabled].SubcribeEDocs-BtnPrimary:hover, [disabled].FirstLogin-button--submit:hover, [disabled].hover.btn-default.a-actif, [disabled].hover.btn-primary,
  .btnWrap-primary a[disabled].hover, [disabled].hover.FormActions-btn--submit, [disabled].hover.LayerNav-articlesBtn, [disabled].hover.PushCR-button, [disabled].hover.PushPage-button, [disabled].hover.PushNinePos-btn--primary, [disabled].hover.SubscribeBtn-btn, [disabled].hover.GenericBtn-btn, [disabled].hover.TechnicalError-btnPrimary, [disabled].hover.Error404-btnPrimary, [disabled].hover.PushCommunication-btn--primary, [disabled].hover.HeaderVisuel-button, [disabled].hover.Modal-action--primary, [disabled].hover.NewsFeed-btn, [disabled].hover.CompareBox-btn, [disabled].hover.ZCoord-itemBtnPrimary,
  [disabled].hover.ZCoord-itemBtnSecondary, [disabled].hover.ZCoord-BtnPrimary, [disabled].hover.SubcribeEDocs-BtnPrimary, [disabled].hover.FirstLogin-button--submit, [disabled].btn-default.a-actif:focus, [disabled].btn-primary:focus,
  .btnWrap-primary a[disabled]:focus, [disabled].FormActions-btn--submit:focus, [disabled].LayerNav-articlesBtn:focus, [disabled].PushCR-button:focus, [disabled].PushPage-button:focus, [disabled].PushNinePos-btn--primary:focus, [disabled].SubscribeBtn-btn:focus, [disabled].GenericBtn-btn:focus, [disabled].TechnicalError-btnPrimary:focus, [disabled].Error404-btnPrimary:focus, [disabled].PushCommunication-btn--primary:focus, [disabled].HeaderVisuel-button:focus, [disabled].Modal-action--primary:focus, [disabled].NewsFeed-btn:focus, [disabled].CompareBox-btn:focus, [disabled].ZCoord-itemBtnPrimary:focus,
  [disabled].ZCoord-itemBtnSecondary:focus, [disabled].ZCoord-BtnPrimary:focus, [disabled].SubcribeEDocs-BtnPrimary:focus, [disabled].FirstLogin-button--submit:focus, [disabled].focus.btn-default.a-actif, [disabled].focus.btn-primary,
  .btnWrap-primary a[disabled].focus, [disabled].focus.FormActions-btn--submit, [disabled].focus.LayerNav-articlesBtn, [disabled].focus.PushCR-button, [disabled].focus.PushPage-button, [disabled].focus.PushNinePos-btn--primary, [disabled].focus.SubscribeBtn-btn, [disabled].focus.GenericBtn-btn, [disabled].focus.TechnicalError-btnPrimary, [disabled].focus.Error404-btnPrimary, [disabled].focus.PushCommunication-btn--primary, [disabled].focus.HeaderVisuel-button, [disabled].focus.Modal-action--primary, [disabled].focus.NewsFeed-btn, [disabled].focus.CompareBox-btn, [disabled].focus.ZCoord-itemBtnPrimary,
  [disabled].focus.ZCoord-itemBtnSecondary, [disabled].focus.ZCoord-BtnPrimary, [disabled].focus.SubcribeEDocs-BtnPrimary, [disabled].focus.FirstLogin-button--submit, [disabled].btn-default.a-actif:active, [disabled].btn-primary:active,
  .btnWrap-primary a[disabled]:active, [disabled].FormActions-btn--submit:active, [disabled].LayerNav-articlesBtn:active, [disabled].PushCR-button:active, [disabled].PushPage-button:active, [disabled].PushNinePos-btn--primary:active, [disabled].SubscribeBtn-btn:active, [disabled].GenericBtn-btn:active, [disabled].TechnicalError-btnPrimary:active, [disabled].Error404-btnPrimary:active, [disabled].PushCommunication-btn--primary:active, [disabled].HeaderVisuel-button:active, [disabled].Modal-action--primary:active, [disabled].NewsFeed-btn:active, [disabled].CompareBox-btn:active, [disabled].ZCoord-itemBtnPrimary:active,
  [disabled].ZCoord-itemBtnSecondary:active, [disabled].ZCoord-BtnPrimary:active, [disabled].SubcribeEDocs-BtnPrimary:active, [disabled].FirstLogin-button--submit:active, [disabled].active.btn-default.a-actif, [disabled].active.btn-primary,
  .btnWrap-primary a[disabled].active, [disabled].active.FormActions-btn--submit, [disabled].active.LayerNav-articlesBtn, [disabled].active.PushCR-button, [disabled].active.PushPage-button, [disabled].active.PushNinePos-btn--primary, [disabled].active.SubscribeBtn-btn, [disabled].active.GenericBtn-btn, [disabled].active.TechnicalError-btnPrimary, [disabled].active.Error404-btnPrimary, [disabled].active.PushCommunication-btn--primary, [disabled].active.HeaderVisuel-button, [disabled].active.Modal-action--primary, [disabled].active.NewsFeed-btn, [disabled].active.CompareBox-btn, [disabled].active.ZCoord-itemBtnPrimary,
  [disabled].active.ZCoord-itemBtnSecondary, [disabled].active.ZCoord-BtnPrimary, [disabled].active.SubcribeEDocs-BtnPrimary, [disabled].active.FirstLogin-button--submit,
  fieldset[disabled] .btn-default.a-actif,
  fieldset[disabled] .btn-primary,
  fieldset[disabled]
  .btnWrap-primary a,
  .btnWrap-primary
  fieldset[disabled] a,
  fieldset[disabled] .FormActions-btn--submit,
  fieldset[disabled] .LayerNav-articlesBtn,
  fieldset[disabled] .PushCR-button,
  fieldset[disabled] .PushPage-button,
  fieldset[disabled] .PushNinePos-btn--primary,
  fieldset[disabled] .SubscribeBtn-btn,
  fieldset[disabled] .GenericBtn-btn,
  fieldset[disabled] .TechnicalError-btnPrimary,
  fieldset[disabled] .Error404-btnPrimary,
  fieldset[disabled] .PushCommunication-btn--primary,
  fieldset[disabled] .HeaderVisuel-button,
  fieldset[disabled] .Modal-action--primary,
  fieldset[disabled] .NewsFeed-btn,
  fieldset[disabled] .CompareBox-btn,
  fieldset[disabled] .ZCoord-itemBtnPrimary,
  fieldset[disabled]
  .ZCoord-itemBtnSecondary,
  fieldset[disabled] .ZCoord-BtnPrimary,
  fieldset[disabled] .SubcribeEDocs-BtnPrimary,
  fieldset[disabled] .FirstLogin-button--submit,
  fieldset[disabled] .btn-default.a-actif:hover,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled]
  .btnWrap-primary a:hover,
  .btnWrap-primary
  fieldset[disabled] a:hover,
  fieldset[disabled] .FormActions-btn--submit:hover,
  fieldset[disabled] .LayerNav-articlesBtn:hover,
  fieldset[disabled] .PushCR-button:hover,
  fieldset[disabled] .PushPage-button:hover,
  fieldset[disabled] .PushNinePos-btn--primary:hover,
  fieldset[disabled] .SubscribeBtn-btn:hover,
  fieldset[disabled] .GenericBtn-btn:hover,
  fieldset[disabled] .TechnicalError-btnPrimary:hover,
  fieldset[disabled] .Error404-btnPrimary:hover,
  fieldset[disabled] .PushCommunication-btn--primary:hover,
  fieldset[disabled] .HeaderVisuel-button:hover,
  fieldset[disabled] .Modal-action--primary:hover,
  fieldset[disabled] .NewsFeed-btn:hover,
  fieldset[disabled] .CompareBox-btn:hover,
  fieldset[disabled] .ZCoord-itemBtnPrimary:hover,
  fieldset[disabled]
  .ZCoord-itemBtnSecondary:hover,
  fieldset[disabled] .ZCoord-BtnPrimary:hover,
  fieldset[disabled] .SubcribeEDocs-BtnPrimary:hover,
  fieldset[disabled] .FirstLogin-button--submit:hover,
  fieldset[disabled] .hover.btn-default.a-actif,
  fieldset[disabled] .hover.btn-primary,
  fieldset[disabled]
  .btnWrap-primary a.hover,
  .btnWrap-primary
  fieldset[disabled] a.hover,
  fieldset[disabled] .hover.FormActions-btn--submit,
  fieldset[disabled] .hover.LayerNav-articlesBtn,
  fieldset[disabled] .hover.PushCR-button,
  fieldset[disabled] .hover.PushPage-button,
  fieldset[disabled] .hover.PushNinePos-btn--primary,
  fieldset[disabled] .hover.SubscribeBtn-btn,
  fieldset[disabled] .hover.GenericBtn-btn,
  fieldset[disabled] .hover.TechnicalError-btnPrimary,
  fieldset[disabled] .hover.Error404-btnPrimary,
  fieldset[disabled] .hover.PushCommunication-btn--primary,
  fieldset[disabled] .hover.HeaderVisuel-button,
  fieldset[disabled] .hover.Modal-action--primary,
  fieldset[disabled] .hover.NewsFeed-btn,
  fieldset[disabled] .hover.CompareBox-btn,
  fieldset[disabled] .hover.ZCoord-itemBtnPrimary,
  fieldset[disabled]
  .hover.ZCoord-itemBtnSecondary,
  fieldset[disabled] .hover.ZCoord-BtnPrimary,
  fieldset[disabled] .hover.SubcribeEDocs-BtnPrimary,
  fieldset[disabled] .hover.FirstLogin-button--submit,
  fieldset[disabled] .btn-default.a-actif:focus,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled]
  .btnWrap-primary a:focus,
  .btnWrap-primary
  fieldset[disabled] a:focus,
  fieldset[disabled] .FormActions-btn--submit:focus,
  fieldset[disabled] .LayerNav-articlesBtn:focus,
  fieldset[disabled] .PushCR-button:focus,
  fieldset[disabled] .PushPage-button:focus,
  fieldset[disabled] .PushNinePos-btn--primary:focus,
  fieldset[disabled] .SubscribeBtn-btn:focus,
  fieldset[disabled] .GenericBtn-btn:focus,
  fieldset[disabled] .TechnicalError-btnPrimary:focus,
  fieldset[disabled] .Error404-btnPrimary:focus,
  fieldset[disabled] .PushCommunication-btn--primary:focus,
  fieldset[disabled] .HeaderVisuel-button:focus,
  fieldset[disabled] .Modal-action--primary:focus,
  fieldset[disabled] .NewsFeed-btn:focus,
  fieldset[disabled] .CompareBox-btn:focus,
  fieldset[disabled] .ZCoord-itemBtnPrimary:focus,
  fieldset[disabled]
  .ZCoord-itemBtnSecondary:focus,
  fieldset[disabled] .ZCoord-BtnPrimary:focus,
  fieldset[disabled] .SubcribeEDocs-BtnPrimary:focus,
  fieldset[disabled] .FirstLogin-button--submit:focus,
  fieldset[disabled] .focus.btn-default.a-actif,
  fieldset[disabled] .focus.btn-primary,
  fieldset[disabled]
  .btnWrap-primary a.focus,
  .btnWrap-primary
  fieldset[disabled] a.focus,
  fieldset[disabled] .focus.FormActions-btn--submit,
  fieldset[disabled] .focus.LayerNav-articlesBtn,
  fieldset[disabled] .focus.PushCR-button,
  fieldset[disabled] .focus.PushPage-button,
  fieldset[disabled] .focus.PushNinePos-btn--primary,
  fieldset[disabled] .focus.SubscribeBtn-btn,
  fieldset[disabled] .focus.GenericBtn-btn,
  fieldset[disabled] .focus.TechnicalError-btnPrimary,
  fieldset[disabled] .focus.Error404-btnPrimary,
  fieldset[disabled] .focus.PushCommunication-btn--primary,
  fieldset[disabled] .focus.HeaderVisuel-button,
  fieldset[disabled] .focus.Modal-action--primary,
  fieldset[disabled] .focus.NewsFeed-btn,
  fieldset[disabled] .focus.CompareBox-btn,
  fieldset[disabled] .focus.ZCoord-itemBtnPrimary,
  fieldset[disabled]
  .focus.ZCoord-itemBtnSecondary,
  fieldset[disabled] .focus.ZCoord-BtnPrimary,
  fieldset[disabled] .focus.SubcribeEDocs-BtnPrimary,
  fieldset[disabled] .focus.FirstLogin-button--submit,
  fieldset[disabled] .btn-default.a-actif:active,
  fieldset[disabled] .btn-primary:active,
  fieldset[disabled]
  .btnWrap-primary a:active,
  .btnWrap-primary
  fieldset[disabled] a:active,
  fieldset[disabled] .FormActions-btn--submit:active,
  fieldset[disabled] .LayerNav-articlesBtn:active,
  fieldset[disabled] .PushCR-button:active,
  fieldset[disabled] .PushPage-button:active,
  fieldset[disabled] .PushNinePos-btn--primary:active,
  fieldset[disabled] .SubscribeBtn-btn:active,
  fieldset[disabled] .GenericBtn-btn:active,
  fieldset[disabled] .TechnicalError-btnPrimary:active,
  fieldset[disabled] .Error404-btnPrimary:active,
  fieldset[disabled] .PushCommunication-btn--primary:active,
  fieldset[disabled] .HeaderVisuel-button:active,
  fieldset[disabled] .Modal-action--primary:active,
  fieldset[disabled] .NewsFeed-btn:active,
  fieldset[disabled] .CompareBox-btn:active,
  fieldset[disabled] .ZCoord-itemBtnPrimary:active,
  fieldset[disabled]
  .ZCoord-itemBtnSecondary:active,
  fieldset[disabled] .ZCoord-BtnPrimary:active,
  fieldset[disabled] .SubcribeEDocs-BtnPrimary:active,
  fieldset[disabled] .FirstLogin-button--submit:active,
  fieldset[disabled] .active.btn-default.a-actif,
  fieldset[disabled] .active.btn-primary,
  fieldset[disabled]
  .btnWrap-primary a.active,
  .btnWrap-primary
  fieldset[disabled] a.active,
  fieldset[disabled] .active.FormActions-btn--submit,
  fieldset[disabled] .active.LayerNav-articlesBtn,
  fieldset[disabled] .active.PushCR-button,
  fieldset[disabled] .active.PushPage-button,
  fieldset[disabled] .active.PushNinePos-btn--primary,
  fieldset[disabled] .active.SubscribeBtn-btn,
  fieldset[disabled] .active.GenericBtn-btn,
  fieldset[disabled] .active.TechnicalError-btnPrimary,
  fieldset[disabled] .active.Error404-btnPrimary,
  fieldset[disabled] .active.PushCommunication-btn--primary,
  fieldset[disabled] .active.HeaderVisuel-button,
  fieldset[disabled] .active.Modal-action--primary,
  fieldset[disabled] .active.NewsFeed-btn,
  fieldset[disabled] .active.CompareBox-btn,
  fieldset[disabled] .active.ZCoord-itemBtnPrimary,
  fieldset[disabled]
  .active.ZCoord-itemBtnSecondary,
  fieldset[disabled] .active.ZCoord-BtnPrimary,
  fieldset[disabled] .active.SubcribeEDocs-BtnPrimary,
  fieldset[disabled] .active.FirstLogin-button--submit {
    background-color: #98cbd3;
    border-color: #98cbd3;
    color: #ffffff;
    cursor: not-allowed; }

[data-custom-redirect]:hover .PushCommunication-btn--primary, [data-custom-redirect]:focus .PushCommunication-btn--primary {
  background-color: #006675;
  color: #ffffff;
  border-color: #006675; }

.CompareBox--disabled .CompareBox-btn, .CompareBox--disabled .CompareBox-btn:hover, .CompareBox--disabled .CompareBox-btn:focus {
  background-color: #98cbd3;
  border-color: #98cbd3;
  color: #ffffff;
  cursor: not-allowed; }

.btn-primary--grayPanel, .panel-gray .btn-primary, .LayerNav--primary .LayerNav-articlesBtn, .SimilarSolutions--alternate .btn, .PushNinePos-btn--white, .SubscribeBtn-block--primary .SubscribeBtn-btn,
.SubscribeBtn-block--primary .GenericBtn-btn, .SubscribeBtn-btnWhite, .GreenBtn-callbackLaterFooterBtn,
.GreenBtn-callbackLaterFooterBtn--callbackNow, .GreenBtn-callbackUrgencyMessageBtn, .GreenBtn-contentBlockItemBtnPrimaryWhite, .cardMagFilter-action, .cardMagArticle-layerButton, .GenericBtn-block--primary .SubscribeBtn-btn,
.GenericBtn-block--primary .GenericBtn-btn, .GenericBtn-btnWhite, .MyOptionsCard-action--button, .PushCommunication-zoning--primary .PushCommunication-btn--primary,
.PushCommunication-zoning--transparent .PushCommunication-btn--primary, .HeaderVisuel-button--alt, .ZCoord-itemBtnSecondary, .EDocsCustomFilter-btnPrimaryWhite {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #007D8F; }
  .btn-primary--grayPanel:hover, .panel-gray .btn-primary:hover, .LayerNav--primary .LayerNav-articlesBtn:hover, .SimilarSolutions--alternate .btn:hover, .PushNinePos-btn--white:hover, .SubscribeBtn-block--primary .SubscribeBtn-btn:hover,
  .SubscribeBtn-block--primary .GenericBtn-btn:hover, .SubscribeBtn-btnWhite:hover, .GreenBtn-callbackLaterFooterBtn:hover,
  .GreenBtn-callbackLaterFooterBtn--callbackNow:hover, .GreenBtn-callbackUrgencyMessageBtn:hover, .GreenBtn-contentBlockItemBtnPrimaryWhite:hover, .cardMagFilter-action:hover, .cardMagArticle-layerButton:hover, .GenericBtn-block--primary .SubscribeBtn-btn:hover,
  .GenericBtn-block--primary .GenericBtn-btn:hover, .GenericBtn-btnWhite:hover, .MyOptionsCard-action--button:hover, .PushCommunication-zoning--primary .PushCommunication-btn--primary:hover,
  .PushCommunication-zoning--transparent .PushCommunication-btn--primary:hover, .HeaderVisuel-button--alt:hover, .ZCoord-itemBtnSecondary:hover, .EDocsCustomFilter-btnPrimaryWhite:hover, .hover.btn-primary--grayPanel, .panel-gray .hover.btn-primary, .LayerNav--primary .hover.LayerNav-articlesBtn, .SimilarSolutions--alternate .hover.btn, .hover.PushNinePos-btn--white, .SubscribeBtn-block--primary .hover.SubscribeBtn-btn,
  .SubscribeBtn-block--primary .hover.GenericBtn-btn, .hover.SubscribeBtn-btnWhite, .hover.GreenBtn-callbackLaterFooterBtn,
  .hover.GreenBtn-callbackLaterFooterBtn--callbackNow, .hover.GreenBtn-callbackUrgencyMessageBtn, .hover.GreenBtn-contentBlockItemBtnPrimaryWhite, .hover.cardMagFilter-action, .hover.cardMagArticle-layerButton, .GenericBtn-block--primary .hover.SubscribeBtn-btn,
  .GenericBtn-block--primary .hover.GenericBtn-btn, .hover.GenericBtn-btnWhite, .hover.MyOptionsCard-action--button, .PushCommunication-zoning--primary .hover.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent .hover.PushCommunication-btn--primary, .hover.HeaderVisuel-button--alt, .hover.ZCoord-itemBtnSecondary, .hover.EDocsCustomFilter-btnPrimaryWhite, .btn-primary--grayPanel:focus, .panel-gray .btn-primary:focus, .LayerNav--primary .LayerNav-articlesBtn:focus, .SimilarSolutions--alternate .btn:focus, .PushNinePos-btn--white:focus, .SubscribeBtn-block--primary .SubscribeBtn-btn:focus,
  .SubscribeBtn-block--primary .GenericBtn-btn:focus, .SubscribeBtn-btnWhite:focus, .GreenBtn-callbackLaterFooterBtn:focus,
  .GreenBtn-callbackLaterFooterBtn--callbackNow:focus, .GreenBtn-callbackUrgencyMessageBtn:focus, .GreenBtn-contentBlockItemBtnPrimaryWhite:focus, .cardMagFilter-action:focus, .cardMagArticle-layerButton:focus, .GenericBtn-block--primary .SubscribeBtn-btn:focus,
  .GenericBtn-block--primary .GenericBtn-btn:focus, .GenericBtn-btnWhite:focus, .MyOptionsCard-action--button:focus, .PushCommunication-zoning--primary .PushCommunication-btn--primary:focus,
  .PushCommunication-zoning--transparent .PushCommunication-btn--primary:focus, .HeaderVisuel-button--alt:focus, .ZCoord-itemBtnSecondary:focus, .EDocsCustomFilter-btnPrimaryWhite:focus, .focus.btn-primary--grayPanel, .panel-gray .focus.btn-primary, .LayerNav--primary .focus.LayerNav-articlesBtn, .SimilarSolutions--alternate .focus.btn, .focus.PushNinePos-btn--white, .SubscribeBtn-block--primary .focus.SubscribeBtn-btn,
  .SubscribeBtn-block--primary .focus.GenericBtn-btn, .focus.SubscribeBtn-btnWhite, .focus.GreenBtn-callbackLaterFooterBtn,
  .focus.GreenBtn-callbackLaterFooterBtn--callbackNow, .focus.GreenBtn-callbackUrgencyMessageBtn, .focus.GreenBtn-contentBlockItemBtnPrimaryWhite, .focus.cardMagFilter-action, .focus.cardMagArticle-layerButton, .GenericBtn-block--primary .focus.SubscribeBtn-btn,
  .GenericBtn-block--primary .focus.GenericBtn-btn, .focus.GenericBtn-btnWhite, .focus.MyOptionsCard-action--button, .PushCommunication-zoning--primary .focus.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent .focus.PushCommunication-btn--primary, .focus.HeaderVisuel-button--alt, .focus.ZCoord-itemBtnSecondary, .focus.EDocsCustomFilter-btnPrimaryWhite {
    color: #007D8F;
    background-color: #fbfbfb;
    border-color: #fbfbfb; }
  .disabled.btn-primary--grayPanel, .panel-gray .disabled.btn-primary, .LayerNav--primary .disabled.LayerNav-articlesBtn, .SimilarSolutions--alternate .disabled.btn, .disabled.PushNinePos-btn--white, .SubscribeBtn-block--primary .disabled.SubscribeBtn-btn,
  .SubscribeBtn-block--primary .disabled.GenericBtn-btn, .disabled.SubscribeBtn-btnWhite, .disabled.GreenBtn-callbackLaterFooterBtn,
  .disabled.GreenBtn-callbackLaterFooterBtn--callbackNow, .disabled.GreenBtn-callbackUrgencyMessageBtn, .disabled.GreenBtn-contentBlockItemBtnPrimaryWhite, .disabled.cardMagFilter-action, .disabled.cardMagArticle-layerButton, .GenericBtn-block--primary .disabled.SubscribeBtn-btn,
  .GenericBtn-block--primary .disabled.GenericBtn-btn, .disabled.GenericBtn-btnWhite, .disabled.MyOptionsCard-action--button, .PushCommunication-zoning--primary .disabled.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent .disabled.PushCommunication-btn--primary, .disabled.HeaderVisuel-button--alt, .disabled.ZCoord-itemBtnSecondary, .disabled.EDocsCustomFilter-btnPrimaryWhite, .disabled.btn-primary--grayPanel:hover, .panel-gray .disabled.btn-primary:hover, .LayerNav--primary .disabled.LayerNav-articlesBtn:hover, .SimilarSolutions--alternate .disabled.btn:hover, .disabled.PushNinePos-btn--white:hover, .SubscribeBtn-block--primary .disabled.SubscribeBtn-btn:hover,
  .SubscribeBtn-block--primary .disabled.GenericBtn-btn:hover, .disabled.SubscribeBtn-btnWhite:hover, .disabled.GreenBtn-callbackLaterFooterBtn:hover,
  .disabled.GreenBtn-callbackLaterFooterBtn--callbackNow:hover, .disabled.GreenBtn-callbackUrgencyMessageBtn:hover, .disabled.GreenBtn-contentBlockItemBtnPrimaryWhite:hover, .disabled.cardMagFilter-action:hover, .disabled.cardMagArticle-layerButton:hover, .GenericBtn-block--primary .disabled.SubscribeBtn-btn:hover,
  .GenericBtn-block--primary .disabled.GenericBtn-btn:hover, .disabled.GenericBtn-btnWhite:hover, .disabled.MyOptionsCard-action--button:hover, .PushCommunication-zoning--primary .disabled.PushCommunication-btn--primary:hover,
  .PushCommunication-zoning--transparent .disabled.PushCommunication-btn--primary:hover, .disabled.HeaderVisuel-button--alt:hover, .disabled.ZCoord-itemBtnSecondary:hover, .disabled.EDocsCustomFilter-btnPrimaryWhite:hover, .disabled.hover.btn-primary--grayPanel, .panel-gray .disabled.hover.btn-primary, .LayerNav--primary .disabled.hover.LayerNav-articlesBtn, .SimilarSolutions--alternate .disabled.hover.btn, .disabled.hover.PushNinePos-btn--white, .SubscribeBtn-block--primary .disabled.hover.SubscribeBtn-btn,
  .SubscribeBtn-block--primary .disabled.hover.GenericBtn-btn, .disabled.hover.SubscribeBtn-btnWhite, .disabled.hover.GreenBtn-callbackLaterFooterBtn,
  .disabled.hover.GreenBtn-callbackLaterFooterBtn--callbackNow, .disabled.hover.GreenBtn-callbackUrgencyMessageBtn, .disabled.hover.GreenBtn-contentBlockItemBtnPrimaryWhite, .disabled.hover.cardMagFilter-action, .disabled.hover.cardMagArticle-layerButton, .GenericBtn-block--primary .disabled.hover.SubscribeBtn-btn,
  .GenericBtn-block--primary .disabled.hover.GenericBtn-btn, .disabled.hover.GenericBtn-btnWhite, .disabled.hover.MyOptionsCard-action--button, .PushCommunication-zoning--primary .disabled.hover.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent .disabled.hover.PushCommunication-btn--primary, .disabled.hover.HeaderVisuel-button--alt, .disabled.hover.ZCoord-itemBtnSecondary, .disabled.hover.EDocsCustomFilter-btnPrimaryWhite, .disabled.btn-primary--grayPanel:focus, .panel-gray .disabled.btn-primary:focus, .LayerNav--primary .disabled.LayerNav-articlesBtn:focus, .SimilarSolutions--alternate .disabled.btn:focus, .disabled.PushNinePos-btn--white:focus, .SubscribeBtn-block--primary .disabled.SubscribeBtn-btn:focus,
  .SubscribeBtn-block--primary .disabled.GenericBtn-btn:focus, .disabled.SubscribeBtn-btnWhite:focus, .disabled.GreenBtn-callbackLaterFooterBtn:focus,
  .disabled.GreenBtn-callbackLaterFooterBtn--callbackNow:focus, .disabled.GreenBtn-callbackUrgencyMessageBtn:focus, .disabled.GreenBtn-contentBlockItemBtnPrimaryWhite:focus, .disabled.cardMagFilter-action:focus, .disabled.cardMagArticle-layerButton:focus, .GenericBtn-block--primary .disabled.SubscribeBtn-btn:focus,
  .GenericBtn-block--primary .disabled.GenericBtn-btn:focus, .disabled.GenericBtn-btnWhite:focus, .disabled.MyOptionsCard-action--button:focus, .PushCommunication-zoning--primary .disabled.PushCommunication-btn--primary:focus,
  .PushCommunication-zoning--transparent .disabled.PushCommunication-btn--primary:focus, .disabled.HeaderVisuel-button--alt:focus, .disabled.ZCoord-itemBtnSecondary:focus, .disabled.EDocsCustomFilter-btnPrimaryWhite:focus, .disabled.focus.btn-primary--grayPanel, .panel-gray .disabled.focus.btn-primary, .LayerNav--primary .disabled.focus.LayerNav-articlesBtn, .SimilarSolutions--alternate .disabled.focus.btn, .disabled.focus.PushNinePos-btn--white, .SubscribeBtn-block--primary .disabled.focus.SubscribeBtn-btn,
  .SubscribeBtn-block--primary .disabled.focus.GenericBtn-btn, .disabled.focus.SubscribeBtn-btnWhite, .disabled.focus.GreenBtn-callbackLaterFooterBtn,
  .disabled.focus.GreenBtn-callbackLaterFooterBtn--callbackNow, .disabled.focus.GreenBtn-callbackUrgencyMessageBtn, .disabled.focus.GreenBtn-contentBlockItemBtnPrimaryWhite, .disabled.focus.cardMagFilter-action, .disabled.focus.cardMagArticle-layerButton, .GenericBtn-block--primary .disabled.focus.SubscribeBtn-btn,
  .GenericBtn-block--primary .disabled.focus.GenericBtn-btn, .disabled.focus.GenericBtn-btnWhite, .disabled.focus.MyOptionsCard-action--button, .PushCommunication-zoning--primary .disabled.focus.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent .disabled.focus.PushCommunication-btn--primary, .disabled.focus.HeaderVisuel-button--alt, .disabled.focus.ZCoord-itemBtnSecondary, .disabled.focus.EDocsCustomFilter-btnPrimaryWhite, [disabled].btn-primary--grayPanel, .panel-gray [disabled].btn-primary, .LayerNav--primary [disabled].LayerNav-articlesBtn, .SimilarSolutions--alternate [disabled].btn, [disabled].PushNinePos-btn--white, .SubscribeBtn-block--primary [disabled].SubscribeBtn-btn,
  .SubscribeBtn-block--primary [disabled].GenericBtn-btn, [disabled].SubscribeBtn-btnWhite, [disabled].GreenBtn-callbackLaterFooterBtn,
  [disabled].GreenBtn-callbackLaterFooterBtn--callbackNow, [disabled].GreenBtn-callbackUrgencyMessageBtn, [disabled].GreenBtn-contentBlockItemBtnPrimaryWhite, [disabled].cardMagFilter-action, [disabled].cardMagArticle-layerButton, .GenericBtn-block--primary [disabled].SubscribeBtn-btn,
  .GenericBtn-block--primary [disabled].GenericBtn-btn, [disabled].GenericBtn-btnWhite, [disabled].MyOptionsCard-action--button, .PushCommunication-zoning--primary [disabled].PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent [disabled].PushCommunication-btn--primary, [disabled].HeaderVisuel-button--alt, [disabled].ZCoord-itemBtnSecondary, [disabled].EDocsCustomFilter-btnPrimaryWhite, [disabled].btn-primary--grayPanel:hover, .panel-gray [disabled].btn-primary:hover, .LayerNav--primary [disabled].LayerNav-articlesBtn:hover, .SimilarSolutions--alternate [disabled].btn:hover, [disabled].PushNinePos-btn--white:hover, .SubscribeBtn-block--primary [disabled].SubscribeBtn-btn:hover,
  .SubscribeBtn-block--primary [disabled].GenericBtn-btn:hover, [disabled].SubscribeBtn-btnWhite:hover, [disabled].GreenBtn-callbackLaterFooterBtn:hover,
  [disabled].GreenBtn-callbackLaterFooterBtn--callbackNow:hover, [disabled].GreenBtn-callbackUrgencyMessageBtn:hover, [disabled].GreenBtn-contentBlockItemBtnPrimaryWhite:hover, [disabled].cardMagFilter-action:hover, [disabled].cardMagArticle-layerButton:hover, .GenericBtn-block--primary [disabled].SubscribeBtn-btn:hover,
  .GenericBtn-block--primary [disabled].GenericBtn-btn:hover, [disabled].GenericBtn-btnWhite:hover, [disabled].MyOptionsCard-action--button:hover, .PushCommunication-zoning--primary [disabled].PushCommunication-btn--primary:hover,
  .PushCommunication-zoning--transparent [disabled].PushCommunication-btn--primary:hover, [disabled].HeaderVisuel-button--alt:hover, [disabled].ZCoord-itemBtnSecondary:hover, [disabled].EDocsCustomFilter-btnPrimaryWhite:hover, [disabled].hover.btn-primary--grayPanel, .panel-gray [disabled].hover.btn-primary, .LayerNav--primary [disabled].hover.LayerNav-articlesBtn, .SimilarSolutions--alternate [disabled].hover.btn, [disabled].hover.PushNinePos-btn--white, .SubscribeBtn-block--primary [disabled].hover.SubscribeBtn-btn,
  .SubscribeBtn-block--primary [disabled].hover.GenericBtn-btn, [disabled].hover.SubscribeBtn-btnWhite, [disabled].hover.GreenBtn-callbackLaterFooterBtn,
  [disabled].hover.GreenBtn-callbackLaterFooterBtn--callbackNow, [disabled].hover.GreenBtn-callbackUrgencyMessageBtn, [disabled].hover.GreenBtn-contentBlockItemBtnPrimaryWhite, [disabled].hover.cardMagFilter-action, [disabled].hover.cardMagArticle-layerButton, .GenericBtn-block--primary [disabled].hover.SubscribeBtn-btn,
  .GenericBtn-block--primary [disabled].hover.GenericBtn-btn, [disabled].hover.GenericBtn-btnWhite, [disabled].hover.MyOptionsCard-action--button, .PushCommunication-zoning--primary [disabled].hover.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent [disabled].hover.PushCommunication-btn--primary, [disabled].hover.HeaderVisuel-button--alt, [disabled].hover.ZCoord-itemBtnSecondary, [disabled].hover.EDocsCustomFilter-btnPrimaryWhite, [disabled].btn-primary--grayPanel:focus, .panel-gray [disabled].btn-primary:focus, .LayerNav--primary [disabled].LayerNav-articlesBtn:focus, .SimilarSolutions--alternate [disabled].btn:focus, [disabled].PushNinePos-btn--white:focus, .SubscribeBtn-block--primary [disabled].SubscribeBtn-btn:focus,
  .SubscribeBtn-block--primary [disabled].GenericBtn-btn:focus, [disabled].SubscribeBtn-btnWhite:focus, [disabled].GreenBtn-callbackLaterFooterBtn:focus,
  [disabled].GreenBtn-callbackLaterFooterBtn--callbackNow:focus, [disabled].GreenBtn-callbackUrgencyMessageBtn:focus, [disabled].GreenBtn-contentBlockItemBtnPrimaryWhite:focus, [disabled].cardMagFilter-action:focus, [disabled].cardMagArticle-layerButton:focus, .GenericBtn-block--primary [disabled].SubscribeBtn-btn:focus,
  .GenericBtn-block--primary [disabled].GenericBtn-btn:focus, [disabled].GenericBtn-btnWhite:focus, [disabled].MyOptionsCard-action--button:focus, .PushCommunication-zoning--primary [disabled].PushCommunication-btn--primary:focus,
  .PushCommunication-zoning--transparent [disabled].PushCommunication-btn--primary:focus, [disabled].HeaderVisuel-button--alt:focus, [disabled].ZCoord-itemBtnSecondary:focus, [disabled].EDocsCustomFilter-btnPrimaryWhite:focus, [disabled].focus.btn-primary--grayPanel, .panel-gray [disabled].focus.btn-primary, .LayerNav--primary [disabled].focus.LayerNav-articlesBtn, .SimilarSolutions--alternate [disabled].focus.btn, [disabled].focus.PushNinePos-btn--white, .SubscribeBtn-block--primary [disabled].focus.SubscribeBtn-btn,
  .SubscribeBtn-block--primary [disabled].focus.GenericBtn-btn, [disabled].focus.SubscribeBtn-btnWhite, [disabled].focus.GreenBtn-callbackLaterFooterBtn,
  [disabled].focus.GreenBtn-callbackLaterFooterBtn--callbackNow, [disabled].focus.GreenBtn-callbackUrgencyMessageBtn, [disabled].focus.GreenBtn-contentBlockItemBtnPrimaryWhite, [disabled].focus.cardMagFilter-action, [disabled].focus.cardMagArticle-layerButton, .GenericBtn-block--primary [disabled].focus.SubscribeBtn-btn,
  .GenericBtn-block--primary [disabled].focus.GenericBtn-btn, [disabled].focus.GenericBtn-btnWhite, [disabled].focus.MyOptionsCard-action--button, .PushCommunication-zoning--primary [disabled].focus.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent [disabled].focus.PushCommunication-btn--primary, [disabled].focus.HeaderVisuel-button--alt, [disabled].focus.ZCoord-itemBtnSecondary, [disabled].focus.EDocsCustomFilter-btnPrimaryWhite,
  fieldset[disabled] .btn-primary--grayPanel,
  fieldset[disabled] .panel-gray .btn-primary, .panel-gray
  fieldset[disabled] .btn-primary,
  fieldset[disabled] .LayerNav--primary .LayerNav-articlesBtn, .LayerNav--primary
  fieldset[disabled] .LayerNav-articlesBtn,
  fieldset[disabled] .SimilarSolutions--alternate .btn, .SimilarSolutions--alternate
  fieldset[disabled] .btn,
  fieldset[disabled] .PushNinePos-btn--white,
  fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btn, .SubscribeBtn-block--primary
  fieldset[disabled] .SubscribeBtn-btn,
  fieldset[disabled]
  .SubscribeBtn-block--primary .GenericBtn-btn,
  .SubscribeBtn-block--primary
  fieldset[disabled] .GenericBtn-btn,
  fieldset[disabled] .SubscribeBtn-btnWhite,
  fieldset[disabled] .GreenBtn-callbackLaterFooterBtn,
  fieldset[disabled]
  .GreenBtn-callbackLaterFooterBtn--callbackNow,
  fieldset[disabled] .GreenBtn-callbackUrgencyMessageBtn,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite,
  fieldset[disabled] .cardMagFilter-action,
  fieldset[disabled] .cardMagArticle-layerButton,
  fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btn, .GenericBtn-block--primary
  fieldset[disabled] .SubscribeBtn-btn,
  fieldset[disabled]
  .GenericBtn-block--primary .GenericBtn-btn,
  .GenericBtn-block--primary
  fieldset[disabled] .GenericBtn-btn,
  fieldset[disabled] .GenericBtn-btnWhite,
  fieldset[disabled] .MyOptionsCard-action--button,
  fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn--primary, .PushCommunication-zoning--primary
  fieldset[disabled] .PushCommunication-btn--primary,
  fieldset[disabled]
  .PushCommunication-zoning--transparent .PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent
  fieldset[disabled] .PushCommunication-btn--primary,
  fieldset[disabled] .HeaderVisuel-button--alt,
  fieldset[disabled] .ZCoord-itemBtnSecondary,
  fieldset[disabled] .EDocsCustomFilter-btnPrimaryWhite,
  fieldset[disabled] .btn-primary--grayPanel:hover,
  fieldset[disabled] .panel-gray .btn-primary:hover, .panel-gray
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .LayerNav--primary .LayerNav-articlesBtn:hover, .LayerNav--primary
  fieldset[disabled] .LayerNav-articlesBtn:hover,
  fieldset[disabled] .SimilarSolutions--alternate .btn:hover, .SimilarSolutions--alternate
  fieldset[disabled] .btn:hover,
  fieldset[disabled] .PushNinePos-btn--white:hover,
  fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btn:hover, .SubscribeBtn-block--primary
  fieldset[disabled] .SubscribeBtn-btn:hover,
  fieldset[disabled]
  .SubscribeBtn-block--primary .GenericBtn-btn:hover,
  .SubscribeBtn-block--primary
  fieldset[disabled] .GenericBtn-btn:hover,
  fieldset[disabled] .SubscribeBtn-btnWhite:hover,
  fieldset[disabled] .GreenBtn-callbackLaterFooterBtn:hover,
  fieldset[disabled]
  .GreenBtn-callbackLaterFooterBtn--callbackNow:hover,
  fieldset[disabled] .GreenBtn-callbackUrgencyMessageBtn:hover,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite:hover,
  fieldset[disabled] .cardMagFilter-action:hover,
  fieldset[disabled] .cardMagArticle-layerButton:hover,
  fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btn:hover, .GenericBtn-block--primary
  fieldset[disabled] .SubscribeBtn-btn:hover,
  fieldset[disabled]
  .GenericBtn-block--primary .GenericBtn-btn:hover,
  .GenericBtn-block--primary
  fieldset[disabled] .GenericBtn-btn:hover,
  fieldset[disabled] .GenericBtn-btnWhite:hover,
  fieldset[disabled] .MyOptionsCard-action--button:hover,
  fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn--primary:hover, .PushCommunication-zoning--primary
  fieldset[disabled] .PushCommunication-btn--primary:hover,
  fieldset[disabled]
  .PushCommunication-zoning--transparent .PushCommunication-btn--primary:hover,
  .PushCommunication-zoning--transparent
  fieldset[disabled] .PushCommunication-btn--primary:hover,
  fieldset[disabled] .HeaderVisuel-button--alt:hover,
  fieldset[disabled] .ZCoord-itemBtnSecondary:hover,
  fieldset[disabled] .EDocsCustomFilter-btnPrimaryWhite:hover,
  fieldset[disabled] .hover.btn-primary--grayPanel,
  fieldset[disabled] .panel-gray .hover.btn-primary, .panel-gray
  fieldset[disabled] .hover.btn-primary,
  fieldset[disabled] .LayerNav--primary .hover.LayerNav-articlesBtn, .LayerNav--primary
  fieldset[disabled] .hover.LayerNav-articlesBtn,
  fieldset[disabled] .SimilarSolutions--alternate .hover.btn, .SimilarSolutions--alternate
  fieldset[disabled] .hover.btn,
  fieldset[disabled] .hover.PushNinePos-btn--white,
  fieldset[disabled] .SubscribeBtn-block--primary .hover.SubscribeBtn-btn, .SubscribeBtn-block--primary
  fieldset[disabled] .hover.SubscribeBtn-btn,
  fieldset[disabled]
  .SubscribeBtn-block--primary .hover.GenericBtn-btn,
  .SubscribeBtn-block--primary
  fieldset[disabled] .hover.GenericBtn-btn,
  fieldset[disabled] .hover.SubscribeBtn-btnWhite,
  fieldset[disabled] .hover.GreenBtn-callbackLaterFooterBtn,
  fieldset[disabled]
  .hover.GreenBtn-callbackLaterFooterBtn--callbackNow,
  fieldset[disabled] .hover.GreenBtn-callbackUrgencyMessageBtn,
  fieldset[disabled] .hover.GreenBtn-contentBlockItemBtnPrimaryWhite,
  fieldset[disabled] .hover.cardMagFilter-action,
  fieldset[disabled] .hover.cardMagArticle-layerButton,
  fieldset[disabled] .GenericBtn-block--primary .hover.SubscribeBtn-btn, .GenericBtn-block--primary
  fieldset[disabled] .hover.SubscribeBtn-btn,
  fieldset[disabled]
  .GenericBtn-block--primary .hover.GenericBtn-btn,
  .GenericBtn-block--primary
  fieldset[disabled] .hover.GenericBtn-btn,
  fieldset[disabled] .hover.GenericBtn-btnWhite,
  fieldset[disabled] .hover.MyOptionsCard-action--button,
  fieldset[disabled] .PushCommunication-zoning--primary .hover.PushCommunication-btn--primary, .PushCommunication-zoning--primary
  fieldset[disabled] .hover.PushCommunication-btn--primary,
  fieldset[disabled]
  .PushCommunication-zoning--transparent .hover.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent
  fieldset[disabled] .hover.PushCommunication-btn--primary,
  fieldset[disabled] .hover.HeaderVisuel-button--alt,
  fieldset[disabled] .hover.ZCoord-itemBtnSecondary,
  fieldset[disabled] .hover.EDocsCustomFilter-btnPrimaryWhite,
  fieldset[disabled] .btn-primary--grayPanel:focus,
  fieldset[disabled] .panel-gray .btn-primary:focus, .panel-gray
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .LayerNav--primary .LayerNav-articlesBtn:focus, .LayerNav--primary
  fieldset[disabled] .LayerNav-articlesBtn:focus,
  fieldset[disabled] .SimilarSolutions--alternate .btn:focus, .SimilarSolutions--alternate
  fieldset[disabled] .btn:focus,
  fieldset[disabled] .PushNinePos-btn--white:focus,
  fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btn:focus, .SubscribeBtn-block--primary
  fieldset[disabled] .SubscribeBtn-btn:focus,
  fieldset[disabled]
  .SubscribeBtn-block--primary .GenericBtn-btn:focus,
  .SubscribeBtn-block--primary
  fieldset[disabled] .GenericBtn-btn:focus,
  fieldset[disabled] .SubscribeBtn-btnWhite:focus,
  fieldset[disabled] .GreenBtn-callbackLaterFooterBtn:focus,
  fieldset[disabled]
  .GreenBtn-callbackLaterFooterBtn--callbackNow:focus,
  fieldset[disabled] .GreenBtn-callbackUrgencyMessageBtn:focus,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite:focus,
  fieldset[disabled] .cardMagFilter-action:focus,
  fieldset[disabled] .cardMagArticle-layerButton:focus,
  fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btn:focus, .GenericBtn-block--primary
  fieldset[disabled] .SubscribeBtn-btn:focus,
  fieldset[disabled]
  .GenericBtn-block--primary .GenericBtn-btn:focus,
  .GenericBtn-block--primary
  fieldset[disabled] .GenericBtn-btn:focus,
  fieldset[disabled] .GenericBtn-btnWhite:focus,
  fieldset[disabled] .MyOptionsCard-action--button:focus,
  fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn--primary:focus, .PushCommunication-zoning--primary
  fieldset[disabled] .PushCommunication-btn--primary:focus,
  fieldset[disabled]
  .PushCommunication-zoning--transparent .PushCommunication-btn--primary:focus,
  .PushCommunication-zoning--transparent
  fieldset[disabled] .PushCommunication-btn--primary:focus,
  fieldset[disabled] .HeaderVisuel-button--alt:focus,
  fieldset[disabled] .ZCoord-itemBtnSecondary:focus,
  fieldset[disabled] .EDocsCustomFilter-btnPrimaryWhite:focus,
  fieldset[disabled] .focus.btn-primary--grayPanel,
  fieldset[disabled] .panel-gray .focus.btn-primary, .panel-gray
  fieldset[disabled] .focus.btn-primary,
  fieldset[disabled] .LayerNav--primary .focus.LayerNav-articlesBtn, .LayerNav--primary
  fieldset[disabled] .focus.LayerNav-articlesBtn,
  fieldset[disabled] .SimilarSolutions--alternate .focus.btn, .SimilarSolutions--alternate
  fieldset[disabled] .focus.btn,
  fieldset[disabled] .focus.PushNinePos-btn--white,
  fieldset[disabled] .SubscribeBtn-block--primary .focus.SubscribeBtn-btn, .SubscribeBtn-block--primary
  fieldset[disabled] .focus.SubscribeBtn-btn,
  fieldset[disabled]
  .SubscribeBtn-block--primary .focus.GenericBtn-btn,
  .SubscribeBtn-block--primary
  fieldset[disabled] .focus.GenericBtn-btn,
  fieldset[disabled] .focus.SubscribeBtn-btnWhite,
  fieldset[disabled] .focus.GreenBtn-callbackLaterFooterBtn,
  fieldset[disabled]
  .focus.GreenBtn-callbackLaterFooterBtn--callbackNow,
  fieldset[disabled] .focus.GreenBtn-callbackUrgencyMessageBtn,
  fieldset[disabled] .focus.GreenBtn-contentBlockItemBtnPrimaryWhite,
  fieldset[disabled] .focus.cardMagFilter-action,
  fieldset[disabled] .focus.cardMagArticle-layerButton,
  fieldset[disabled] .GenericBtn-block--primary .focus.SubscribeBtn-btn, .GenericBtn-block--primary
  fieldset[disabled] .focus.SubscribeBtn-btn,
  fieldset[disabled]
  .GenericBtn-block--primary .focus.GenericBtn-btn,
  .GenericBtn-block--primary
  fieldset[disabled] .focus.GenericBtn-btn,
  fieldset[disabled] .focus.GenericBtn-btnWhite,
  fieldset[disabled] .focus.MyOptionsCard-action--button,
  fieldset[disabled] .PushCommunication-zoning--primary .focus.PushCommunication-btn--primary, .PushCommunication-zoning--primary
  fieldset[disabled] .focus.PushCommunication-btn--primary,
  fieldset[disabled]
  .PushCommunication-zoning--transparent .focus.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent
  fieldset[disabled] .focus.PushCommunication-btn--primary,
  fieldset[disabled] .focus.HeaderVisuel-button--alt,
  fieldset[disabled] .focus.ZCoord-itemBtnSecondary,
  fieldset[disabled] .focus.EDocsCustomFilter-btnPrimaryWhite {
    color: #999999;
    background-color: #e9e9e9;
    border-color: #e9e9e9; }

[data-custom-redirect]:hover .PushCommunication-zoning--primary .PushCommunication-btn--primary,
[data-custom-redirect]:hover .PushCommunication-zoning--transparent .PushCommunication-btn--primary, [data-custom-redirect]:hover.PushCommunication-zoning--primary .PushCommunication-btn--primary, [data-custom-redirect]:hover.PushCommunication-zoning--transparent .PushCommunication-btn--primary, [data-custom-redirect]:focus .PushCommunication-zoning--primary .PushCommunication-btn--primary,
[data-custom-redirect]:focus .PushCommunication-zoning--transparent .PushCommunication-btn--primary, [data-custom-redirect]:focus.PushCommunication-zoning--primary .PushCommunication-btn--primary, [data-custom-redirect]:focus.PushCommunication-zoning--transparent .PushCommunication-btn--primary {
  color: #007D8F;
  background-color: #fbfbfb;
  border-color: #fbfbfb; }

.ImportDocs-BtnPrimaryWhitePrimary[disabled], .ImportDocs-actionButton[disabled] {
  color: #999999;
  background-color: #e9e9e9;
  border-color: #e9e9e9; }

.btn-primary--primaryPanel, .panel-primary .btn-primary, .CustomMessage-btn, .ImportDocs-BtnPrimaryWhitePrimary, .ImportDocs-actionButton {
  background-color: #ffffff;
  color: #007D8F;
  border-width: 0;
  border-color: #ffffff; }
  .btn-primary--primaryPanel:hover, .panel-primary .btn-primary:hover, .CustomMessage-btn:hover, .ImportDocs-BtnPrimaryWhitePrimary:hover, .ImportDocs-actionButton:hover, .hover.btn-primary--primaryPanel, .panel-primary .hover.btn-primary, .hover.CustomMessage-btn, .hover.ImportDocs-BtnPrimaryWhitePrimary, .hover.ImportDocs-actionButton, .btn-primary--primaryPanel:focus, .panel-primary .btn-primary:focus, .CustomMessage-btn:focus, .ImportDocs-BtnPrimaryWhitePrimary:focus, .ImportDocs-actionButton:focus, .focus.btn-primary--primaryPanel, .panel-primary .focus.btn-primary, .focus.CustomMessage-btn, .focus.ImportDocs-BtnPrimaryWhitePrimary, .focus.ImportDocs-actionButton {
    color: #007D8F;
    background-color: #fbfbfb;
    border-color: #fbfbfb; }
  .disabled.btn-primary--primaryPanel, .panel-primary .disabled.btn-primary, .disabled.CustomMessage-btn, .disabled.ImportDocs-BtnPrimaryWhitePrimary, .disabled.ImportDocs-actionButton, .disabled.btn-primary--primaryPanel:hover, .panel-primary .disabled.btn-primary:hover, .disabled.CustomMessage-btn:hover, .disabled.ImportDocs-BtnPrimaryWhitePrimary:hover, .disabled.ImportDocs-actionButton:hover, .disabled.hover.btn-primary--primaryPanel, .panel-primary .disabled.hover.btn-primary, .disabled.hover.CustomMessage-btn, .disabled.hover.ImportDocs-BtnPrimaryWhitePrimary, .disabled.hover.ImportDocs-actionButton, .disabled.btn-primary--primaryPanel:focus, .panel-primary .disabled.btn-primary:focus, .disabled.CustomMessage-btn:focus, .disabled.ImportDocs-BtnPrimaryWhitePrimary:focus, .disabled.ImportDocs-actionButton:focus, .disabled.focus.btn-primary--primaryPanel, .panel-primary .disabled.focus.btn-primary, .disabled.focus.CustomMessage-btn, .disabled.focus.ImportDocs-BtnPrimaryWhitePrimary, .disabled.focus.ImportDocs-actionButton, [disabled].btn-primary--primaryPanel, .panel-primary [disabled].btn-primary, [disabled].CustomMessage-btn, [disabled].ImportDocs-BtnPrimaryWhitePrimary, [disabled].ImportDocs-actionButton, [disabled].btn-primary--primaryPanel:hover, .panel-primary [disabled].btn-primary:hover, [disabled].CustomMessage-btn:hover, [disabled].ImportDocs-BtnPrimaryWhitePrimary:hover, [disabled].ImportDocs-actionButton:hover, [disabled].hover.btn-primary--primaryPanel, .panel-primary [disabled].hover.btn-primary, [disabled].hover.CustomMessage-btn, [disabled].hover.ImportDocs-BtnPrimaryWhitePrimary, [disabled].hover.ImportDocs-actionButton, [disabled].btn-primary--primaryPanel:focus, .panel-primary [disabled].btn-primary:focus, [disabled].CustomMessage-btn:focus, [disabled].ImportDocs-BtnPrimaryWhitePrimary:focus, [disabled].ImportDocs-actionButton:focus, [disabled].focus.btn-primary--primaryPanel, .panel-primary [disabled].focus.btn-primary, [disabled].focus.CustomMessage-btn, [disabled].focus.ImportDocs-BtnPrimaryWhitePrimary, [disabled].focus.ImportDocs-actionButton,
  fieldset[disabled] .btn-primary--primaryPanel,
  fieldset[disabled] .panel-primary .btn-primary, .panel-primary
  fieldset[disabled] .btn-primary,
  fieldset[disabled] .CustomMessage-btn,
  fieldset[disabled] .ImportDocs-BtnPrimaryWhitePrimary,
  fieldset[disabled] .ImportDocs-actionButton,
  fieldset[disabled] .btn-primary--primaryPanel:hover,
  fieldset[disabled] .panel-primary .btn-primary:hover, .panel-primary
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .CustomMessage-btn:hover,
  fieldset[disabled] .ImportDocs-BtnPrimaryWhitePrimary:hover,
  fieldset[disabled] .ImportDocs-actionButton:hover,
  fieldset[disabled] .hover.btn-primary--primaryPanel,
  fieldset[disabled] .panel-primary .hover.btn-primary, .panel-primary
  fieldset[disabled] .hover.btn-primary,
  fieldset[disabled] .hover.CustomMessage-btn,
  fieldset[disabled] .hover.ImportDocs-BtnPrimaryWhitePrimary,
  fieldset[disabled] .hover.ImportDocs-actionButton,
  fieldset[disabled] .btn-primary--primaryPanel:focus,
  fieldset[disabled] .panel-primary .btn-primary:focus, .panel-primary
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .CustomMessage-btn:focus,
  fieldset[disabled] .ImportDocs-BtnPrimaryWhitePrimary:focus,
  fieldset[disabled] .ImportDocs-actionButton:focus,
  fieldset[disabled] .focus.btn-primary--primaryPanel,
  fieldset[disabled] .panel-primary .focus.btn-primary, .panel-primary
  fieldset[disabled] .focus.btn-primary,
  fieldset[disabled] .focus.CustomMessage-btn,
  fieldset[disabled] .focus.ImportDocs-BtnPrimaryWhitePrimary,
  fieldset[disabled] .focus.ImportDocs-actionButton {
    color: #006a7a;
    background-color: #2690a0;
    border-color: #2690a0; }

.GreenBtn-dialogBoxSatisfactionFooterBtn, .GreenBtn-contentBlockItemBtnPrimary {
  background-color: #009787;
  border-color: #009787;
  color: #ffffff; }
  .GreenBtn-dialogBoxSatisfactionFooterBtn:hover, .GreenBtn-contentBlockItemBtnPrimary:hover, .hover.GreenBtn-dialogBoxSatisfactionFooterBtn, .hover.GreenBtn-contentBlockItemBtnPrimary, .GreenBtn-dialogBoxSatisfactionFooterBtn:focus, .GreenBtn-contentBlockItemBtnPrimary:focus, .focus.GreenBtn-dialogBoxSatisfactionFooterBtn, .focus.GreenBtn-contentBlockItemBtnPrimary {
    color: #ffffff;
    background-color: #01897b;
    border-color: #01897b; }
  .disabled.GreenBtn-dialogBoxSatisfactionFooterBtn, .disabled.GreenBtn-contentBlockItemBtnPrimary, .disabled.GreenBtn-dialogBoxSatisfactionFooterBtn:hover, .disabled.GreenBtn-contentBlockItemBtnPrimary:hover, .disabled.hover.GreenBtn-dialogBoxSatisfactionFooterBtn, .disabled.hover.GreenBtn-contentBlockItemBtnPrimary, .disabled.GreenBtn-dialogBoxSatisfactionFooterBtn:focus, .disabled.GreenBtn-contentBlockItemBtnPrimary:focus, .disabled.focus.GreenBtn-dialogBoxSatisfactionFooterBtn, .disabled.focus.GreenBtn-contentBlockItemBtnPrimary, [disabled].GreenBtn-dialogBoxSatisfactionFooterBtn, [disabled].GreenBtn-contentBlockItemBtnPrimary, [disabled].GreenBtn-dialogBoxSatisfactionFooterBtn:hover, [disabled].GreenBtn-contentBlockItemBtnPrimary:hover, [disabled].hover.GreenBtn-dialogBoxSatisfactionFooterBtn, [disabled].hover.GreenBtn-contentBlockItemBtnPrimary, [disabled].GreenBtn-dialogBoxSatisfactionFooterBtn:focus, [disabled].GreenBtn-contentBlockItemBtnPrimary:focus, [disabled].focus.GreenBtn-dialogBoxSatisfactionFooterBtn, [disabled].focus.GreenBtn-contentBlockItemBtnPrimary,
  fieldset[disabled] .GreenBtn-dialogBoxSatisfactionFooterBtn,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimary,
  fieldset[disabled] .GreenBtn-dialogBoxSatisfactionFooterBtn:hover,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimary:hover,
  fieldset[disabled] .hover.GreenBtn-dialogBoxSatisfactionFooterBtn,
  fieldset[disabled] .hover.GreenBtn-contentBlockItemBtnPrimary,
  fieldset[disabled] .GreenBtn-dialogBoxSatisfactionFooterBtn:focus,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimary:focus,
  fieldset[disabled] .focus.GreenBtn-dialogBoxSatisfactionFooterBtn,
  fieldset[disabled] .focus.GreenBtn-contentBlockItemBtnPrimary {
    color: whitesmoke;
    border-color: #27a79a;
    background-color: #27a79a; }

/*
  .btn-default {
    @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
  }
  .btn-primary {
    @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
  }
  */
.btn-success,
.btnWrap-success a {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus,
  .btnWrap-success a:focus,
  .btnWrap-success a.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover,
  .btnWrap-success a:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .open > .btn-success.dropdown-toggle, .open >
  .btnWrap-success a.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus, .open >
    .btnWrap-success a.dropdown-toggle:hover, .open >
    .btnWrap-success a.dropdown-toggle:focus, .open >
    .btnWrap-success a.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .open > .btn-success.dropdown-toggle, .open >
  .btnWrap-success a.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus,
  .btnWrap-success a.disabled:hover,
  .btnWrap-success a.disabled:focus,
  .btnWrap-success a.disabled.focus,
  .btnWrap-success a[disabled]:hover,
  .btnWrap-success a[disabled]:focus,
  .btnWrap-success a[disabled].focus,
  fieldset[disabled]
  .btnWrap-success a:hover,
  fieldset[disabled]
  .btnWrap-success a:focus,
  fieldset[disabled]
  .btnWrap-success a.focus {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge,
  .btnWrap-success a .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info,
.btnWrap-info a {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus,
  .btnWrap-info a:focus,
  .btnWrap-info a.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover,
  .btnWrap-info a:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .open > .btn-info.dropdown-toggle, .open >
  .btnWrap-info a.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus, .open >
    .btnWrap-info a.dropdown-toggle:hover, .open >
    .btnWrap-info a.dropdown-toggle:focus, .open >
    .btnWrap-info a.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .open > .btn-info.dropdown-toggle, .open >
  .btnWrap-info a.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus,
  .btnWrap-info a.disabled:hover,
  .btnWrap-info a.disabled:focus,
  .btnWrap-info a.disabled.focus,
  .btnWrap-info a[disabled]:hover,
  .btnWrap-info a[disabled]:focus,
  .btnWrap-info a[disabled].focus,
  fieldset[disabled]
  .btnWrap-info a:hover,
  fieldset[disabled]
  .btnWrap-info a:focus,
  fieldset[disabled]
  .btnWrap-info a.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge,
  .btnWrap-info a .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning,
.btnWrap-warning a {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus,
  .btnWrap-warning a:focus,
  .btnWrap-warning a.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover,
  .btnWrap-warning a:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .open > .btn-warning.dropdown-toggle, .open >
  .btnWrap-warning a.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
    .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus, .open >
    .btnWrap-warning a.dropdown-toggle:hover, .open >
    .btnWrap-warning a.dropdown-toggle:focus, .open >
    .btnWrap-warning a.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .open > .btn-warning.dropdown-toggle, .open >
  .btnWrap-warning a.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus,
  .btnWrap-warning a.disabled:hover,
  .btnWrap-warning a.disabled:focus,
  .btnWrap-warning a.disabled.focus,
  .btnWrap-warning a[disabled]:hover,
  .btnWrap-warning a[disabled]:focus,
  .btnWrap-warning a[disabled].focus,
  fieldset[disabled]
  .btnWrap-warning a:hover,
  fieldset[disabled]
  .btnWrap-warning a:focus,
  fieldset[disabled]
  .btnWrap-warning a.focus {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge,
  .btnWrap-warning a .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger,
.btnWrap-danger a {
  color: #fff;
  background-color: #d70000;
  border-color: #be0000; }
  .btn-danger:focus, .btn-danger.focus,
  .btnWrap-danger a:focus,
  .btnWrap-danger a.focus {
    color: #fff;
    background-color: #a40000;
    border-color: #3e0000; }
  .btn-danger:hover,
  .btnWrap-danger a:hover {
    color: #fff;
    background-color: #a40000;
    border-color: maroon; }
  .open > .btn-danger.dropdown-toggle, .open >
  .btnWrap-danger a.dropdown-toggle {
    color: #fff;
    background-color: #a40000;
    border-color: maroon; }
    .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus, .open >
    .btnWrap-danger a.dropdown-toggle:hover, .open >
    .btnWrap-danger a.dropdown-toggle:focus, .open >
    .btnWrap-danger a.dropdown-toggle.focus {
      color: #fff;
      background-color: maroon;
      border-color: #3e0000; }
  .open > .btn-danger.dropdown-toggle, .open >
  .btnWrap-danger a.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus,
  .btnWrap-danger a.disabled:hover,
  .btnWrap-danger a.disabled:focus,
  .btnWrap-danger a.disabled.focus,
  .btnWrap-danger a[disabled]:hover,
  .btnWrap-danger a[disabled]:focus,
  .btnWrap-danger a[disabled].focus,
  fieldset[disabled]
  .btnWrap-danger a:hover,
  fieldset[disabled]
  .btnWrap-danger a:focus,
  fieldset[disabled]
  .btnWrap-danger a.focus {
    background-color: #d70000;
    border-color: #be0000; }
  .btn-danger .badge,
  .btnWrap-danger a .badge {
    color: #d70000;
    background-color: #fff; }

.btn-link {
  color: #007D8F;
  font-weight: normal;
  -moz-border-radius: 0;
       border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -moz-box-shadow: none;
         box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #006675;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.33333;
  -moz-border-radius: 6px;
       border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
  -moz-border-radius: 3px;
       border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 11px;
  line-height: 1.5;
  -moz-border-radius: 3px;
       border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.btn-icon {
  background-color: #007D8F;
  width: 30px;
  height: 30px;
  line-height: 26px;
  -moz-border-radius: 2px;
       border-radius: 2px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  vertical-align: middle; }
  .btn-icon:hover, .btn-icon:focus {
    background-color: #006675; }
  .btn-icon:active {
    color: #37474f; }
  .btn-icon:disabled {
    background-color: #98cbd3;
    cursor: not-allowed; }

.btn-previous {
  position: relative;
  display: inline-block;
  font-family: 'NPC Icons';
  font-style: normal;
  font-weight: 400;
  color: white; }
  .btn-previous:before {
    content: "\f108"; }

.btn-next {
  position: relative;
  display: inline-block;
  font-family: 'NPC Icons';
  font-style: normal;
  font-weight: 400;
  color: white; }
  .btn-next:before {
    content: "\f107"; }

.label-pagenumber {
  font-size: 16px;
  color: #007D8F;
  line-height: 30px;
  vertical-align: middle;
  font-weight: 600; }

.panel-primary .label-pagenumber {
  color: #ffffff; }

.operation-cours, .operation-cours-passif {
  border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  font-weight: 600;
  padding: 1em;
  margin: 4.3333333vh 0 1em 10%; }

.operation-cours {
  border: 4px solid #007D8F;
  background-color: #007D8F;
  color: white; }

.operation-cours a, .operation-avenir-actif a {
  color: white;
  text-decoration: none; }

.operation-cours-passif {
  border: 1px solid #007D8F;
  border-right: 0;
  color: #007D8F;
  background-color: white; }

.operation-cours-passif a, .operation-avenir a {
  color: #007D8F;
  text-decoration: none; }

.operation-avenir {
  border: 1px solid #007D8F;
  border-left: 0;
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  background-color: white;
  color: #007D8F;
  font-weight: normal;
  padding: 1em;
  margin: 4.3333333vh 10% 1em 0; }

.operation-avenir-actif {
  border: 4px solid #007D8F;
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  background-color: #007D8F;
  color: white;
  font-weight: 600;
  padding: 1em;
  margin: 4.3333333vh 10% 1em 0; }

.guidebutton button.button-default,
.guidebutton button.moveNext,
.guidebutton button:not(.af-icon-button),
.guidebutton input[type='button'] {
  background-color: #007D8F !important;
  border: 1px solid #007D8F !important;
  -moz-border-radius: 4px !important;
       border-radius: 4px !important;
  color: #ffffff !important; }
  .guidebutton button.button-default:hover,
  .guidebutton button.moveNext:hover,
  .guidebutton button:not(.af-icon-button):hover,
  .guidebutton input[type='button']:hover {
    background-color: #006675 !important;
    border: 1px solid #006675 !important;
    color: #ffffff !important; }

.guidebutton button.movePrev {
  background-color: transparent !important;
  border: 1px solid #007D8F !important;
  -moz-border-radius: 4px !important;
       border-radius: 4px !important;
  color: #007D8F !important; }
  .guidebutton button.movePrev:hover {
    background-color: transparent !important;
    border: 1px solid #006675 !important;
    color: #006675 !important; }

button.ficheAgence.btn-default, button.ficheAgence.btn-default:hover {
  background-color: #ffffff !important;
  border: none !important;
  -moz-border-radius: 4px !important;
       border-radius: 4px !important;
  color: #454545 !important; }

.fade {
  opacity: 0;
  -moz-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -moz-transition-property: height, visibility;
  transition-property: height, visibility;
  -moz-transition-duration: 0.35s;
       transition-duration: 0.35s;
  -moz-transition-timing-function: ease;
       transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 8px dashed;
  border-top: 8px solid \9;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 12px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -moz-border-radius: 4px;
       border-radius: 4px;
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
       box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-background-clip: padding-box;
       background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 7.5px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #007D8F; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 11px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 8px dashed;
  border-bottom: 8px solid \9;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 650px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  -moz-border-radius: 0;
       border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    -moz-border-radius-bottomright: 0;
         border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
         border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  -moz-border-radius-bottomleft: 0;
       border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
       border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  -moz-border-radius: 0;
       border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  -moz-border-radius-bottomright: 0;
       border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
       border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  -moz-border-radius-bottomleft: 0;
       border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
       border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
       box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    -moz-box-shadow: none;
         box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  -moz-border-radius: 0;
       border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  -moz-border-radius-topright: 4px;
       border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
       border-top-left-radius: 4px;
  -moz-border-radius-bottomright: 0;
       border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
       border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  -moz-border-radius-topright: 0;
       border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
       border-top-left-radius: 0;
  -moz-border-radius-bottomright: 4px;
       border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
       border-bottom-left-radius: 4px; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  -moz-border-radius: 0;
       border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  -moz-border-radius-bottomright: 0;
       border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
       border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  -moz-border-radius-topright: 0;
       border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
       border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    -moz-border-radius: 0;
         border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 11px 12px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
       border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 11px;
    -moz-border-radius: 3px;
         border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 15px;
    -moz-border-radius: 6px;
         border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  -moz-border-radius-bottomright: 0;
       border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
       border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  -moz-border-radius-bottomleft: 0;
       border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
       border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #007D8F; }
  .nav .nav-divider {
    height: 1px;
    margin: 7.5px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      -moz-border-radius: 4px 4px 0 0;
           border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    -moz-border-radius: 4px;
         border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #007D8F; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 650px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    -moz-border-radius: 4px;
         border-radius: 4px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 650px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      -moz-border-radius: 4px 4px 0 0;
           border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  -moz-border-radius-topright: 0;
       border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
       border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 17px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 650px) {
    .navbar {
      -moz-border-radius: 4px;
           border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-header:after {
  clear: both; }

@media (min-width: 650px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
       box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 650px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      -moz-box-shadow: none;
           box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-device-width: 320px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 650px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 650px) {
    .navbar-static-top {
      -moz-border-radius: 0;
           border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 650px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      -moz-border-radius: 0;
           border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 16.5px 15px;
  font-size: 15px;
  line-height: 17px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 650px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  -moz-border-radius: 4px;
       border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    -moz-border-radius: 1px;
         border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 650px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 8.25px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 17px; }
  @media (max-width: 649px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -moz-box-shadow: none;
           box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 17px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 650px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 16.5px;
          padding-bottom: 16.5px; } }

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
       box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 4px;
  margin-bottom: 4px; }
  @media (min-width: 650px) {
    .navbar-form .form-group,
    .navbar-form .input-field {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        border: none;
        width: auto; }
      .navbar-form .input-group .input-group-addon {
        background-color: white;
        color: #007D8F; }
      .navbar-form .input-group > input {
        border: none;
        height: 39px !important; }
    .navbar-form .input-group.input-amount .form-control,
    .navbar-form .input-group.input-date .form-control {
      border: 1px solid #ccc !important; }
    .navbar-form .input-group.input-amount > input,
    .navbar-form .input-group.input-date > input {
      border: 1px solid #ccc !important; }
    .navbar-form .input-group.input-amount > input:focus,
    .navbar-form .input-group.input-date > input:focus {
      border: 1px solid #007D8F !important; }
    .navbar-form .input-group-100 {
      width: 100% !important; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
      /* -- Modification NPC pour éviter que le label ne viennt dessus le bouton
        label {
          padding-left: 0;
        }
        */ }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 649px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 650px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -moz-box-shadow: none;
           box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  -moz-border-radius-topright: 0;
       border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
       border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  -moz-border-radius-topright: 4px;
       border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
       border-top-left-radius: 4px;
  -moz-border-radius-bottomright: 0;
       border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
       border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 4px;
  margin-bottom: 4px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 11px;
    margin-bottom: 11px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 16.5px;
  margin-bottom: 16.5px; }
  @media (min-width: 650px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px; } }

@media (min-width: 650px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555; }
  @media (max-width: 649px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff; }
  @media (max-width: 649px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

/*doc
---
title: Fil d'ariane
parent: forms
name: breadcrumbs
category: forms
---

###Table standard
```html_example
<ul class="breadcrumb">
	<li><a href="#">Accueil</a></li>
	<li><a href="#">Mes opérations</a></li>
	<li class="active">Gérer mes virements en cours</li>
</ul>
```
*/
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 0px;
  list-style: none;
  background-color: white;
  -moz-border-radius: 4px;
       border-radius: 4px; }
  .breadcrumb > li {
    display: inline-block;
    font-size: 12px;
    font-weight: 400; }
    .breadcrumb > li > a {
      color: #454545;
      text-decoration: none; }
    .breadcrumb > li + li:before {
      content: "> ";
      padding: 0px;
      color: #454545; }
  .breadcrumb > .active {
    color: #007D8F; }

/*doc
---
title: Pagination - bootstrap
parent: pagination
name: 00-paginationBootstrap
category: pagination
---


```html_example
<ul class="pagination pagination-no-border">
	<li class="disabled">
		<a href="#" aria-label="Précédent"><span aria-hidden="true"><div class="icon-form npc-arrow-previous"></div></span></a>
	</li>
	<li><a href="#">1</a></li>
	<li class="inactive"><a>...</a></li>
	<li><a href="#">5</a></li>
	<li class="active"><a href="javascript:void(0)">6 <span class="sr-only">(current)</span></a></li>
	<li><a href="#">7</a></li>
	<li class="inactive"><a>...</a></li>
	<li><a href="#">10</a></li>
	<li>
		<a href="#" aria-label="Suivant"><span aria-hidden="true"><div class="icon-form npc-arrow-next"></div></span></a>
	</li>
</ul>
```
*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 17px 0;
  -moz-border-radius: 4px;
       border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 11px 12px;
      line-height: 1.42857;
      text-decoration: none;
      color: #007D8F;
      background-color: #fff;
      border: none;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      -moz-border-radius-bottomleft: 4px;
           border-bottom-left-radius: 4px;
      -moz-border-radius-topleft: 4px;
           border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      -moz-border-radius-bottomright: 4px;
           border-bottom-right-radius: 4px;
      -moz-border-radius-topright: 4px;
           border-top-right-radius: 4px; }
  .pagination > li > a,
  .pagination > li > span {
    width: 38px;
    height: 38px;
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
    color: #454545;
    border: 1px solid transparent; }
    .pagination > li > a:hover, .pagination > li > a:focus,
    .pagination > li > span:hover,
    .pagination > li > span:focus {
      z-index: 2;
      color: #006675;
      background-color: #ffffff;
      border: 1px solid #007D8F;
      -moz-border-radius: 50%;
           border-radius: 50%; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #007D8F;
    border-color: #007D8F;
    cursor: default;
    -moz-border-radius: 50%;
         border-radius: 50%; }
  .pagination > .inactive > a:hover, .pagination > .inactive > a:focus,
  .pagination > .inactive > span:hover,
  .pagination > .inactive > span:focus {
    cursor: default;
    border: 1px solid transparent;
    /*
      z-index: 3;
      color: $pagination-active-color;
      background-color: olive; //$pagination-active-bg;
      border-color: $pagination-active-border;
      cursor: default;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      line-height: 18px;
      vertical-align: middle;
      text-align: center;
      */ }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed;
    border: 1px solid transparent; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  -moz-border-radius-bottomleft: 6px;
       border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
       border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  -moz-border-radius-bottomright: 6px;
       border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
       border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  -moz-border-radius-bottomleft: 3px;
       border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
       border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  -moz-border-radius-bottomright: 3px;
       border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
       border-top-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 17px 0;
  list-style: none;
  text-align: center; }
  .pager:before, .pager:after {
    content: " ";
    display: table; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      -moz-border-radius: 15px;
           border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #ffffff; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #454545;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  -moz-border-radius: .25em;
       border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #454545;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #007D8F; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #00505c; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f; }

.label-danger {
  background-color: #d70000; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #a40000; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  -moz-border-radius: 10px;
       border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #007D8F;
    background-color: #fff; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit; }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 200; }
  .jumbotron > hr {
    border-top-color: #d5d5d5; }
  .container .jumbotron,
  .container-fluid .jumbotron {
    -moz-border-radius: 6px;
         border-radius: 6px;
    padding-left: 15px;
    padding-right: 15px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 650px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron,
      .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 54px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 17px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  -moz-border-radius: 4px;
       border-radius: 4px;
  -moz-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #454545; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #007D8F; }

.alert {
  padding: 15px;
  margin-bottom: 17px;
  border: 1px solid transparent;
  -moz-border-radius: 4px;
       border-radius: 4px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #d70000;
  color: #d70000; }
  .alert-danger hr {
    border-top-color: #be0000; }
  .alert-danger .alert-link {
    color: #a40000; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  overflow: hidden;
  height: 17px;
  margin-bottom: 17px;
  background-color: #f5f5f5;
  -moz-border-radius: 4px;
       border-radius: 4px;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
       box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 11px;
  line-height: 17px;
  color: #fff;
  text-align: center;
  background-color: #007D8F;
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
       box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -moz-background-size: 40px 40px;
       background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
       animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }
  .progress-striped .progress-bar-success {
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
  .progress-striped .progress-bar-info {
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d70000; }
  .progress-striped .progress-bar-danger {
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  zoom: 1;
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    -moz-border-radius-topright: 4px;
         border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
         border-top-left-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    -moz-border-radius-bottomright: 4px;
         border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
         border-bottom-left-radius: 4px; }

a.list-group-item,
button.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #007D8F;
  border-color: #007D8F; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #5ceaff; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #d70000;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #d70000; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #d70000;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #d70000;
    border-color: #d70000; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 17px;
  background-color: #fff;
  border: 1px solid transparent;
  -moz-border-radius: 4px;
       border-radius: 4px; }
  .panel.panel-primary {
    background-color: #007D8F;
    color: white; }
  .panel.panel-white {
    background-color: #ffffff; }
  .panel.panel-gray {
    background-color: #f5f5f5; }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  -moz-border-radius-topright: 3px;
       border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
       border-top-left-radius: 3px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  color: inherit; }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -moz-border-radius-bottomright: 3px;
       border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
       border-bottom-left-radius: 3px; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    -moz-border-radius: 0;
         border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    -moz-border-radius-topright: 3px;
         border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
         border-top-left-radius: 3px; }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    -moz-border-radius-bottomright: 3px;
         border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
         border-bottom-left-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  -moz-border-radius-topright: 0;
       border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
       border-top-left-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  -moz-border-radius-topright: 3px;
       border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
       border-top-left-radius: 3px; }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    -moz-border-radius-topleft: 3px;
         border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
         border-top-right-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      -moz-border-radius-topleft: 3px;
           border-top-left-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      -moz-border-radius-topright: 3px;
           border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  -moz-border-radius-bottomright: 3px;
       border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
       border-bottom-left-radius: 3px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    -moz-border-radius-bottomleft: 3px;
         border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
         border-bottom-right-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      -moz-border-radius-bottomleft: 3px;
           border-bottom-left-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      -moz-border-radius-bottomright: 3px;
           border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #d8d8d8; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 17px; }
  .panel-group .panel {
    margin-bottom: 0;
    -moz-border-radius: 4px;
         border-radius: 4px; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #007D8F; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #007D8F;
    border-color: #007D8F; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #007D8F; }
    .panel-primary > .panel-heading .badge {
      color: #007D8F;
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #007D8F; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading .badge {
      color: #dff0d8;
      background-color: #3c763d; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #bce8f1; }
    .panel-info > .panel-heading .badge {
      color: #d9edf7;
      background-color: #31708f; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading .badge {
      color: #fcf8e3;
      background-color: #8a6d3b; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #d70000; }
  .panel-danger > .panel-heading {
    color: #d70000;
    background-color: #f2dede;
    border-color: #d70000; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d70000; }
    .panel-danger > .panel-heading .badge {
      color: #f2dede;
      background-color: #d70000; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d70000; }

.search-panel {
  background: #f5f5f5;
  margin-top: 20px;
  padding: 10px; }
  .search-panel:before {
    content: "";
    position: relative;
    top: -42px;
    left: -moz-calc((100% - 30px)/2);
    left: calc((100% - 30px)/2);
    z-index: 1;
    border: solid 15px transparent;
    border-bottom-color: #f5f5f5; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -moz-border-radius: 4px;
       border-radius: 4px;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
       box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  -moz-border-radius: 6px;
       border-radius: 6px; }

.well-sm {
  padding: 9px;
  -moz-border-radius: 3px;
       border-radius: 3px; }

.close {
  float: right;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog, .modal.fade .Modal-dialog {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
         transform: translate(0, -25%);
    -moz-transition: -moz-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out; }
  .modal.in .modal-dialog, .modal.in .Modal-dialog {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
         transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog, .Modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -moz-border-radius: 6px;
       border-radius: 6px;
  -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
       box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -moz-background-clip: padding-box;
       background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    content: " ";
    display: table; }
  .modal-header:after {
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 650px) {
  .modal-dialog, .Modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
         box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 990px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  -moz-border-radius: 4px;
       border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  background-color: #fff;
  -moz-background-clip: padding-box;
       background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -moz-border-radius: 6px;
       border-radius: 6px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
       box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 12px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -moz-border-radius: 5px 5px 0 0;
       border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    -moz-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        -moz-transition: -moz-transform 0.6s ease-in-out;
        transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: transform 0.6s ease-in-out, -moz-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -moz-transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          -moz-transform: translate3d(100%, 0, 0);
               transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          -moz-transform: translate3d(-100%, 0, 0);
               transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          -moz-transform: translate3d(0, 0, 0);
               transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: transparent; }
  .carousel-control.left {
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    -moz-border-radius: 10px;
         border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent; }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 650px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 649px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 649px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 649px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 649px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 650px) and (max-width: 989px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 650px) and (max-width: 989px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 650px) and (max-width: 989px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 650px) and (max-width: 989px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 990px) and (max-width: 1169px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 990px) and (max-width: 1169px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 990px) and (max-width: 1169px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 990px) and (max-width: 1169px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1170px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1170px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1170px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1170px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 649px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 650px) and (max-width: 989px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 990px) and (max-width: 1169px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1170px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: none;
        touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
     -moz-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
     -moz-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -moz-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -moz-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  -moz-transition: transform 100ms ease, -moz-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease, -moz-transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
     -moz-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: contain;
       background-size: contain;
  -moz-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
     -moz-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
     -moz-animation-name: fadeOut;
          animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -moz-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -moz-transition: opacity 400ms ease;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  -moz-transition: transform 100ms ease, -moz-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease, -moz-transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
     -moz-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: contain;
       background-size: contain;
  -moz-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*! jQuery UI - v1.12.1 - 2019-02-28
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  border: 0;
  padding: 0;
  margin: 0;
  -moz-border-radius: 0;
       border-radius: 0;
  -moz-box-shadow: none;
       box-shadow: none; }

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  font-weight: 600;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: auto;
  line-height: 1.1rem;
  padding: 8px 20px; }

.ui-menu .ui-menu-item-wrapper:hover,
.ui-menu .ui-menu-item-wrapper:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: 0; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  border: 1px solid #ccc; }

.ui-widget-content {
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 12px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
       border-radius: 4px;
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
       box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-background-clip: padding-box;
       background-clip: padding-box; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none; }

.ui-visual-focus {
  -moz-box-shadow: 0 0 3px 1px #5e9ed6;
       box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff; }

.ui-state-active,
.ui-widget-content .ui-state-active {
  background-color: #ffffff; }

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620; }

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png"); }

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png"); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png"); }

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png"); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-caret-1-n {
  background-position: 0 0; }

.ui-icon-caret-1-ne {
  background-position: -16px 0; }

.ui-icon-caret-1-e {
  background-position: -32px 0; }

.ui-icon-caret-1-se {
  background-position: -48px 0; }

.ui-icon-caret-1-s {
  background-position: -65px 0; }

.ui-icon-caret-1-sw {
  background-position: -80px 0; }

.ui-icon-caret-1-w {
  background-position: -96px 0; }

.ui-icon-caret-1-nw {
  background-position: -112px 0; }

.ui-icon-caret-2-n-s {
  background-position: -128px 0; }

.ui-icon-caret-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -65px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -moz-border-radius-topleft: 3px;
       border-top-left-radius: 3px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -moz-border-radius-topright: 3px;
       border-top-right-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -moz-border-radius-bottomleft: 3px;
       border-bottom-left-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -moz-border-radius-bottomright: 3px;
       border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  -moz-box-shadow: 0px 0px 5px #666666;
       box-shadow: 0px 0px 5px #666666; }

/*doc
---
title: Date picker
name: date-picker
category: date-picker
---

Lien vers la documentation du composant [bootstrap-datepicker](https://bootstrap-datepicker.readthedocs.io/en/stable/).

Scripts à inclure :

- `<script src="bootstrap-datepicker.js" type="text/javascript"></script>`
- `<script src="bootstrap-datepicker.fr.js" type="text/javascript"></script>`


<script src='./../../build/js/media.match.js' type="text/javascript"></script>
<script src='./../../build/js/enquire.js' type="text/javascript"></script>
<script src='./../../build/js/jquery.matchHeight.js' type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>

<script src="./../../build/js/devHelpers.js" type="text/javascript"></script>

*/
/*doc
---
title: Date picker - Default
parent: date-picker
name: date-picker-01
category: date-picker
---


```html_example
<div class="Styleguide-DatePicker"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/datepicker/_default.kit")

<!-- /!\/!\/!\/!\/!\/!  Scripts only for styleguide
     /!\/!\/!\/!\/!\/!  -->

</div>
```
*/
/*doc
---
title: Date picker - Just input
parent: date-picker
name: date-picker-02
category: date-picker
---

```html_example
<div class="Styleguide-DatePicker"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/datepicker/_input.kit")

<!-- /!\/!\/!\/!\/!\/!  Scripts only for styleguide
     /!\/!\/!\/!\/!\/!  -->

</div>
```
*/
/*doc
---
title: Date picker - Input Range
parent: date-picker
name: date-picker-03
category: date-picker
---

JS à ajouter :

- `<script src="dateRange.js"></script>`

**Configuration**

Sur l'élément `.js-inputDateRange` l'attribut `data-input-date-range` défini les paramètres génériques du datepicker

Sur les inputs `.js-date` les attributs `data-start-date` et `data-end-date` définissent le range du datepicker

[Options du datepicker](http://bootstrap-datepicker.readthedocs.io/en/latest/options.html#options)



<script src="./../../build/js/dateRange.js" type="text/javascript"></script>
*/
/*doc
---
title: Date picker - Input Range
parent: date-picker-03
name: date-picker-03-01
category: date-picker
---

Range autorisé : d'aujourd'hui à dans un an

```html_example
<form>
  <div class="form-group js-inputDateRange" data-input-date-range='{"todayHighlight":true}'>
    <label for="date-picker-03-1">Du</label>
    <div class="input-field">
      <input id="date-picker-03-1" class="form-control date js-date" placeholder="Date de virement" data-start-date="-5d">
      <span class="npc-calendar input-field-icon"></span>
    </div>
    <label for="date-picker-03-2">Au</label>
    <div class="input-field">
      <input id="date-picker-03-2" class="form-control date js-date" placeholder="Date de virement" data-end-date="+1y">
      <span class="npc-calendar input-field-icon"></span>
    </div>
  </div>
</form>
```
*/
/*doc
---
title: Date picker - Input Range - inner label
parent: date-picker-03
name: date-picker-03-02
category: date-picker
---

JS à ajouter :

- `<script src="inputInnerLabel.js"></script>`

Range autorisé : jusqu'à aujourd'hui

<script src="./../../build/js/inputInnerLabel.js" type="text/javascript"></script>

```html_example
<form>
  <div class="form-group form-inline js-inputDateRange">
    <div class="input-field js-input-field--innerLabel">
      <label for="date-picker-03-1" class="input-field-label">Du</label>
      <input id="date-picker-03-1" class="form-control date js-date" placeholder="Date de virement">
      <span class="npc-calendar input-field-icon"></span>
    </div>
    <div class="input-field js-input-field--innerLabel">
      <label for="date-picker-03-2" class="input-field-label">Au</label>
      <input id="date-picker-03-2" class="form-control date js-date" placeholder="Date de virement" data-end-date="today">
      <span class="npc-calendar input-field-icon"></span>
    </div>
  </div>
</form>
```
*/
/*doc
---
title: Date picker - dropdown
name: date-picker-10
category: date-picker
---
Tous les cas de dropdown
*/
/*doc
---
title: Date picker - dropdown - days
parent: date-picker-10
name: date-picker-10-01
category: date-picker
---
```html_example
@@include("../../kit/components/datepicker/_fakeDatePicker.kit", {
  "type": "days",
  "title": "lorem",
  "todayBtn": true,
  "clearBtn": true
})
```
*/
/*doc
---
title: Date picker - dropdown - months
parent: date-picker-10
name: date-picker-10-02
category: date-picker
---
```html_example
@@include("../../kit/components/datepicker/_fakeDatePicker.kit", {
  "type": "months",
  "title": "",
  "todayBtn": false,
  "clearBtn": false
})
```
*/
/*doc
---
title: Date picker - dropdown - years
parent: date-picker-10
name: date-picker-10-03
category: date-picker
---
```html_example
@@include("../../kit/components/datepicker/_fakeDatePicker.kit", {
  "type": "years",
  "title": "",
  "todayBtn": false,
  "clearBtn": true
})
```
*/
/*doc
---
title: Date picker - dropdown - decades
parent: date-picker-10
name: date-picker-10-04
category: date-picker
---
```html_example
@@include("../../kit/components/datepicker/_fakeDatePicker.kit", {
  "type": "decades",
  "title": "",
  "todayBtn": false,
  "clearBtn": true
})
```
*/
/*doc
---
title: Date picker - dropdown - centuries
parent: date-picker-10
name: date-picker-10-05
category: date-picker
---
```html_example
@@include("../../kit/components/datepicker/_fakeDatePicker.kit", {
  "type": "centuries",
  "title": "",
  "todayBtn": false,
  "clearBtn": true
})
```
*/
.datepicker {
  padding: 4px;
  -moz-border-radius: 4px;
       border-radius: 4px;
  direction: ltr; }
  .datepicker-inline {
    width: 220px; }
  .datepicker-rtl {
    direction: rtl; }
    .datepicker-rtl.dropdown-menu {
      left: auto; }
    .datepicker-rtl table tr td span {
      float: right; }
  .datepicker-dropdown {
    top: 0;
    left: 0;
    z-index: 10000 !important; }
    .datepicker-dropdown:before {
      content: '';
      display: inline-block;
      border: 7px solid transparent;
      border-top: 0;
      border-bottom-color: #777777;
      position: absolute; }
    .datepicker-dropdown:after {
      content: '';
      display: inline-block;
      border: 6px solid transparent;
      border-top: 0;
      border-bottom-color: #ffffff;
      position: absolute; }
    .datepicker-dropdown.datepicker-orient-left:before {
      left: 6px; }
    .datepicker-dropdown.datepicker-orient-left:after {
      left: 7px; }
    .datepicker-dropdown.datepicker-orient-right:before {
      right: 6px; }
    .datepicker-dropdown.datepicker-orient-right:after {
      right: 7px; }
    .datepicker-dropdown.datepicker-orient-bottom:before {
      top: -7px; }
    .datepicker-dropdown.datepicker-orient-bottom:after {
      top: -6px; }
    .datepicker-dropdown.datepicker-orient-top:before {
      bottom: -7px;
      border-bottom: 0;
      border-top: 7px solid #777777; }
    .datepicker-dropdown.datepicker-orient-top:after {
      bottom: -6px;
      border-bottom: 0;
      border-top: 6px solid #ffffff; }
  .datepicker table {
    background: transparent;
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .datepicker td,
  .datepicker th {
    padding: 5px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 20px;
    -moz-border-radius: 99px;
         border-radius: 99px;
    border: none; }
  .table-striped .datepicker table tr td,
  .table-striped .datepicker table tr th {
    background-color: transparent; }
  .datepicker table tr {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    background: #f5f5f5;
    color: #007D8F;
    cursor: pointer; }
  .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: not-allowed; }
  .datepicker table tr td.old, .datepicker table tr td.new {
    color: #d8d8d8; }
    .datepicker table tr td.old.disabled, .datepicker table tr td.old.disabled:hover, .datepicker table tr td.new.disabled, .datepicker table tr td.new.disabled:hover {
      color: #d8d8d8; }
  .datepicker table tr td.highlighted, .datepicker table tr td.highlighted:hover {
    background: #ececec; }
  .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background: transparent;
    text-decoration: underline; }
  .datepicker table tr td.today:hover, .datepicker table tr td.today.focused {
    background: #f5f5f5; }
  .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
    background: #007D8F;
    color: #ffffff; }
  .datepicker table tr td.selected:hover, .datepicker table tr td.selected.focused {
    background: #006675;
    color: #ffffff; }
  .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background: #006675;
    color: #ffffff; }
  .datepicker table tr td.active:hover, .datepicker table tr td.active.focused {
    background: #005966;
    color: #ffffff; }
  .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
    background: #3397A6;
    color: #ffffff;
    -moz-border-radius: 0;
         border-radius: 0; }
  .datepicker table tr td.range:hover, .datepicker table tr td.range.focused {
    background: #007D8F;
    color: #ffffff; }
  .datepicker table tr td.range-start, .datepicker table tr td.range-end {
    position: relative;
    z-index: 0;
    background: #3397A6;
    color: #ffffff;
    -moz-border-radius: 0;
         border-radius: 0; }
    .datepicker table tr td.range-start:before, .datepicker table tr td.range-end:before {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background-color: #007D8F;
      content: '\a';
      z-index: -1;
      -moz-border-radius: 100%;
           border-radius: 100%; }
    .datepicker table tr td.range-start:hover, .datepicker table tr td.range-start.focused, .datepicker table tr td.range-end:hover, .datepicker table tr td.range-end.focused {
      background: #007D8F;
      color: #ffffff; }
      .datepicker table tr td.range-start:hover:before, .datepicker table tr td.range-start.focused:before, .datepicker table tr td.range-end:hover:before, .datepicker table tr td.range-end.focused:before {
        background: #006675; }
    .datepicker table tr td.range-start.active, .datepicker table tr td.range-end.active {
      color: #ffffff; }
      .datepicker table tr td.range-start.active:before, .datepicker table tr td.range-end.active:before {
        background: #006675; }
      .datepicker table tr td.range-start.active:hover, .datepicker table tr td.range-start.active.focused, .datepicker table tr td.range-end.active:hover, .datepicker table tr td.range-end.active.focused {
        color: #ffffff; }
        .datepicker table tr td.range-start.active:hover:before, .datepicker table tr td.range-start.active.focused:before, .datepicker table tr td.range-end.active:hover:before, .datepicker table tr td.range-end.active.focused:before {
          background: #005966; }
  .datepicker table tr td.range-start {
    -moz-border-radius-topleft: 99px;
         border-top-left-radius: 99px;
    -moz-border-radius-bottomleft: 99px;
         border-bottom-left-radius: 99px; }
  .datepicker table tr td.range-end {
    -moz-border-radius-topright: 99px;
         border-top-right-radius: 99px;
    -moz-border-radius-bottomright: 99px;
         border-bottom-right-radius: 99px; }
  .datepicker table tr td span {
    display: block;
    width: 23%;
    height: 35px;
    line-height: 35px;
    float: left;
    margin: 5px 0;
    cursor: pointer;
    -moz-border-radius: 99px;
         border-radius: 99px; }
    .datepicker table tr td span.old, .datepicker table tr td span.new {
      color: #d8d8d8; }
      .datepicker table tr td span.old.disabled, .datepicker table tr td span.old.disabled:hover, .datepicker table tr td span.new.disabled, .datepicker table tr td span.new.disabled:hover {
        color: #d8d8d8; }
    .datepicker table tr td span:hover, .datepicker table tr td span.focused {
      background: #f5f5f5;
      color: #007D8F;
      cursor: pointer; }
    .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
      background: none;
      color: #999999;
      cursor: not-allowed; }
    .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
      background: #006675;
      color: #ffffff; }
  .datepicker .datepicker-switch {
    width: 145px; }
  .datepicker .datepicker-switch,
  .datepicker .prev,
  .datepicker .next,
  .datepicker tfoot tr th {
    cursor: pointer;
    -moz-border-radius: 4px;
         border-radius: 4px; }
    .datepicker .datepicker-switch:hover,
    .datepicker .prev:hover,
    .datepicker .next:hover,
    .datepicker tfoot tr th:hover {
      background: #eeeeee; }
  .datepicker .datepicker-title,
  .datepicker tfoot tr th {
    width: 100%; }
  .datepicker .datepicker-title {
    height: auto;
    line-height: inherit; }
  .datepicker .prev.disabled,
  .datepicker .next.disabled {
    visibility: hidden; }
  .datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle; }
  .datepicker > div:not(.datepicker-days) table tr td {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    height: auto; }

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer; }
  .input-append.date .add-on i,
  .input-prepend.date .add-on i {
    margin-top: 3px; }

.input-daterange input {
  text-align: center; }

.input-daterange input:first-child {
  -moz-border-radius-topleft: 3px;
       border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
       border-bottom-left-radius: 3px; }

.input-daterange input:last-child {
  -moz-border-radius-topright: 3px;
       border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
       border-bottom-right-radius: 3px; }

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 17px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 17px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px; }

/*doc
---
title: Combo box
name: select
category: combo
---

Lien vers la documentation du composant [bootstrap-select](https://silviomoreto.github.io/bootstrap-select/).

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>

<!--  CUSTOM JS -->
<script src="./../../build/js/bootstrap-select.js" type="text/javascript"></script>
Scripts à inclure :

- `<script src="common.js" type="text/javascript"></script>` (déjà en global)
- `<script src="bootstrap-select.js" type="text/javascript"></script>`


pour une initialisation spécifique, veuillez utiliser la commande :

`CommonNPC.actions.initSelect($select, options)`

- `$select`: Element de type jquery (`<select ...`)
- `options`: Options de *bootstrap-select*

*/
/*doc
---
title: Combo box - Default
parent: select
name: select-01
category: combo
---

Utilisation standard

```html_example
<form>
	<div class="form-group">
		<select class="selectpicker show-menu-arrow">
			<option>Option 1</option>
			<option>Option 2</option>
			<option>Option 3</option>
			<option>Option 4</option>
			<option>Option 5</option>
			<option>Option 6</option>
			<option>Option 7</option>
			<option>Option 8</option>
			<option>Option 9</option>
		</select>
	</div>
</form>
```

*/
/*doc
---
title: Combo box - Largeur
parent: select
name: select-02
category: combo
---

Utilisation avec indication de la largeur

```html_example
<form>
	<div class="row">
		<div class="form-group">
			<select class="selectpicker show-menu-arrow col-xs-6">
				<option>Option 1</option>
				<option>Option 2</option>
				<option>Option 3</option>
				<option>Option 4</option>
				<option>Option 5</option>
				<option>Option 6</option>
				<option>Option 7</option>
				<option>Option 8</option>
				<option>Option 9</option>
			</select>
		</div>
	</div>
</form>
```

*/
/*doc
---
title: Combo box - Panel blanc
parent: select
name: select-03
category: combo
---

Utilisation sur panel blanc

```html_example
<form class="panel panel-white">
	<div class="form-group">
		<select class="selectpicker show-menu-arrow">
			<option>Option 1</option>
			<option>Option 2</option>
			<option>Option 3</option>
			<option>Option 4</option>
			<option>Option 5</option>
			<option>Option 6</option>
			<option>Option 7</option>
			<option>Option 8</option>
			<option>Option 9</option>
		</select>
	</div>
</form>
```

*/
/*doc
---
title: Combo box - Panel gris
parent: select
name: select-04
category: combo
---

Utilisation sur panel gris

```html_example
<form class="panel panel-gray">
	<div class="form-group">
		<select class="selectpicker show-menu-arrow">
			<option>Option 1</option>
			<option>Option 2</option>
			<option>Option 3</option>
			<option>Option 4</option>
			<option>Option 5</option>
			<option>Option 6</option>
			<option>Option 7</option>
			<option>Option 8</option>
			<option>Option 9</option>
		</select>
	</div>
</form>
```

*/
/*doc
---
title: Combo box - Panel primary
parent: select
name: select-05
category: combo
---

Utilisation sur panel couleur primaire

```html_example
<form class="panel panel-primary">
	<div class="form-group">
		<select class="selectpicker show-menu-arrow">
			<option>Option 1</option>
			<option>Option 2</option>
			<option>Option 3</option>
			<option>Option 4</option>
			<option>Option 5</option>
			<option>Option 6</option>
			<option>Option 7</option>
			<option>Option 8</option>
			<option>Option 9</option>
		</select>
	</div>
</form>
```
*/
/*doc
---
title: Combo box - Default color
parent: select
name: select-06
category: combo
---

Utilisation du même style que les forms

```html_example
<form>
	<div class="form-group">
		<select class="selectpicker show-menu-arrow bootstrap-select--default">
			<option>Option 1</option>
			<option>Option 2</option>
			<option>Option 3</option>
			<option>Option 4</option>
			<option>Option 5</option>
			<option>Option 6</option>
			<option>Option 7</option>
			<option>Option 8</option>
			<option>Option 9</option>
		</select>
	</div>
</form>
```
*/
/*doc
---
title: Combo box - Inner label
parent: select
name: select-07
category: combo
---

Insertion d'un label

Scripts à inclure :

`<script src="selectInnerLabel.js" type="text/javascript"></script>`

<script src="../../build/js/selectInnerLabel.js"></script>

```html_example
<div class="form-group bootstrap-select-wrapper js-bootstrap-select-wrapper">
  <label for="" class="bootstrap-select-wrapperLabel">Trier par</label>
  <select id="" class="selectpicker show-menu-arrow bootstrap-select--default">
    <option>Compte</option>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
    <option>Option 4</option>
    <option>Option 5</option>
    <option>Option 6</option>
    <option>Option 7</option>
    <option>Option 8</option>
    <option>Option 9</option>
  </select>
</div>
```
*/
/*doc
---
title: Combo box - States
parent: select
name: select-20
category: combo
---

all states :

- danger
- warning
- success

```html_example
<form>
	<div class="form-group has-error">
		<select class="selectpicker show-menu-arrow bootstrap-select--default">
			<option>Option danger</option>
			<option>Option 2</option>
			<option>Option 3</option>
			<option>Option 4</option>
			<option>Option 5</option>
			<option>Option 6</option>
			<option>Option 7</option>
			<option>Option 8</option>
			<option>Option 9</option>
		</select>
	</div>
	<div class="form-group has-warning">
		<select class="selectpicker show-menu-arrow bootstrap-select--default">
			<option>Option warning</option>
			<option>Option 2</option>
			<option>Option 3</option>
			<option>Option 4</option>
			<option>Option 5</option>
			<option>Option 6</option>
			<option>Option 7</option>
			<option>Option 8</option>
			<option>Option 9</option>
		</select>
	</div>
	<div class="form-group has-success">
		<select class="selectpicker show-menu-arrow bootstrap-select--default">
			<option>Option success</option>
			<option>Option 2</option>
			<option>Option 3</option>
			<option>Option 4</option>
			<option>Option 5</option>
			<option>Option 6</option>
			<option>Option 7</option>
			<option>Option 8</option>
			<option>Option 9</option>
		</select>
	</div>
</form>
```
*/
/*doc
---
title: Combo box - With Scroll
parent: select
name: select-21
category: combo
---

Combo box with inner scroll

```html_example
<div class="Styleguide-bSelect"><!-- <==  /!\  Wrapper only for styleguide -->
  <form>
    <div class="form-group">
      <select class="selectpicker show-menu-arrow bootstrap-select--default">
        <option>Option scroll</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option>Option 4</option>
        <option>Option 5</option>
        <option>Option 6</option>
        <option>Option 7</option>
        <option>Option 8</option>
        <option>Option 9</option>
        <option>Option 10</option>
        <option>Option 11</option>
        <option>Option 12</option>
        <option>Option 13</option>
      </select>
    </div>
  </form>
</div>
```
*/
.bootstrap-select-wrapperLabel,
.bootstrap-select-innerLabel {
  color: #007D8F;
  text-transform: uppercase;
  margin-right: 3px; }
  .error .bootstrap-select-wrapperLabel,
  .has-error .bootstrap-select-wrapperLabel, .error
  .bootstrap-select-innerLabel,
  .has-error
  .bootstrap-select-innerLabel {
    color: #d70000; }

.bootstrap-select-innerLabel {
  display: none; }

.bootstrap-select-wrapper--innerLabel .bootstrap-select-wrapperLabel {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.bootstrap-select-wrapper--innerLabel .bootstrap-select-innerLabel {
  display: block;
  float: left; }

.bootstrap-select-wrapper--innerLabel .filter-option {
  display: block !important;
  width: auto !important;
  float: none !important;
  font-style: italic;
  text-overflow: ellipsis;
  white-space: nowrap; }

/*!
 * Bootstrap-select v1.11.2 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2016 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
select.bs-select-hidden,
select.selectpicker {
  display: none !important; }

.bootstrap-select {
  /*IE9 and below*/
  margin-bottom: 2px; }

.bootstrap-select > .dropdown-toggle {
  height: 41px;
  font-size: 12px;
  font-weight: 600;
  color: #454545;
  text-transform: none;
  width: 100%;
  padding-left: 16px;
  padding-right: 30px;
  z-index: 1;
  border-color: #007D8F !important;
  margin-bottom: 0;
  background: #ffffff; }

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #999; }

.bootstrap-select > select {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2; }

.bootstrap-select.open .btn-default {
  background-color: #fbfbfb; }

.panel-primary .bootstrap-select .btn-default {
  color: #007D8F;
  background-color: white; }

.panel-primary .btn.dropdown-toggle.btn-default:hover {
  background-color: #f2f2f2; }

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48; }

.bootstrap-select.fit-width {
  width: auto !important; }

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px; }

.bootstrap-select .dropdown-toggle:focus {
  /*
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
  */
  outline: none; }

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none; }

.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%; }

.bootstrap-select.form-control.input-group-btn {
  z-index: auto; }

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
  -moz-border-radius: 0;
       border-radius: 0; }

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0; }

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right; }

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0; }

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0; }

.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%; }

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed; }

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important; }

.bootstrap-select.btn-group.bs-container {
  position: absolute;
  height: 0 !important;
  padding: 0 !important; }

.bootstrap-select.btn-group.bs-container .dropdown-menu {
  z-index: 1060; }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left; }

.bootstrap-select.btn-group .dropdown-toggle .caret {
  color: transparent;
  position: absolute;
  top: 50%;
  right: 10px;
  border: 0; }
  .bootstrap-select.btn-group .dropdown-toggle .caret:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    color: #007D8F;
    width: 1em;
    height: 1em;
    line-height: 1;
    margin: -.5em 0;
    font-size: 19px; }

.bootstrap-select.btn-group.dropup .dropdown-toggle .caret:after {
  content: ""; }

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%; }

.bootstrap-select.btn-group .dropdown-menu {
  width: 100%;
  margin-top: 10px;
  /* ajout DME */
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bootstrap-select.btn-group.dropup .dropdown-menu {
  min-width: 100%;
  margin-bottom: 10px;
  /* ajout DME */
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  -moz-border-radius: 0;
       border-radius: 0;
  -moz-box-shadow: none;
       box-shadow: none; }

.bootstrap-select.btn-group .dropdown-menu li {
  position: relative; }

.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff; }

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed; }

.bootstrap-select.btn-group .dropdown-menu li.selected a {
  background-color: #fff;
  color: #007D8F; }

.bootstrap-select.btn-group .dropdown-menu li a {
  font-weight: 600;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: auto;
  line-height: 1.1rem;
  padding: 8px 20px;
  white-space: pre-wrap;
  white-space: initial; }

.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em; }

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none; }

.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block; }

.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em; }

.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -moz-box-shadow: none;
       box-shadow: none;
  pointer-events: none;
  opacity: 0.9;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap; }

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static; }

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  /* Modifié DME, ancienne valeur : rgba(204, 204, 204, 0.2); */
  position: absolute;
  bottom: -12px;
  /* Modifié DME, ancienne valeur : -4px */
  left: 39px;
  display: none; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -12px;
  /* Modifié DME, ancienne valeur : -4px */
  left: 40px;
  /* Modifié DME, ancienne valeur : 10px */
  display: none; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: -12px;
  top: -12px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
  /* Modifié DME, ancienne valeur : rgba(204, 204, 204, 0.2); */
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: -12px;
  top: -12px;
  border-top: 6px solid white;
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block; }

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px; }

.bs-actionsbox {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bs-actionsbox .btn-group button {
  width: 50%; }

.bs-donebutton {
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bs-donebutton .btn-group button {
  width: 100%; }

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px; }

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none; }

.btn.dropdown-toggle.btn-default {
  border-color: #999999; }

.btn.dropdown-toggle.btn-default:hover {
  background-color: #ffffff;
  color: #454545; }

.btn.dropdown-toggle.btn-default:focus {
  background-color: #ffffff;
  color: #454545; }
.bootstrap-select--default > .dropdown-toggle {
  background: #fff;
  border-color: #ccc !important; }
  .bootstrap-select--default > .dropdown-toggle:hover, .bootstrap-select--default > .dropdown-toggle:focus {
    background-color: #ffffff !important;
    color: #454545 !important; }

.bootstrap-select--default.open > .dropdown-toggle,
.bootstrap-select--default > .dropdown-toggle:focus {
  border-color: #007D8F !important; }

.bootstrap-select--default.bootstrap-select.btn-group .dropdown-toggle .caret:after {
  font-size: 12px; }

.has-error .bootstrap-select--default > .dropdown-toggle,
.has-error .bootstrap-select--default.open > .dropdown-toggle,
.has-error .bootstrap-select--default > .dropdown-toggle:focus,
.error .bootstrap-select--default > .dropdown-toggle,
.error .bootstrap-select--default.open > .dropdown-toggle,
.error .bootstrap-select--default > .dropdown-toggle:focus {
  color: #d70000 !important;
  border-color: #d70000 !important; }

.has-error .bootstrap-select--default > .dropdown-toggle .caret:after,
.error .bootstrap-select--default > .dropdown-toggle .caret:after {
  color: #d70000; }

.has-warning .bootstrap-select--default > .dropdown-toggle,
.has-warning .bootstrap-select--default.open > .dropdown-toggle,
.has-warning .bootstrap-select--default > .dropdown-toggle:focus {
  border-color: #f0ad4e !important; }

.has-warning .bootstrap-select--default > .dropdown-toggle .caret:after {
  color: #f0ad4e; }

.has-success .bootstrap-select--default > .dropdown-toggle,
.has-success .bootstrap-select--default.open > .dropdown-toggle,
.has-success .bootstrap-select--default > .dropdown-toggle:focus {
  border-color: #5cb85c !important; }

.has-success .bootstrap-select--default > .dropdown-toggle .caret:after {
  color: #5cb85c; }

.selectpicker-caption {
  background-color: #f5f5f5 !important; }

/*doc
---
title: Switch
name: switch
category: switch
---

Lien vers la documentation du composant [bootstrap-switch](http://www.bootstrap-switch.org).

Scripts à inclure :

    <script src="bootstrap-switch.js" type="text/javascript"></script>

```html_example
<form>
	<input class="switch" type="checkbox" checked>
	<input class="switch" type="checkbox" data-on-text="immédiat" data-off-text="à échéance" checked>
</form>
<script>
$(function(){
	$(':input.switch[type="checkbox"]').bootstrapSwitch();
});
</script>
```
*/
/* ========================================================================
 * bootstrap-switch - v3.3.2
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */
.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  -moz-border-radius: 4px;
       border-radius: 4px;
  border: 1px solid;
  border-color: #007D8F;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s; }

.bootstrap-switch .bootstrap-switch-container {
  height: 41px;
  display: inline-block;
  top: 0;
  -moz-border-radius: 4px;
       border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
       transform: translate3d(0, 0, 0); }

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
  line-height: 41px;
  vertical-align: middle;
  text-transform: uppercase; }

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1; }

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #007D8F; }

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #5bc0de; }

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c; }

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff; }

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f; }

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #454545;
  background: #f5f5f5; }

.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  color: #333333;
  background: #ffffff; }

.bootstrap-switch .bootstrap-switch-handle-on {
  -moz-border-radius-bottomleft: 3px;
       border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
       border-top-left-radius: 3px; }

.bootstrap-switch .bootstrap-switch-handle-off {
  -moz-border-radius-bottomright: 3px;
       border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
       border-top-right-radius: 3px; }

.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  margin: 0;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0); }

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5; }

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.3333333; }

.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default !important; }

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important; }

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -moz-transition: margin-left 0.5s;
  transition: margin-left 0.5s; }

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  -moz-border-radius-bottomleft: 0;
       border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
       border-top-left-radius: 0;
  -moz-border-radius-bottomright: 3px;
       border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
       border-top-right-radius: 3px; }

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  -moz-border-radius-bottomright: 0;
       border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
       border-top-right-radius: 0;
  -moz-border-radius-bottomleft: 3px;
       border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
       border-top-left-radius: 3px; }

.bootstrap-switch.bootstrap-switch-focused {
  /*
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  */ }

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  -moz-border-radius-bottomright: 3px;
       border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
       border-top-right-radius: 3px; }

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  -moz-border-radius-bottomleft: 3px;
       border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
       border-top-left-radius: 3px; }

/*doc
---
title: Etapier
name: pearls
category: pearls
---

*/
/*doc
---
title: Etapier - no current
name: pearls-01
parent: pearls
category: pearls
---

```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/pearls/_pearls--01.kit")

</div>
```
*/
/*doc
---
title: Etapier - first current
name: pearls-02
parent: pearls
category: pearls
---
```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/pearls/_pearls--02.kit")

</div>
```
*/
/*doc
---
title: Etapier - current
name: pearls-03
parent: pearls
category: pearls
---

```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/pearls/_pearls--03.kit")

</div>
```
*/
/*doc
---
title: Etapier - last current
name: pearls-04
parent: pearls
category: pearls
---

```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/pearls/_pearls--04.kit")

</div>
```
*/
/*doc
---
title: Etapier - All Done
name: pearls-05
parent: pearls
category: pearls
---

```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/pearls/_pearls--05.kit")

</div>
```
*/
/*doc
---
title: Etapier - No Current - Background White
name: pearls-06
parent: pearls
category: pearls
---

```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->
  <div class="panel panel-white">
    @@include("../../kit/components/pearls/_pearls--01.kit")
  </div>
</div>
```
*/
/*doc
---
title: Etapier - First Current - Background White
name: pearls-07
parent: pearls
category: pearls
---

```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->
  <div class="panel panel-white">
    @@include("../../kit/components/pearls/_pearls--02.kit")
  </div>
</div>
```
*/
/*doc
---
title: Etapier - First Done + Second Current - Background White
name: pearls-08
parent: pearls
category: pearls
---

```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->
  <div class="panel panel-white">
    @@include("../../kit/components/pearls/_pearls--03.kit")
  </div>
</div>
```
*/
/*doc
---
title: Etapier - Last Current - Background White
name: pearls-09
parent: pearls
category: pearls
---

```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->
  <div class="panel panel-white">
    @@include("../../kit/components/pearls/_pearls--04.kit")
  </div>
</div>
```
*/
/*doc
---
title: Etapier - All Done - Background White
name: pearls-10
parent: pearls
category: pearls
---

```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->
  <div class="panel panel-white">
    @@include("../../kit/components/pearls/_pearls--05.kit")
  </div>
</div>
```
*/
/*doc
---
title: Etapier - No Current - Background Gray
name: pearls-11
parent: pearls
category: pearls
---

```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->
  <div class="panel panel-gray">
    @@include("../../kit/components/pearls/_pearls--01.kit")
  </div>
</div>
```
*/
/*doc
---
title: Etapier - First Current - Background Gray
name: pearls-12
parent: pearls
category: pearls
---

```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->
  <div class="panel panel-gray">
    @@include("../../kit/components/pearls/_pearls--02.kit")
  </div>
</div>
```
*/
/*doc
---
title: Etapier - First Done + Second Current - Background Gray
name: pearls-13
parent: pearls
category: pearls
---

```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->
  <div class="panel panel-gray">
    @@include("../../kit/components/pearls/_pearls--03.kit")
  </div>
</div>
```
*/
/*doc
---
title: Etapier - Last Current - Background Gray
name: pearls-14
parent: pearls
category: pearls
---

```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->
  <div class="panel panel-gray">
    @@include("../../kit/components/pearls/_pearls--04.kit")
  </div>
</div>
```
*/
/*doc
---
title: Etapier - All Done - Background Gray
name: pearls-15
parent: pearls
category: pearls
---

```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->
  <div class="panel panel-gray">
    @@include("../../kit/components/pearls/_pearls--05.kit")
  </div>
</div>
```
*/
.pearls {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: #999999; }

.pearl {
  position: relative;
  padding: 24px 3px 0;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  text-align: center; }

.pearl-number,
.pearl-icon,
.pearl-dot {
  position: absolute;
  top: 12px;
  left: 50%;
  width: 12px;
  height: 12px;
  margin: -6px;
  background: #999999;
  background: currentColor;
  border: solid 2px #999999;
  border: solid 2px currentColor;
  -moz-border-radius: 100%;
       border-radius: 100%; }
  .pearl-number:before, .pearl-number:after,
  .pearl-icon:before,
  .pearl-icon:after,
  .pearl-dot:before,
  .pearl-dot:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    height: 2px;
    margin: -1px 2px;
    width: 999px;
    background: #999999;
    background: currentColor; }
  .pearl-number:after,
  .pearl-icon:after,
  .pearl-dot:after {
    left: 100%;
    right: auto; }

.pearl-title {
  line-height: 1.4; }

.pearl:first-child .pearl-dot:before,
.pearl:last-child .pearl-dot:after,
.pearl:first-child .pearl-number:before,
.pearl:last-child .pearl-number:after {
  display: none; }

.pearl--current .pearl-dot,
.pearl--current .pearl-number,
.pearl--current .pearl-icon,
.current .pearl-dot,
.current .pearl-number,
.current .pearl-icon {
  background: transparent;
  border-color: #007D8F; }
  .pearl--current .pearl-dot:before,
  .pearl--current .pearl-number:before,
  .pearl--current .pearl-icon:before,
  .current .pearl-dot:before,
  .current .pearl-number:before,
  .current .pearl-icon:before {
    background: #007D8F; }

.pearl--current .pearl-title,
.current .pearl-title {
  color: #007D8F; }

.pearl--done .pearl-dot,
.pearl--done .pearl-number,
.pearl--done .pearl-icon,
.done .pearl-dot,
.done .pearl-number,
.done .pearl-icon {
  background: #007D8F;
  border-color: #007D8F; }
  .pearl--done .pearl-dot:before, .pearl--done .pearl-dot:after,
  .pearl--done .pearl-number:before,
  .pearl--done .pearl-number:after,
  .pearl--done .pearl-icon:before,
  .pearl--done .pearl-icon:after,
  .done .pearl-dot:before,
  .done .pearl-dot:after,
  .done .pearl-number:before,
  .done .pearl-number:after,
  .done .pearl-icon:before,
  .done .pearl-icon:after {
    background: #007D8F; }

.pearl--done .pearl-title,
.done .pearl-title {
  color: #007D8F; }

.pearl-number {
  font-size: 0; }

.pearl-icon {
  font-size: 0; }

/*doc
---
title: Accordéon
name: accordion
category: accordion
---

```html_example
<div class="panel-group panel-group-continuous" id="exampleAccordionContinuous" aria-multiselectable="true" role="tablist">
    <div class="panel">
        <div class="panel-heading" id="exampleHeadingContinuousOne" role="tab">
            <a class="panel-title collapsed" data-parent="#exampleAccordionContinuous" data-toggle="collapse" href="#exampleCollapseContinuousOne" aria-controls="exampleCollapseContinuousOne" aria-expanded="false">Collapsible Group Item #1</a>
        </div>

        <div class="panel-collapse collapse" id="exampleCollapseContinuousOne" aria-labelledby="exampleHeadingContinuousOne" role="tabpanel" aria-expanded="false" style="height: 0px;">
            <div class="panel-body">
                Amice cum distinguantur, pronuntiaret omnesque. Sensum opes bonorum rationis propemodum viros elegantis perpetua impetu, sentiunt probo insidiarum telos eruditus, inanium, inprobitatem sero medium necessitatibus, reperiuntur tolerabiles arbitrarer maxime equidem iniucundus ecce sine possunt, primo expedire sumitur infinitio dicturum statuam adhibuit, assumenda.
            </div>
        </div>
    </div>

    <div class="panel">
        <div class="panel-heading" id="exampleHeadingContinuousTwo" role="tab">
            <a class="panel-title collapsed" data-parent="#exampleAccordionContinuous" data-toggle="collapse" href="#exampleCollapseContinuousTwo" aria-controls="exampleCollapseContinuousTwo" aria-expanded="false">Collapsible Group Item #2</a>
        </div>

        <div class="panel-collapse collapse" id="exampleCollapseContinuousTwo" aria-labelledby="exampleHeadingContinuousTwo" role="tabpanel" aria-expanded="false">
            <div class="panel-body">
                Honoris euripidis, perspici dolemus varias dicat dicantur feramus quisquis desideret solet, diligant aequo iudicem a superstitione secumque ponatur soluta iucunditate, artibus confidam esset quaeri sitisque legendis appareat consequuntur notionem, splendore maius legendis, adolescens nescio perpetua motum adhuc amoris optimus nihil requirere.
            </div>
        </div>
    </div>

    <div class="panel">
        <div class="panel-heading" id="exampleHeadingContinuousThree" role="tab">
            <a class="panel-title collapsed" data-parent="#exampleAccordionContinuous" data-toggle="collapse" href="#exampleCollapseContinuousThree" aria-controls="exampleCollapseContinuousThree" aria-expanded="false">Collapsible Group Item #3</a>
        </div>

        <div class="panel-collapse collapse" id="exampleCollapseContinuousThree" aria-labelledby="exampleHeadingContinuousThree" role="tabpanel" aria-expanded="false">
            <div class="panel-body">
                Torquatis noster, impensa turma bono, litterae postulet, permanentes nostro derigatur veriusque istam accedere intervalla chremes affert. Ius sententiae legatis atomus quas, ponunt levitatibus timeret. Reque sinit, magnam percipi censet mentitum sis nivem virtutibus seiungi. Bono disserunt nemore. Propter blanditiis laboriosam expeteremus.
            </div>
        </div>
    </div>
</div>
```
*/
a.panel-title {
  text-decoration: none; }

.panel-group .panel-heading {
  position: relative;
  background-color: #007D8F;
  -moz-border-radius-topleft: 0px;
       border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
       border-top-right-radius: 0px;
  padding: 0;
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
  color: white; }

.panel-group .panel-title {
  padding: 15px 30px;
  font-size: 14px;
  width: 100% !important; }
  .panel-group .panel-title:before, .panel-group .panel-title:after {
    position: absolute;
    right: 20px;
    -moz-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    color: white;
    font-size: 20px; }
  .panel-group .panel-title:before {
    content: ""; }
  .panel-group .panel-title:after {
    content: ""; }
  .panel-group .panel-title[aria-expanded="false"]:before {
    opacity: 1; }
  .panel-group .panel-title[aria-expanded="false"]:after {
    opacity: 0; }
  .panel-group .panel-title[aria-expanded="true"]:before {
    opacity: 0; }
  .panel-group .panel-title[aria-expanded="true"]:after {
    opacity: 1; }
  .panel-group .panel-title:hover, .panel-group .panel-title:focus {
    color: #ffffff;
    text-decoration: none; }
  .panel-group .panel-title:focus {
    outline: none; }

.panel-group .panel-heading + .panel-collapse {
  margin: 0; }

.panel-group .panel-collapse .panel-body {
  padding: 15px 30px; }

.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top-color: transparent; }

.panel-group .panel {
  padding: 0; }

.panel-group .panel + .panel {
  margin-top: 10px; }

.panel-group-continuous .panel {
  -moz-border-radius: 0;
       border-radius: 0; }
  .panel-group-continuous .panel:first-child {
    -moz-border-radius: 0px 0px 0 0;
         border-radius: 0px 0px 0 0; }
  .panel-group-continuous .panel:last-child {
    -moz-border-radius: 0 0 0px 0px;
         border-radius: 0 0 0px 0px; }

.panel-group-continuous .panel + .panel {
  margin-top: 0;
  border-top: 1px solid #ffffff; }

.panel-group-simple .panel {
  background: transparent;
  -moz-box-shadow: none;
       box-shadow: none; }

.panel-group-simple .panel-title {
  padding-left: 0;
  padding-bottom: 10px; }
  .panel-group-simple .panel-title:before, .panel-group-simple .panel-title:after {
    right: 5px; }

.panel-group-simple .panel-collapse .panel-body {
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px; }

.panel-group-simple .panel + .panel {
  margin-top: 0; }

/*doc
---
title: Images BAM
name: images-bam
category: images
---

```html_example
<div class="imgbam-logo-sepamail" title="Message1&nbsp;...."></div>
<span class="imgbam-logo-sepamail" title="Message1&nbsp;...."></span>
<a href="#"><p>Lien<span class="imgbam-logo-sepamail" title="Message1&nbsp;...."></span></p></a>
```

###Liste des classes disponibles

| Ancienne image | Nouvelle image | Classe
| ---------------|--------------- | ------
| <div class="imgbam-hautdepage-old"></div> | <div class="imgbam-hautdepage"></div> | `imgbam-hautdepage`
| <div class="imgbam-fleche-blanc-droite-old"></div> | <div class="imgbam-fleche-blanc-droite"></div> | `imgbam-fleche-blanc-droite`
| <div class="imgbam-fleche-blanc-bas-old"></div> | <div class="imgbam-fleche-blanc-bas"></div> | `imgbam-fleche-blanc-bas`
| <div class="imgbam-fleche-bleu-droite-old"></div> | <div class="imgbam-fleche-bleu-droite"></div> | `imgbam-fleche-bleu-droite`
| <div class="imgbam-fleche-bleu-bas-old"></div> | <div class="imgbam-fleche-bleu-bas"></div> | `imgbam-fleche-bleu-bas`
| <div class="imgbam-picto-indispo-old"></div> | <div class="imgbam-picto-indispo"></div> | `imgbam-picto-indispo`
| <div class="imgbam-picto-nouveau-old"></div> | <div class="imgbam-picto-nouveau"></div> | `imgbam-picto-nouveau`
| <div class="imgbam-picto-goprem-old"></div> | <div class="imgbam-picto-goprem"></div> | `imgbam-picto-goprem`
| <div class="imgbam-picto-goder-old"></div> | <div class="imgbam-picto-goder"></div> | `imgbam-picto-goder`
| <div class="imgbam-picto-goprec-old"></div> | <div class="imgbam-picto-goprec"></div> | `imgbam-picto-goprec`
| <div class="imgbam-picto-gosuiv-old"></div> | <div class="imgbam-picto-gosuiv"></div> | `imgbam-picto-gosuiv`
| <div class="imgbam-picto-pdf-old"></div> | <div class="imgbam-picto-pdf"></div> | `imgbam-picto-pdf`
| <div class="imgbam-ajax-loader-old"></div> | <div class="imgbam-ajax-loader"></div> | `imgbam-ajax-loader`
| <div class="imgbam-puce-lien-old"></div> | <div class="imgbam-puce-lien"></div> | `imgbam-puce-lien`
| <div class="imgbam-picto-imprimer-old"></div> | <div class="imgbam-picto-imprimer"></div> | `imgbam-picto-imprimer`
| <div class="imgbam-picto-telecharger-old"></div> | <div class="imgbam-picto-telecharger"></div> | `imgbam-picto-telecharger`
| <div class="imgbam-logo-999-old"></div> | <div class="imgbam-logo-999"></div> | `imgbam-logo-999`
| <div class="imgbam-logo-sepamail-old"></div> | <div class="imgbam-logo-sepamail"></div> | `imgbam-logo-sepamail`
| <div class="imgbam-pic-rechercher-old"></div> | <div class="imgbam-pic-rechercher"></div> | `imgbam-pic-rechercher`
| <div class="imgbam-pic-valide-old"></div> | <div class="imgbam-pic-valide"></div> | `imgbam-pic-valide`
| <div class="imgbam-pic-info-old"></div> | <div class="imgbam-pic-info"></div> | `imgbam-pic-info`
| <div class="imgbam-pic-modele-facture-old"></div> | <div class="imgbam-pic-modele-facture"></div> | `imgbam-pic-modele-facture`
| <div class="imgbam-pic-perime-old"></div> | <div class="imgbam-pic-perime"></div> | `imgbam-pic-perime`
| <div class="imgbam-pic-refuse-old"></div> | <div class="imgbam-pic-refuse"></div> | `imgbam-pic-refuse`
| <div class="imgbam-pic-alerte-old"></div> | <div class="imgbam-pic-alerte"></div> | `imgbam-pic-alerte`
| <div class="imgbam-pic-fd-rechercher-old"></div> | <div class="imgbam-pic-fd-rechercher"></div> | `imgbam-pic-fd-rechercher`
| <div class="imgbam-pic-fd-alerte-gris-old"></div> | <div class="imgbam-pic-fd-alerte-gris"></div> | `imgbam-pic-fd-alerte-gris`
| <div class="imgbam-pic-fd-alerte-rouge-old"></div> | <div class="imgbam-pic-fd-alerte-rouge"></div> | `imgbam-pic-fd-alerte-rouge`
| <div class="imgbam-pic-en-cours-old"></div> | <div class="imgbam-pic-en-cours"></div> | `imgbam-pic-en-cours`
| <div class="imgbam-pic-rejetee-old"></div> | <div class="imgbam-pic-rejetee"></div> | `imgbam-pic-rejetee`
| <div class="imgbam-picto-piecejointe-old"></div> | <div class="imgbam-picto-piecejointe"></div> | `imgbam-picto-piecejointe`
| <div class="imgbam-pic-aide-old"></div> | <div class="imgbam-pic-aide"></div> | `imgbam-pic-aide`
| <div class="imgbam-ampoule-old"></div> | <div class="imgbam-ampoule"></div> | `imgbam-ampoule`
| <div class="imgbam-point-interrogation-old"></div> | <div class="imgbam-point-interrogation"></div> | `imgbam-point-interrogation`
| <div class="imgbam-indispo-old"></div> | <div class="imgbam-indispo"></div> | `imgbam-indispo`
| <div class="imgbam-fermee-old"></div> | <div class="imgbam-fermee"></div> | `imgbam-fermee`
| <div class="imgbam-fermee-petit-old"></div> | <div class="imgbam-fermee-petit"></div> | `imgbam-fermee-petit`
| <div class="imgbam-choix-rdv-old"></div> | <div class="imgbam-choix-rdv"></div> | `imgbam-choix-rdv`
| <div class="imgbam-dispo-rdv-old"></div> | <div class="imgbam-dispo-rdv"></div> | `imgbam-dispo-rdv`
| <div class="imgbam-dispo-hover-old"></div> | <div class="imgbam-dispo-hover"></div> | `imgbam-dispo-hover`
| <div class="imgbam-picto-etoile-off-old"></div> | <div class="imgbam-picto-etoile-off"></div> | `imgbam-picto-etoile-off`
| <div class="imgbam-picto-etoile-old"></div> | <div class="imgbam-picto-etoile"></div> | `imgbam-picto-etoile`
| <div class="imgbam-suppr-old"></div> | <div class="imgbam-suppr"></div> | `imgbam-suppr`
| <div class="imgbam-deplier-old"></div> | <div class="imgbam-deplier"></div> | `imgbam-deplier`
| <div class="imgbam-plier-old"></div> | <div class="imgbam-plier"></div> | `imgbam-plier`

### Image pour niveau d'utilisation des dossiers de la messagerie
```html_example
<div>
	<p>Occupation des dossiers</p>
	<div class="barre_mess" style="background-position:-92px 0pt;"></div>
	8 %
</div>
<div>
	<p>Occupation des dossiers</p>
	<div class="barre_mess" style="background-position:-8px 0pt;"></div>
	92 %
</div>
```
*/
#BoutonRetourAccueilBAM {
  display: none; }

.imgbam-hautdepage-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/picto_hautdepage.png);
  width: 15px;
  height: 15px; }

.imgbam-hautdepage {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("../images/commun/bam/part/hautdepage.svg");
  background-repeat: no-repeat;
  -moz-background-size: 15px 15px;
       background-size: 15px 15px; }

.imgbam-fleche-blanc-droite-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/fleche_blanc_droite.png);
  width: 9px;
  height: 10px; }

.imgbam-fleche-blanc-droite {
  display: inline-block;
  width: 9px;
  height: 10px;
  background-image: url("../images/commun/bam/part/fleche_blanc_droite.svg");
  background-repeat: no-repeat;
  -moz-background-size: 9px 10px;
       background-size: 9px 10px; }

.imgbam-fleche-blanc-bas-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/fleche_blanc_bas.png);
  width: 9px;
  height: 10px; }

.imgbam-fleche-blanc-bas {
  display: inline-block;
  width: 9px;
  height: 10px;
  background-image: url("../images/commun/bam/part/fleche_blanc_bas.svg");
  background-repeat: no-repeat;
  -moz-background-size: 9px 10px;
       background-size: 9px 10px; }

.imgbam-fleche-bleu-droite-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/fleche_bleuc_droite.png);
  width: 9px;
  height: 10px; }

.imgbam-fleche-bleu-droite {
  display: inline-block;
  width: 9px;
  height: 10px;
  background-image: url("../images/commun/bam/part/fleche_bleu_droite.svg");
  background-repeat: no-repeat;
  -moz-background-size: 9px 10px;
       background-size: 9px 10px; }

.imgbam-fleche-bleu-bas-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/fleche_bleuc_bas.png);
  width: 9px;
  height: 10px; }

.imgbam-fleche-bleu-bas {
  display: inline-block;
  width: 9px;
  height: 10px;
  background-image: url("../images/commun/bam/part/fleche_bleu_bas.svg");
  background-repeat: no-repeat;
  -moz-background-size: 9px 10px;
       background-size: 9px 10px; }

.imgbam-picto-indispo-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/picto_indispo.png);
  width: 14px;
  height: 15px; }

.imgbam-picto-indispo {
  display: inline-block;
  width: 14px;
  height: 15px;
  background-image: url("../images/commun/bam/part/pdf.svg");
  background-repeat: no-repeat;
  -moz-background-size: 14px 15px;
       background-size: 14px 15px; }

.imgbam-picto-nouveau-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/picto_nouveau.png);
  width: 17px;
  height: 16px; }

.imgbam-picto-nouveau {
  display: inline-block;
  width: 17px;
  height: 16px;
  background-image: url("../images/commun/bam/part/nouveau.svg");
  background-repeat: no-repeat;
  -moz-background-size: 17px 16px;
       background-size: 17px 16px; }

.imgbam-picto-goprem-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/picto_goprem.png);
  width: 16px;
  height: 16px; }

.imgbam-picto-goprem {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/commun/bam/part/goprem.svg");
  background-repeat: no-repeat;
  -moz-background-size: 16px 16px;
       background-size: 16px 16px; }

.imgbam-picto-goder-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/picto_goder.png);
  width: 16px;
  height: 16px; }

.imgbam-picto-goder {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/commun/bam/part/goder.svg");
  background-repeat: no-repeat;
  -moz-background-size: 16px 16px;
       background-size: 16px 16px; }

.imgbam-picto-goprec-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/picto_goprec.png);
  width: 16px;
  height: 16px; }

.imgbam-picto-goprec {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/commun/bam/part/goprec.svg");
  background-repeat: no-repeat;
  -moz-background-size: 16px 16px;
       background-size: 16px 16px; }

.imgbam-picto-gosuiv-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/picto_gosuiv.png);
  width: 16px;
  height: 16px; }

.imgbam-picto-gosuiv {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/commun/bam/part/gosuiv.svg");
  background-repeat: no-repeat;
  -moz-background-size: 16px 16px;
       background-size: 16px 16px; }

.imgbam-picto-pdf-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/picto_pdf.png);
  width: 16px;
  height: 16px; }

.imgbam-picto-pdf {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/commun/bam/part/pdf.svg");
  background-repeat: no-repeat;
  -moz-background-size: 16px 16px;
       background-size: 16px 16px; }

.imgbam-ajax-loader-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/ajax-loader.gif);
  width: 16px;
  height: 16px; }

.imgbam-ajax-loader {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/commun/bam/part/loader_250.gif");
  background-repeat: no-repeat;
  -moz-background-size: 16px 16px;
       background-size: 16px 16px; }

/*
.imgbam-ajax-loader{
    width: 16px;
    height: 16px;
    border: 1px $brand-primary solid;
    border-radius: 50%;
    -webkit-animation: rotation 1s ease-in-out infinite;
       -moz-animation: rotation 1s ease-in-out infinite;
            animation: rotation 1s ease-in-out infinite;
}
.imgbam-ajax-loader:after{
    width: 5px;
    height: 5px;
    background-color: $brand-secondary;
    border-radius: 100%;
    position: absolute;
    content: "";
}
*/
@-webkit-keyframes rotation {
  00% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotation {
  00% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }

@keyframes rotation {
  00% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
            transform: rotate(360deg); } }

.imgbam-puce-lien-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/PuceLien.gif);
  width: 3px;
  height: 6px; }

.imgbam-puce-lien {
  display: inline-block;
  width: 3px;
  height: 6px;
  background-image: url("../images/commun/bam/part/puce_lien.svg");
  background-repeat: no-repeat;
  -moz-background-size: 3px 6px;
       background-size: 3px 6px; }

.imgbam-picto-imprimer-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/picto_imprimer.png);
  width: 16px;
  height: 16px; }

.imgbam-picto-imprimer {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/commun/bam/part/imprimer.svg");
  background-repeat: no-repeat;
  -moz-background-size: 16px 16px;
       background-size: 16px 16px; }

.imgbam-picto-telecharger-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/picto_telecharger.png);
  width: 14px;
  height: 14px; }

.imgbam-picto-telecharger {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("../images/commun/bam/part/telecharger.svg");
  background-repeat: no-repeat;
  -moz-background-size: 14px 14px;
       background-size: 14px 14px; }

.imgbam-logo-999-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/logo_999.png);
  width: 72px;
  height: 62px; }

.imgbam-logo-999 {
  display: inline-block;
  width: 72px;
  height: 62px;
  background-image: url(../images/commun/bam/logo_999.svg);
  background-repeat: no-repeat;
  -moz-background-size: 72px 62px;
       background-size: 72px 62px; }

.imgbam-logo-sepamail-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/Logo_SEPAmail.png);
  width: 139px;
  height: 33px; }

.imgbam-logo-sepamail {
  display: inline-block;
  background-image: url(../images/commun/bam/sepamail.png);
  width: 139px;
  height: 33px;
  background-repeat: no-repeat;
  -moz-background-size: 139px 33px;
       background-size: 139px 33px; }

.imgbam-pic-rechercher-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/Pic_Rechercher.png);
  width: 15px;
  height: 15px; }

.imgbam-pic-rechercher {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("../images/commun/bam/part/rechercher.svg");
  background-repeat: no-repeat;
  -moz-background-size: 15px 15px;
       background-size: 15px 15px; }

.imgbam-pic-valide-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/Pic_Valide.png);
  width: 15px;
  height: 15px; }

.imgbam-pic-valide {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("../images/commun/bam/part/valide.svg");
  background-repeat: no-repeat;
  -moz-background-size: 15px 15px;
       background-size: 15px 15px; }

.imgbam-pic-info-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/Pic_Info.png);
  width: 15px;
  height: 15px; }

.imgbam-pic-info {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("../images/commun/bam/part/info.svg");
  background-repeat: no-repeat;
  -moz-background-size: 15px 15px;
       background-size: 15px 15px; }

.imgbam-pic-modele-facture-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/Pic_Modele_Facture.png);
  width: 74px;
  height: 75px; }

.imgbam-pic-modele-facture {
  display: inline-block;
  width: 74px;
  height: 75px;
  background-image: url("../images/commun/bam/part/facture.svg");
  background-repeat: no-repeat;
  -moz-background-size: 74px 75px;
       background-size: 74px 75px; }

.imgbam-pic-perime-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/Pic_Perime.png);
  width: 15px;
  height: 15px; }

.imgbam-pic-perime {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("../images/commun/bam/part/perime.svg");
  background-repeat: no-repeat;
  -moz-background-size: 15px 15px;
       background-size: 15px 15px; }

.imgbam-pic-refuse-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/Pic_Refuse.png);
  width: 15px;
  height: 15px; }

.imgbam-pic-refuse {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("../images/commun/bam/part/refuse.svg");
  background-repeat: no-repeat;
  -moz-background-size: 15px 15px;
       background-size: 15px 15px; }

.imgbam-pic-alerte-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/Pic_Alerte.png);
  width: 15px;
  height: 15px; }

.imgbam-pic-alerte {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("../images/commun/bam/part/alerte.svg");
  background-repeat: no-repeat;
  -moz-background-size: 15px 15px;
       background-size: 15px 15px; }

.imgbam-pic-fd-rechercher-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/Pic_fd_Rechercher.png);
  width: 150px;
  height: 150px; }

.imgbam-pic-fd-rechercher {
  display: inline-block;
  width: 150px;
  height: 150px;
  background-image: url("../images/commun/bam/part/rechercher.svg");
  background-repeat: no-repeat;
  -moz-background-size: 150px 150px;
       background-size: 150px 150px; }

.imgbam-pic-fd-alerte-gris-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/Pic_fd_Alerte-gris.png);
  width: 30px;
  height: 30px; }

.imgbam-pic-fd-alerte-gris {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../images/commun/bam/part/fd_alerte_gris.svg");
  background-repeat: no-repeat;
  -moz-background-size: 30px 30px;
       background-size: 30px 30px; }

.imgbam-pic-fd-alerte-rouge-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/Pic_fd_Alerte-rouge.png);
  width: 30px;
  height: 30px; }

.imgbam-pic-fd-alerte-rouge {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../images/commun/bam/part/fd_alerte_rouge.svg");
  background-repeat: no-repeat;
  -moz-background-size: 30px 30px;
       background-size: 30px 30px; }

.imgbam-pic-en-cours-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/Pic_En_Cours.png);
  width: 15px;
  height: 15px; }

.imgbam-pic-en-cours {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("../images/commun/bam/part/en_cours.svg");
  background-repeat: no-repeat;
  -moz-background-size: 15px 15px;
       background-size: 15px 15px; }

.imgbam-pic-rejetee-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/Pic_Rejetee.png);
  width: 15px;
  height: 15px; }

.imgbam-pic-rejetee {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("../images/commun/bam/part/rejetee.svg");
  background-repeat: no-repeat;
  -moz-background-size: 15px 15px;
       background-size: 15px 15px; }

.imgbam-picto-piecejointe-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/picto_piecejointe.png);
  width: 18px;
  height: 17px; }

.imgbam-picto-piecejointe {
  display: inline-block;
  width: 18px;
  height: 17px;
  background-image: url("../images/commun/bam/part/piece_jointe.svg");
  background-repeat: no-repeat;
  -moz-background-size: 18px 17px;
       background-size: 18px 17px; }

.imgbam-pic-aide-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/Pic_Aide.png);
  width: 20px;
  height: 20px; }

.imgbam-pic-aide {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/commun/bam/part/aide.svg");
  background-repeat: no-repeat;
  -moz-background-size: 20px 20px;
       background-size: 20px 20px; }

.imgbam-ampoule-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/ampoule.png);
  width: 32px;
  height: 32px; }

.imgbam-ampoule {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("../images/commun/bam/part/ampoule.svg");
  background-repeat: no-repeat;
  -moz-background-size: 32px 32px;
       background-size: 32px 32px; }

.imgbam-point-interrogation-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/IconePointIinterrogation.PNG);
  width: 26px;
  height: 24px; }

.imgbam-point-interrogation {
  display: inline-block;
  width: 26px;
  height: 24px;
  background-image: url("../images/commun/bam/part/aide.svg");
  background-repeat: no-repeat;
  -moz-background-size: 26px 24px;
       background-size: 26px 24px; }

.imgbam-indispo-old {
  display: inline-block;
  background-color: #999999;
  width: 30px;
  height: 30px; }

.imgbam-indispo {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: -moz-repeating-linear-gradient(135deg, #f5f5f5, #f5f5f5 2px, #d8d8d8 2px, #d8d8d8 4px);
  background: repeating-linear-gradient(-45deg, #f5f5f5, #f5f5f5 2px, #d8d8d8 2px, #d8d8d8 4px); }

.imgbam-fermee-old {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: -moz-repeating-linear-gradient(135deg, #f5f5f5, #f5f5f5 2px, #d8d8d8 2px, #d8d8d8 4px);
  background: repeating-linear-gradient(-45deg, #f5f5f5, #f5f5f5 2px, #d8d8d8 2px, #d8d8d8 4px); }

.imgbam-fermee {
  width: 2.5em;
  height: 2.5em;
  position: relative;
  border: 1px solid #999999;
  overflow: hidden; }
  .imgbam-fermee:before, .imgbam-fermee:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1px;
    width: 140%;
    background: #999999;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
       -moz-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg); }
  .imgbam-fermee:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
       -moz-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg); }

.imgbam-fermee-petit-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/fermee_petit.png);
  width: 15px;
  height: 15px; }

.imgbam-fermee-petit {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: -moz-repeating-linear-gradient(135deg, #f5f5f5, #f5f5f5 2px, #d8d8d8 2px, #d8d8d8 4px);
  background: repeating-linear-gradient(-45deg, #f5f5f5, #f5f5f5 2px, #d8d8d8 2px, #d8d8d8 4px); }

.imgbam-choix-rdv-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/choix_rdv.png);
  width: 30px;
  height: 30px; }

.imgbam-choix-rdv {
  display: inline-block;
  background-color: #007D8F;
  width: 30px;
  height: 30px; }

.imgbam-dispo-rdv-old {
  display: inline-block;
  background-color: #e5e5e5;
  width: 30px;
  height: 30px; }

.imgbam-dispo-rdv {
  display: inline-block;
  background-color: #ffffff;
  width: 30px;
  height: 30px;
  border: 2px solid #007D8F; }

.imgbam-dispo-hover-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/dispo_hover.png);
  width: 30px;
  height: 30px; }

.imgbam-dispo-hover {
  display: inline-block;
  background-color: #99cc00;
  width: 30px;
  height: 30px; }

.imgbam-picto-etoile-off-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/picto_etoile_off.png);
  width: 16px;
  height: 14px; }

.imgbam-picto-etoile-off {
  display: inline-block;
  width: 16px;
  height: 14px;
  background-image: url("../images/commun/bam/part/etoile_off.svg");
  background-repeat: no-repeat;
  -moz-background-size: 16px 14px;
       background-size: 16px 14px; }

.imgbam-picto-etoile-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/picto_etoile.png);
  width: 16px;
  height: 14px; }

.imgbam-picto-etoile {
  display: inline-block;
  width: 16px;
  height: 14px;
  background-image: url("../images/commun/bam/part/etoile.svg");
  background-repeat: no-repeat;
  -moz-background-size: 16px 14px;
       background-size: 16px 14px; }

.imgbam-suppr-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/suppr.gif);
  width: 14px;
  height: 14px; }

.imgbam-suppr {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("../images/commun/bam/part/suppr.svg");
  background-repeat: no-repeat;
  -moz-background-size: 14px 14px;
       background-size: 14px 14px; }

.imgbam-deplier-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/deplier.png);
  width: 18px;
  height: 18px; }

.imgbam-deplier {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("../images/commun/bam/part/deplier.svg");
  background-repeat: no-repeat;
  -moz-background-size: 18px 18px;
       background-size: 18px 18px; }

.imgbam-plier-old {
  display: inline-block;
  background-image: url(../images/commun/bam/_old/plier.png);
  width: 18px;
  height: 18px; }

.imgbam-plier {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("../images/commun/bam/part/plier.svg");
  background-repeat: no-repeat;
  -moz-background-size: 18px 18px;
       background-size: 18px 18px; }

.barre_mess {
  font-size: 9px;
  background-image: url("../images/commun/bam/part/barre_mess.png");
  background-repeat: no-repeat;
  border: 1px solid #007D8F;
  height: 11px;
  width: 100px;
  margin-right: 7px; }

/*doc
---
title: Menu interne
parent: forms
name: internal-menu
category: forms
---


```html_example
<ul class="internal-menu">
   <li><a href="#">Chèques reçus</a></li>
   <li><a href="#">E-Documents</a></li>
   <li><a href="#">Infos Carte</a></li>
   <li><a href="#">Option menu x</a></li>
   <li><a href="#">Option menu y</a></li>
   <li><a href="#">Option menu z</a></li>
</ul>
```
*/
.internal-menu {
  margin-top: 20px;
  padding-left: 0px;
  padding-bottom: 20px;
  list-style: none;
  text-align: left;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0px; }
  .internal-menu li {
    position: relative;
    display: inline-block;
    background-color: #007D8F;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 2px; }
    .internal-menu li a {
      color: white;
      text-decoration: none; }
    .internal-menu li:hover {
      background-color: #00505c;
      cursor: pointer; }
  .internal-menu li:before {
    position: absolute;
    left: -17px !important;
    vertical-align: middle;
    font-family: "NPC Icons";
    content: "\f159";
    font-size: 32px;
    color: white; }
  .internal-menu li:first-child:before {
    content: ""; }

a.panel-title {
  text-decoration: none; }

.combo-group .panel {
  -moz-border-radius: 0;
       border-radius: 0; }
  .combo-group .panel:first-child {
    -moz-border-radius: 0px 0px 0 0;
         border-radius: 0px 0px 0 0; }
  .combo-group .panel:last-child {
    -moz-border-radius: 0 0 0px 0px;
         border-radius: 0 0 0px 0px; }

.combo-group .panel-heading {
  background-color: #007D8F;
  -moz-border-radius-topleft: 0px;
       border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
       border-top-right-radius: 0px;
  padding: 0px;
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
  color: white; }

.combo-group .panel-title {
  padding: 15px 30px;
  font-size: 14px; }
  .combo-group .panel-title:before, .combo-group .panel-title:after {
    position: absolute;
    right: 50px;
    font-family: 'Glyphicons Halflings';
    -moz-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    color: #007D8F; }
  .combo-group .panel-title:before {
    content: "\e114"; }
  .combo-group .panel-title:after {
    content: "\e113"; }
  .combo-group .panel-title[aria-expanded="false"]:before {
    opacity: 1; }
  .combo-group .panel-title[aria-expanded="false"]:after {
    opacity: 0; }
  .combo-group .panel-title[aria-expanded="true"]:before {
    opacity: 0; }
  .combo-group .panel-title[aria-expanded="true"]:after {
    opacity: 1; }
  .combo-group .panel-title:hover, .combo-group .panel-title:focus {
    color: #ffffff;
    text-decoration: none; }
  .combo-group .panel-title:focus {
    outline: none; }

.combo-group .panel-heading + .panel-collapse {
  margin: 0; }

.combo-group .panel-collapse .panel-body {
  padding: 15px 30px; }

.combo-group .panel-heading + .panel-collapse .panel-body {
  border-top-color: transparent; }

.combo-group .panel {
  padding: 0; }

.combo-group .panel + .panel {
  margin-top: 0;
  border-top: 1px solid #ffffff; }

.combo-group .panel-primary > .panel-heading {
  background-color: white;
  border: solid;
  border-color: #007D8F;
  border-width: 1px; }
  .combo-group .panel-primary > .panel-heading a {
    color: #454545; }

.combo-group .panel-primary .panel-body {
  background-color: white;
  color: #454545;
  border: solid;
  border-color: #007D8F;
  border-width: 1px; }
  .combo-group .panel-primary .panel-body a {
    color: #454545;
    text-decoration: none; }

.combo-group .list-group-item:first-child {
  -moz-border-radius-topright: 0px;
       border-top-right-radius: 0px;
  -moz-border-radius-topleft: 0px;
       border-top-left-radius: 0px; }

.combo-group .list-group-item:last-child {
  -moz-border-radius-topright: 0px;
       border-top-right-radius: 0px;
  -moz-border-radius-topleft: 0px;
       border-top-left-radius: 0px; }

.panel-combo {
  min-height: -moz-calc(3*56px);
  min-height: calc(3*56px);
  max-height: -moz-calc(3*56px);
  max-height: calc(3*56px);
  overflow-y: scroll;
  padding: 0px !important; }

a.panel-title {
  text-decoration: none; }

.list-group {
  margin-bottom: 2px; }
  .list-group .panel {
    background-color: #f5f5f5;
    -moz-border-radius: 0;
         border-radius: 0;
    margin-bottom: 0px; }
    .list-group .panel:first-child {
      -moz-border-radius: 0px 0px 0 0;
           border-radius: 0px 0px 0 0; }
    .list-group .panel:last-child {
      -moz-border-radius: 0 0 0px 0px;
           border-radius: 0 0 0px 0px; }
  .list-group .panel-row-simple {
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 0px !important;
    padding-left: 0px !important;
    background-color: #f5f5f5; }
    .list-group .panel-row-simple:before, .list-group .panel-row-simple:after {
      content: " ";
      display: table; }
    .list-group .panel-row-simple:after {
      clear: both; }
  .list-group .panel-row {
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 0px !important;
    padding-left: 0px !important;
    background-color: #f5f5f5; }
    .list-group .panel-row:before, .list-group .panel-row:after {
      content: " ";
      display: table; }
    .list-group .panel-row:after {
      clear: both; }
  .list-group .panel-body > .panel-row {
    border: none !important; }
    .list-group .panel-body > .panel-row:nth-child(odd) {
      background-color: white; }
    .list-group .panel-body > .panel-row:nth-child(even) {
      background-color: transparent; }
  .list-group .panel-heading {
    background-color: #f5f5f5;
    -moz-border-radius-topleft: 0px;
         border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
         border-top-right-radius: 0px;
    padding: 0px;
    vertical-align: middle;
    color: white;
    height: 100%; }
  .list-group .panel-title {
    padding: 15px 15px 15px 15px;
    color: #007D8F;
    width: 100%;
    font-size: 12px;
    /*
    &:before,
    &:after {
      position: absolute;
      //top: 0px;
      right: 50px;
      font-family: 'Glyphicons Halflings';
      transition: all 300ms linear 0s;
      color: $brand-primary;
    }

    &:before {
	    //top: 120px;
	    padding-top: 28px;
      content: "\e259";
    }

    &:after {
      content: "\e260";
    }

    &[aria-expanded="false"] {
      &:before {
        opacity: 1;
      }

      &:after {
        opacity: 0;
        //@include transform('rotate(-180deg)');
      }
    }

    &[aria-expanded="true"] {
      &:before {
        opacity: 0;
        //@include transform('rotate(180deg)');
      }

      &:after {
        opacity: 1;
      }
    }
	*/ }
    @media (min-width: 990px) {
      .list-group .panel-title {
        font-size: 12px; } }
    .list-group .panel-title .panel-collapse .panel-body {
      padding: 15px 15px 15px 15px !important;
      background-color: olive; }
    .list-group .panel-title .collapse-icon {
      cursor: pointer;
      color: #007D8F; }
      .list-group .panel-title .collapse-icon:after {
        font-family: 'Glyphicons Halflings';
        -moz-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
        content: "\e260"; }
      .list-group .panel-title .collapse-icon.collapsed:after {
        font-family: 'Glyphicons Halflings';
        -moz-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
        content: "\e259"; }
    .list-group .panel-title:hover, .list-group .panel-title:focus {
      text-decoration: none; }
    .list-group .panel-title:focus {
      outline: none; }
  .list-group .panel-heading + .panel-collapse {
    margin: 0; }
  .list-group .panel-collapse .panel-body {
    padding: 15px 15px; }
  .list-group .panel-heading + .panel-collapse .panel-body {
    border-top-color: transparent; }
  .list-group .panel {
    padding: 0; }
  .list-group .panel + .panel {
    margin-top: 0;
    border-top: 1px solid #ffffff; }
  .list-group .panel-primary > .panel-heading {
    background-color: white;
    border: solid;
    border-color: #007D8F;
    border-width: 1px; }
    .list-group .panel-primary > .panel-heading a {
      color: #454545; }
  .list-group .panel-primary .panel-body {
    background-color: white;
    color: #454545;
    border: solid;
    border-color: #007D8F;
    border-width: 1px; }
    .list-group .panel-primary .panel-body a {
      color: #454545;
      text-decoration: none; }
  .list-group .list-group-item:first-child {
    -moz-border-radius-topright: 0px;
         border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
         border-top-left-radius: 0px; }
  .list-group .list-group-item:last-child {
    -moz-border-radius-topright: 0px;
         border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
         border-top-left-radius: 0px; }
  .list-group .row-title-description {
    height: 25px;
    line-height: 24px; }
    .list-group .row-title-description div[class*="col-"] {
      padding-left: 0px; }
  .list-group .row-description {
    height: 50px;
    line-height: 24px; }
    @media (min-width: 990px) {
      .list-group .row-description {
        height: 25px;
        line-height: 24px; } }
    .list-group .row-description div[class*="col-"] {
      padding-left: 0px; }
  .list-group .col-description {
    color: #aaaaaa;
    font-weight: 400;
    padding-left: 10px !important;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .list-group .col-value {
    color: #454545;
    font-weight: 400;
    text-align: left;
    padding-left: 10px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media (min-width: 990px) {
      .list-group .col-value {
        text-align: right; } }
  .list-group .col-spacer {
    background-color: #f5f5f5 !important;
    height: 50%; }
    @media (min-width: 990px) {
      .list-group .col-spacer {
        height: 100%; } }
  .list-group .row-button {
    margin-top: 20px; }
    .list-group .row-button .col-button-left {
      text-align: right; }
    .list-group .row-button .col-button-right {
      text-align: left; }
  .list-group .col-visible-xs {
    display: block;
    visibility: visible; }
    @media (min-width: 990px) {
      .list-group .col-visible-xs {
        display: none;
        visibility: hidden; } }
  .list-group .col-white {
    background-color: white !important; }

.Animation-breathing {
  opacity: 1;
  stroke: #cdeae7;
  stroke-width: 4;
  fill: transparent;
  -webkit-animation: Breathing 1.5s linear infinite;
     -moz-animation: Breathing 1.5s linear infinite;
          animation: Breathing 1.5s linear infinite; }

@-webkit-keyframes Breathing {
  from, to {
    stroke-width: 1px;
    opacity: 0.7; }
  60% {
    stroke-width: 4px;
    opacity: 1; } }

@-moz-keyframes Breathing {
  from, to {
    stroke-width: 1px;
    opacity: 0.7; }
  60% {
    stroke-width: 4px;
    opacity: 1; } }

@keyframes Breathing {
  from, to {
    stroke-width: 1px;
    opacity: 0.7; }
  60% {
    stroke-width: 4px;
    opacity: 1; } }

.js-StickyWrap:before, .js-StickyWrap:after {
  content: '';
  display: table;
  clear: both; }

.Testimonials-carousel .carousel-indicators, .CarouselActu.owl-carousel .owl-dots, .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-dots, .pushMultiple-list.owl-loaded .owl-dots, .PushPage-items.owl-loaded .owl-dots, .PartnerEntities-carousel.owl-loaded .owl-dots, .StockIndicesKE.owl-loaded .owl-dots, .CarouselVideoPlayer.owl-carousel .owl-dots {
  text-align: center; }

.Testimonials-carousel .carousel-indicators li, .CarouselActu.owl-carousel .owl-dot, .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-dot, .pushMultiple-list.owl-loaded .owl-dot, .PushPage-items.owl-loaded .owl-dot, .PartnerEntities-carousel.owl-loaded .owl-dot, .StockIndicesKE.owl-loaded .owl-dot, .CarouselVideoPlayer.owl-carousel .owl-dot {
  background: #007D8F;
  -moz-border-radius: 50%;
       border-radius: 50%;
  border: 2px solid #007D8F;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  margin: 0 3px;
  padding: 0;
  -moz-transition: background 200ms ease;
  transition: background 200ms ease;
  width: 12px; }

.Testimonials-carousel .carousel-indicators li:hover:not(.active), .Testimonials-carousel .carousel-indicators li:focus:not(.active), .CarouselActu.owl-carousel .owl-dot:hover:not(.active), .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-dot:hover:not(.active), .pushMultiple-list.owl-loaded .owl-dot:hover:not(.active), .PushPage-items.owl-loaded .owl-dot:hover:not(.active), .PartnerEntities-carousel.owl-loaded .owl-dot:hover:not(.active), .StockIndicesKE.owl-loaded .owl-dot:hover:not(.active), .CarouselVideoPlayer.owl-carousel .owl-dot:hover:not(.active), .CarouselActu.owl-carousel .owl-dot:focus:not(.active), .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-dot:focus:not(.active), .pushMultiple-list.owl-loaded .owl-dot:focus:not(.active), .PushPage-items.owl-loaded .owl-dot:focus:not(.active), .PartnerEntities-carousel.owl-loaded .owl-dot:focus:not(.active), .StockIndicesKE.owl-loaded .owl-dot:focus:not(.active), .CarouselVideoPlayer.owl-carousel .owl-dot:focus:not(.active) {
  background: rgba(0, 125, 143, 0.8); }

.Testimonials-carousel .carousel-indicators li.active, .CarouselActu.owl-carousel .owl-dot.active, .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-dot.active, .pushMultiple-list.owl-loaded .owl-dot.active, .PushPage-items.owl-loaded .owl-dot.active, .PartnerEntities-carousel.owl-loaded .owl-dot.active, .StockIndicesKE.owl-loaded .owl-dot.active, .CarouselVideoPlayer.owl-carousel .owl-dot.active {
  background: transparent; }

.owl-nav.disabled {
  display: none; }

.PushPage-items.owl-loaded .owl-stage-outer {
  overflow: hidden; }

.PushPage-items.owl-loaded .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

@media (max-width: 989px) {
  .js-sliderNav-toggle {
    display: none; } }

@media (min-width: 990px) {
  .js-sliderNav {
    position: relative; }
  .js-sliderNav--slider .js-sliderNav-toggle {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
            transform: translateX(0); }
  .js-sliderNav--reverse .js-sliderNav-toggle {
    padding: 0 0 0 30px; }
    .js-sliderNav--reverse .js-sliderNav-toggle:before {
      opacity: 0;
      -webkit-transform: translateX(100%);
         -moz-transform: translateX(100%);
              transform: translateX(100%); }
    .js-sliderNav--reverse .js-sliderNav-toggle:after {
      opacity: 1;
      -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
              transform: translateX(0); }
  .js-sliderNav-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    height: 30px;
    padding: 0 30px 0 0;
    margin: -15px 20px;
    line-height: 30px;
    text-align: center;
    color: #007D8F;
    text-decoration: none;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
            transform: translateX(100%); }
    .js-sliderNav-toggle:before, .js-sliderNav-toggle:after {
      font-family: "NPC Icons";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      position: absolute;
      top: 50%;
      width: 1em;
      height: 1em;
      margin: -.5em;
      line-height: 0.75;
      font-size: 22px;
      transition: opacity 300ms ease, -webkit-transform 300ms ease;
      -moz-transition: transform 300ms ease, opacity 300ms ease, -moz-transform 300ms ease;
      transition: transform 300ms ease, opacity 300ms ease;
      transition: transform 300ms ease, opacity 300ms ease, -webkit-transform 300ms ease, -moz-transform 300ms ease; }
    .js-sliderNav-toggle:before {
      content: "";
      right: 15px;
      opacity: 1;
      -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
              transform: translateX(0); }
    .js-sliderNav-toggle:after {
      content: "";
      left: 15px;
      opacity: 0;
      -webkit-transform: translateX(-100%);
         -moz-transform: translateX(-100%);
              transform: translateX(-100%); }
    .js-sliderNav-toggle:hover, .js-sliderNav-toggle:focus {
      color: #006675;
      text-decoration: none; }
  .js-sliderNav-nav {
    white-space: nowrap;
    display: inline-block;
    font-size: 0;
    transition: width 300ms ease, -webkit-transform 300ms ease;
    -moz-transition: transform 300ms ease, width 300ms ease, -moz-transform 300ms ease;
    transition: transform 300ms ease, width 300ms ease;
    transition: transform 300ms ease, width 300ms ease, -webkit-transform 300ms ease, -moz-transform 300ms ease; }
  .js-sliderNav-item {
    display: inline-block;
    font-size: 12px;
    -moz-transition: opacity 300ms ease, visibility 300ms;
    transition: opacity 300ms ease, visibility 300ms; }
  .js-sliderNav-item--hide {
    visibility: hidden;
    opacity: 0; } }

.sliderNav--prev,
.sliderNav--next {
  position: absolute;
  top: 50%;
  height: 60px;
  margin-top: -30px;
  padding: 0 3px;
  line-height: 60px;
  color: #454545;
  text-decoration: none;
  opacity: 0;
  visibility: hidden;
  -moz-transition: opacity .5s ease, visibility .5s ease;
  transition: opacity .5s ease, visibility .5s ease; }
  @media (max-width: 989px) {
    .sliderNav--prev,
    .sliderNav--next {
      display: none; } }
  .sliderNav--prev.sliderNav-direction--visible,
  .sliderNav--next.sliderNav-direction--visible {
    opacity: 1;
    visibility: visible; }

span.sliderNav--prev,
span.sliderNav--next {
  pointer-events: none; }

a.sliderNav--prev:hover, a.sliderNav--prev:focus,
a.sliderNav--next:hover,
a.sliderNav--next:focus {
  cursor: pointer;
  color: #006675;
  text-decoration: none; }

.sliderNav--prev {
  left: 0;
  margin-left: 2px;
  margin-right: -15px; }

.sliderNav--next {
  right: 0;
  margin-left: -15px;
  margin-right: -3px; }
  .js-sliderNav--slider[data-next-points-collapsed="false"] .sliderNav--next {
    margin-left: 0; }

/*doc
---
title: Pagination
name: pagination
category: pagination
---

All paginations
*/
/*doc
---
title: Pagination - BEM
parent: pagination
name: 01-paginationBEM
category: pagination
---
*/
/*doc
---
title: Pagination - default
parent: 01-paginationBEM
name: 01-paginationBEM-01
category: pagination
---

```html_example
@@include("../../kit/components/_pagination.kit")
```
*/
/*doc
---
title: Pagination - gray
parent: 01-paginationBEM
name: 01-paginationBEM-02
category: pagination
---

```html_example
@@include("../../kit/components/_pagination--gray.kit")
```
*/
.Pagination {
  position: relative;
  text-align: center;
  padding-left: 0;
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  font-size: 0;
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  text-rendering: optimizespeed; }

.Pagination-total,
.Pagination-item {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
  font-size: 12px;
  font-family: "Open Sans", sans-serif; }

.Pagination-total {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%); }
  @media (max-width: 989px) {
    .Pagination-total {
      display: none; } }

.Pagination-link, .Pagination--gray .Pagination-link, .dataTables_paginate .ellipsis,
.dataTables_paginate .paginate_button, .dataTable--gray ~ .dataTables_paginate .paginate_button,
.dataTable--paginationRounded ~ .dataTables_paginate .paginate_button {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  margin: 0 6px;
  text-align: center;
  color: #454545; }
  .Pagination-link, .Pagination--gray .Pagination-link, .dataTables_paginate .ellipsis,
  .dataTables_paginate .paginate_button, .dataTable--gray ~ .dataTables_paginate .paginate_button,
  .dataTable--paginationRounded ~ .dataTables_paginate .paginate_button, .Pagination-link:hover, .dataTables_paginate .ellipsis:hover,
  .dataTables_paginate .paginate_button:hover, .Pagination-link:active, .dataTables_paginate .ellipsis:active,
  .dataTables_paginate .paginate_button:active, .Pagination-link:focus, .dataTables_paginate .ellipsis:focus,
  .dataTables_paginate .paginate_button:focus {
    text-decoration: none; }

.Pagination-link--active, .Pagination--gray .Pagination-link--active, .dataTables_paginate .paginate_button.current, .dataTable--gray ~ .dataTables_paginate .paginate_button.current,
.dataTable--paginationRounded ~ .dataTables_paginate .paginate_button.current {
  background: #007D8F;
  -moz-border-radius: 50px;
       border-radius: 50px; }
  .Pagination-link--active, .Pagination--gray .Pagination-link--active, .dataTables_paginate .paginate_button.current, .dataTable--gray ~ .dataTables_paginate .paginate_button.current,
  .dataTable--paginationRounded ~ .dataTables_paginate .paginate_button.current, .Pagination-link--active:hover, .dataTables_paginate .paginate_button.current:hover, .Pagination-link--active:active, .dataTables_paginate .paginate_button.current:active, .Pagination-link--active:focus, .dataTables_paginate .paginate_button.current:focus {
    color: #ffffff; }

.Pagination-link--disabled {
  cursor: not-allowed; }

@media (max-width: 989px) {
  .Pagination-link--prev,
  .Pagination-link--next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #007D8F;
    -moz-border-radius: 50%;
         border-radius: 50%; }
    .Pagination-link--prev, .Pagination-link--prev:hover, .Pagination-link--prev:active, .Pagination-link--prev:focus,
    .Pagination-link--next,
    .Pagination-link--next:hover,
    .Pagination-link--next:active,
    .Pagination-link--next:focus {
      color: #ffffff; } }

@media (max-width: 989px) {
  .Pagination-link--prev {
    left: 0; } }

@media (max-width: 989px) {
  .Pagination-link--next {
    right: 0; } }

@media (min-width: 990px) {
  .Pagination-mobile {
    display: none; } }

.Pagination-select {
  width: 150px !important; }

.Pagination--gray {
  margin: 0;
  padding: 10px 30px;
  background: #f5f5f5; }

/*doc
---
title: Pagination - datatable
parent: pagination
name: 02-paginationDatatable
category: pagination
---
*/
/*doc
---
title: Pagination - default
parent: 02-paginationDatatable
name: 02-paginationDatatable-01
category: pagination
---

```html_example
@@include("../../kit/components/_paginationDatatable.kit")
```
*/
/*doc
---
title: Pagination - gray
parent: 02-paginationDatatable
name: 02-paginationDatatable-02
category: pagination
---

```html_example
@@include("../../kit/components/_paginationDatatable--gray.kit")
```
*/
/*doc
---
title: Pagination - pagination rounded
parent: 02-paginationDatatable
name: 02-paginationDatatable-03
category: pagination
---

```html_example
@@include("../../kit/components/_paginationDatatable--paginationRounded.kit")
```
*/
/*doc
---
title: Pagination - pagination rounded - right
parent: 02-paginationDatatable
name: 02-paginationDatatable-04
category: pagination
---

```html_example
@@include("../../kit/components/_paginationDatatable--paginationRounded-right.kit")
```
*/
.dataTables_wrapper:after {
  content: '';
  display: table;
  clear: both; }

.dataTables_info {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 24px; }
  .dataTables_info:empty {
    display: none; }

.dataTables_paginate {
  font-size: 0;
  text-align: center; }
  .dataTables_paginate .paginate_button {
    cursor: pointer; }
    .dataTables_paginate .paginate_button, .dataTables_paginate .paginate_button:hover, .dataTables_paginate .paginate_button:active, .dataTables_paginate .paginate_button:focus {
      text-decoration: none; }
    .dataTables_paginate .paginate_button:hover, .dataTables_paginate .paginate_button:focus {
      color: #007D8F; }
    .dataTables_paginate .paginate_button.disabled {
      cursor: not-allowed; }

.dataTable--gray ~ .dataTables_info {
  padding: 10px 10px 10px 30px; }

.dataTable--gray ~ .dataTables_paginate {
  padding: 10px 30px;
  background: #f5f5f5; }

.dataTable--paginationRight ~ .dataTables_paginate {
  float: right; }

.CarouselActu {
  clear: both;
  outline: none;
  padding: 0 8px; }
  .CarouselActu.cq-Editable-dom {
    display: block; }
  .CarouselActu.owl-carousel .owl-dots {
    padding-top: 15px; }
  .CarouselActu.owl-carousel .owl-stage {
    margin: 0 auto; }
  .CarouselActu.owl-carousel .owl-item {
    padding: 0 7px; }
    .CarouselActu.owl-carousel .owl-item, .CarouselActu.owl-carousel .owl-item * {
      outline: none; }

.Tooltip {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-align: center;
  background-color: #fff; }
  @media (max-width: 649px) {
    .Tooltip {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0 10%; } }
  @media (min-width: 650px) {
    .Tooltip {
      position: absolute;
      left: auto;
      top: 25px;
      right: 50%;
      bottom: auto;
      z-index: 5;
      width: 480px;
      padding: 30px;
      margin-right: -240px;
      text-align: left;
      -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
           box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2); }
      .Tooltip::before {
        content: '';
        position: absolute;
        left: 50%;
        top: -18px;
        margin-left: -10px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #fff; } }

.Tooltip-close {
  position: absolute;
  right: 15px;
  top: 15px; }
  .Tooltip-close, .Tooltip-close:hover {
    text-decoration: none;
    color: #454545; }
  @media (max-width: 649px) {
    .Tooltip-close {
      top: 0;
      right: 0;
      width: 60px;
      height: 60px;
      font-size: 15px;
      line-height: 60px;
      background-color: #007D8F;
      color: #ffffff; } }

.Tooltip-title {
  margin-top: 0;
  line-height: 1.2; }

.Tooltip-btn {
  min-width: 50%;
  color: #ffffff; }

/*doc
---
title: Alert Banner
name: alertbanner
category: alertbanner
---

All items of Alert Banner

**Template exemple:**

- [Univers de besoins](../../build/examples/t002_universeOfNeed.html)

*/
/*doc
---
title: Alert Banner
name: 01-alertbanner
parent: alertbanner
category: alertbanner
---
*/
/*doc
---
title: Alert Banner - Message Standard
name: 01-alertbanner-01
parent: 01-alertbanner
category: alertbanner
---

```html_example
<div class="AlertBanners"><!-- <==  /!\  Wrapper only for styleguide -->

<div class="AlertBanner js-AlertBanner">
    <div class="AlertBanner-icon"><i class="icon npc-exclamation"></i></div>

    <div class="AlertBanner-message">
        <p><b>INFORMATION PRATIQUES</b> A compter du 1er septembre 2016 votre agence Crédit Agricole Ile de France restera ouverte le samedi jusqu'à 14h. <a href="#">En savoir plus</a>  </p>
    </div>

    <a class="icon npc-close AlertBanner-close js-AlertBanner-close" href="#" title="Fermer le bandeau"></a>
</div>

</div>
```
*/
/*doc
---
title: Alert Banner - Message Strong
name: 01-alertbanner-02
parent: 01-alertbanner
category: alertbanner
---

```html_example
<div class="AlertBanners"><!-- <==  /!\  Wrapper only for styleguide -->

<div class="AlertBanner js-AlertBanner">
    <div class="AlertBanner-icon"><i class="icon npc-exclamation"></i></div>

    <div class="AlertBanner-message">
        <p><b class="AlertBanner-messageStrong">La page que vous recherchez n'existe pas</b></p>
        <p>Peut être trouverez vous ce que vous cherchez sur cette page.</p>
    </div>

    <a class="icon npc-close AlertBanner-close js-AlertBanner-close" href="#" title="Fermer le bandeau"></a>
</div>

</div>
```
*/
/*doc
---
title: Alert Banner - Danger Black
name: 01-alertbanner-03
parent: 01-alertbanner
category: alertbanner
---

```html_example
<div class="AlertBanners"><!-- <==  /!\  Wrapper only for styleguide -->

<div class="AlertBanner AlertBanner--block js-AlertBanner">
  <div class="AlertBanner-icon AlertBanner-icon--position"><i class="icon npc-danger"></i></div>

  <div class="AlertBanner-message--smallPad">
    <p><b class="AlertBanner-messageStrong">Alert sécurité</b> Attention, plusieurs campagnes de pishing sont en cours qui s'appuient sur différents types d'emails frauduleux. <a href="#">En savoir plus</a></p>
  </div>

  <div class="AlertBanner-close AlertBanner-linksWrapper">
    <a href="#" class="AlertBanner-links AlertBanner-links--smallMarg js-AlertBanner-close">ME LE RAPPELER PLUS TARD</a>
    <a href="#" class="AlertBanner-linksWhite js-AlertBanner-close">OK C'EST NOTÉ</a>
  </div>
</div>

</div>
```
*/
/*doc
---
title: Alert Banner - Danger Red
name: 01-alertbanner-04
parent: 01-alertbanner
category: alertbanner
---

```html_example
<div class="AlertBanners"><!-- <==  /!\  Wrapper only for styleguide -->

<div class="AlertBanner AlertBanner--block AlertBanner--danger js-AlertBanner">
  <div class="AlertBanner-icon AlertBanner-icon--position"><i class="icon npc-danger"></i></div>

  <div class="AlertBanner-message--smallPad">
    <p><b class="AlertBanner-messageStrong">Alert sécurité</b> Attention, plusieurs campagnes de pishing sont en cours qui s'appuient sur différents types d'emails frauduleux. <a href="#">En savoir plus</a></p>
  </div>

  <div class="AlertBanner-close AlertBanner-linksWrapper">
    <a href="#" class="AlertBanner-links AlertBanner-links--smallMarg js-AlertBanner-close">ME LE RAPPELER PLUS TARD</a>
    <a href="#" class="AlertBanner-linksWhite js-AlertBanner-close">OK C'EST NOTÉ</a>
  </div>
</div>

</div>
```
*/
/*doc
---
title: Alert Banner - Message Standard Top 0
name: 01-alertbanner-05
parent: 01-alertbanner
category: alertbanner
---

```html_example
<div class="AlertBanners"><!-- <==  /!\  Wrapper only for styleguide -->

<div class="AlertBanner AlertBanner--top js-AlertBanner">
    <div class="AlertBanner-icon"><i class="icon npc-exclamation"></i></div>

    <div class="AlertBanner-message">
        <p><b>INFORMATION PRATIQUES</b> A compter du 1er septembre 2016 votre agence Crédit Agricole Ile de France restera ouverte le samedi jusqu'à 14h. <a href="#">En savoir plus</a>  </p>
    </div>

    <a class="icon npc-close AlertBanner-close js-AlertBanner-close" href="#" title="Fermer le bandeau"></a>
</div>

</div>
```
*/
/* Div of the entire component */
.AlertBanner {
  position: fixed;
  top: 120px;
  left: 0;
  z-index: 9999;
  width: 100%;
  background-color: #454545;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .AlertBanner p {
    margin: 0;
    font-weight: 300; }
  .AlertBanner, .AlertBanner a, .AlertBanner a:hover, .AlertBanner a:visited, .AlertBanner a:active, .AlertBanner a:focus {
    color: #ffffff; }
  @media (max-width: 989px) {
    .AlertBanner {
      top: 60px; } }

.has-header-logged .AlertBanner,
.has-header-sticky .AlertBanner {
  top: 60px; }

/* Modifier for red banner */
.AlertBanner--danger {
  background-color: #d70000; }

.AlertBanner--top {
  top: 0 !important; }
  .aem-AuthorLayer-Edit .cq-Editable-dom .AlertBanner--top {
    position: static; }

/* Divide the content into 2 cells  */
.AlertBanner-icon,
.AlertBanner-message,
.AlertBanner-message--smallPad,
.AlertBanner-close {
  padding: 15px 0; }

/* Information Icon */
.AlertBanner-icon {
  width: 90px;
  font-size: 3.5em;
  padding-left: 30px;
  padding-right: 10px;
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px; }
  .AlertBanner-icon img {
    display: block; }

/* The text message */
.AlertBanner-message {
  width: 89%;
  line-height: 1.5; }

/* Text message with small padding right */
.AlertBanner-message--smallPad {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1.5; }

/* Strong text */
.AlertBanner-messageStrong {
  font-weight: 600;
  font-size: 1.3em; }

/* close Icon */
.AlertBanner-close {
  font-size: 1.2em;
  padding: 0 30px 0 30px;
  text-align: center; }
  .AlertBanner-close, .AlertBanner-close:hover {
    text-decoration: none; }

/* Div that encompasses the Links */
.AlertBanner-linksWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32%; }

/* Links */
.AlertBanner-links {
  display: inline-block;
  text-decoration: none;
  padding: 5px 11px;
  margin: 0 5px;
  border: 1px solid #ffffff;
  -moz-border-radius: 3px;
       border-radius: 3px;
  font-weight: 300;
  font-size: 0.8em;
  color: #ffffff; }
  .AlertBanner-links:focus, .AlertBanner-links:active, .AlertBanner-links:visited, .AlertBanner-links:hover {
    text-decoration: none; }
  .AlertBanner-links:hover {
    color: #454545 !important;
    background-color: #ffffff; }

.AlertBanner-linksWhite {
  display: inline-block;
  text-decoration: none;
  padding: 5px 11px;
  margin: 0 5px;
  border: 1px solid #ffffff;
  -moz-border-radius: 3px;
       border-radius: 3px;
  font-weight: 300;
  font-size: 0.8em;
  background-color: #ffffff;
  color: #454545 !important; }
  .AlertBanner-linksWhite:focus, .AlertBanner-linksWhite:active, .AlertBanner-linksWhite:visited, .AlertBanner-linksWhite:hover {
    text-decoration: none; }
  .AlertBanner-linksWhite:hover {
    color: #454545 !important;
    background-color: #f5f5f5; }

/* Modifier for links (red color) */
.AlertBanner-links--red:hover {
  color: #d70000 !important;
  background-color: #ffffff; }

@media screen and (max-width: 1169px) {
  /* Div that encompasses the Links */
  .AlertBanner-linksWrapper {
    width: 38%; } }

/* Parameters for Tablet */
@media screen and (max-width: 989px) {
  .AlertBanner-links,
  .AlertBanner-linksWhite {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    float: left;
    width: 100%;
    margin: 0 5px; }
  .AlertBanner-links--smallMarg {
    margin-bottom: 7px; }
  .AlertBanner-linksWrapper {
    width: 40%; } }

/* Parameters for Mobile */
@media screen and (max-width: 649px) {
  .AlertBanner--block {
    display: block; }
  .AlertBanner-icon--position {
    position: absolute;
    width: 70px;
    font-size: 3em;
    padding-left: 20px;
    top: 10px; }
  .AlertBanner-linksWrapper,
  .AlertBanner-message--smallPad {
    width: -moz-calc(100% - 140px);
    width: calc(100% - 140px);
    margin: 10px 70px;
    padding: 0; }
  .AlertBanner-links,
  .AlertBanner-linksWhite {
    margin-left: 0;
    margin-right: 0; } }

/*doc
---
title: Message de fin
parent: forms
name: output-msg
category: forms
---


```html_example
<div class="OutputMsg">

  <i class="icon npc-ok OutputMsg-icon"></i>

  <h2 class="OutputMsg-title">
    <strong>Titre gras</strong><br>
    suite titre light
  </h2>

  <div class="OutputMsg-text">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, <b>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</b></p>
  </div>

  <a href="#" class="OutputMsg-close js-OutputMsg-close"><i class="icon npc-close"></i></a>

</div>
```


```html_example
<div class="OutputMsg">

  <i class="icon npc-ko OutputMsg-icon"></i>

  <h2 class="OutputMsg-title">
    <strong>Titre gras</strong><br>
    suite titre light
  </h2>

  <div class="OutputMsg-text">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, <b>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</b></p>
  </div>

  <a href="#" class="OutputMsg-close js-OutputMsg-close"><i class="icon npc-close"></i></a>

</div>
```
*/
.OutputMsg {
  position: relative;
  background: #f5f5f5;
  margin: 30px 0;
  padding: 7% 15%;
  text-align: center; }
  .OutputMsg p {
    font-family: "Open Sans", sans-serif;
    font-size: 12px; }
    .OutputMsg p::first-letter {
      text-transform: uppercase; }

@media (max-width: 649px) {
  .OutputMsg {
    padding-left: 25px;
    padding-right: 25px;
    margin: 30px 15px 20px; } }

.OutputMsg-icon {
  font-size: 50px; }
  .OutputMsg-icon.npc-ok {
    color: #5cb85c; }
  .OutputMsg-icon.npc-ko {
    color: #d70000; }

.OutputMsg-title,
.OutputMsg-icon--primary {
  color: #007D8F; }

.OutputMsg-title {
  font-size: 18px;
  line-height: 1.1; }

.OutputMsg-title--agregateur {
  text-transform: initial; }

.OutputMsg-icon--small {
  font-size: 25px; }

.OutputMsg-text {
  margin: 20px 0; }
  .OutputMsg-text p {
    margin: 0; }

.OutputMsg-text--noSpace {
  margin: 0; }

.OutputMsg-actions {
  margin: 0 -3px; }
  .OutputMsg-actions .OutputMsg-btn {
    margin-left: 3px;
    margin-right: 3px; }

.OutputMsg-btn {
  margin: 20px 0 0;
  padding-left: 30px !important;
  padding-right: 30px !important;
  white-space: normal !important; }

.OutputMsg-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 53px;
  line-height: 53px;
  background: #007D8F;
  text-align: center; }
  .OutputMsg-close, .OutputMsg-close:hover, .OutputMsg-close:focus {
    text-decoration: none;
    color: #ffffff; }
  .OutputMsg-close:hover, .OutputMsg-close:focus {
    background: #006675; }

.OutputMsg-form {
  max-width: 320px;
  margin: 25px auto 0;
  padding: 0;
  text-align: left; }
  .OutputMsg-form input[type="checkbox"],
  .OutputMsg-form .checkbox input[type="checkbox"],
  .OutputMsg-form .checkbox-inline input[type="checkbox"] {
    position: absolute !important; }
  .OutputMsg-form .radio label,
  .OutputMsg-form .checkbox label {
    padding-left: 25px;
    font-weight: 700;
    text-transform: none; }
  .OutputMsg-form .OutputMsg-actions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 320px;
    margin: -15px auto 0; }
    .OutputMsg-form .OutputMsg-actions .OutputMsg-btn {
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      .OutputMsg-form .OutputMsg-actions .OutputMsg-btn:first-child {
        margin-left: 0; }
      .OutputMsg-form .OutputMsg-actions .OutputMsg-btn:last-child {
        margin-right: 0; }

@media (max-width: 649px) {
  .OutputMsg-form .OutputMsg-actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    max-width: 180px;
    margin-top: 0; }
    .OutputMsg-form .OutputMsg-actions .OutputMsg-btn {
      margin: 5px 0; }
      .OutputMsg-form .OutputMsg-actions .OutputMsg-btn.btn-default {
        -webkit-box-ordinal-group: 3;
           -moz-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; } }

.OutputMsg-formGroup {
  margin-top: -10px;
  margin-bottom: 15px; }
  .OutputMsg-formGroup:first-child {
    margin-top: 0; }
  .OutputMsg-formGroup .form-group {
    margin-bottom: 10px; }

/* Modifier for template T071 */
.OutputMsg--importDoc {
  border-bottom: 1px solid #ffffff;
  margin-top: 0; }

.OutputMsg-title--fontSize18 {
  font-size: 18px; }

/* Modifier for template T071 */
/*doc
---
title: Warming
name: Warming
category: Warming
---

```html_example

<div class="Warning">
  <i class="icon npc-danger Warning-icon"></i>
  <p class="Warning-message">Conformément à votre choix, nous ne pouvons pas afficher votre justificatif. Pour modifier ce choix, rendez-vous à votre agence.</p>
</div>

```
*/
.Warning {
  display: table;
  width: 100%; }

.Warning-icon {
  display: table-cell;
  vertical-align: middle;
  width: 5%;
  text-align: left;
  color: #999999;
  font-size: 25px; }

.Warning-message {
  display: table-cell;
  vertical-align: middle;
  width: 95%;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: 15px;
  color: #999999;
  padding-left: 10px;
  margin: 20px 0;
  line-height: 1.5; }

/*doc
---
title: Retour Haut de page
name: backtop
category: backtop
---

Back to top of page

**Scripts à inclure:**

<!--  BASE JS  -->

`<script src="./../../build/js/enquire.js" type="text/javascript"></script>`

`<script src="./../../build/js/common.js" type="text/javascript"></script>`

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>

```html_example
  <div class="Styleguide-backToTop"><!-- <==  /!\  Wrapper only for styleguide -->
    @@include("../../kit/components/_backToTop.kit")
  </div>
```
*/
.backtop {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 3;
  width: 40px;
  height: 40px;
  margin: 0 20px 20px 0;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  background-color: #99cc00;
  -moz-border-radius: 100%;
       border-radius: 100%;
  border: 0;
  transition: visibility 500ms ease-in, opacity 500ms ease-in, -webkit-transform 500ms ease-in;
  -moz-transition: transform 500ms ease-in, visibility 500ms ease-in, opacity 500ms ease-in, -moz-transform 500ms ease-in;
  transition: transform 500ms ease-in, visibility 500ms ease-in, opacity 500ms ease-in;
  transition: transform 500ms ease-in, visibility 500ms ease-in, opacity 500ms ease-in, -webkit-transform 500ms ease-in, -moz-transform 500ms ease-in;
  -webkit-transform: translateY(60px);
     -moz-transform: translateY(60px);
          transform: translateY(60px);
  cursor: pointer;
  outline: none;
  opacity: 0;
  visibility: visible; }
  .backtop:hover, .backtop:focus {
    background: #7fa600; }

.backtop-icon {
  font-size: 20px;
  margin-top: -3px; }

.backtop--visible {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
  transition: visibility 300ms ease-out, opacity 300ms ease-out, background 300ms ease, -webkit-transform 300ms ease-out;
  -moz-transition: transform 300ms ease-out, visibility 300ms ease-out, opacity 300ms ease-out, background 300ms ease, -moz-transform 300ms ease-out;
  transition: transform 300ms ease-out, visibility 300ms ease-out, opacity 300ms ease-out, background 300ms ease;
  transition: transform 300ms ease-out, visibility 300ms ease-out, opacity 300ms ease-out, background 300ms ease, -webkit-transform 300ms ease-out, -moz-transform 300ms ease-out; }

/*doc
---
title: Max Lines
name: maxlines
category: maxlines
---

plugin permetant de définir un max de ligne pour un élément
*/
/*doc
---
title: Max Lines - JS
parent: maxlines
name: maxlines-00
category: maxlines
---

utilisation JS

exemple d'utlisisation avec packery dans `c223_chapters.js` (events/params/methods)

```
$('.maxlines').maxlines({
  maxLines: 12,
})
```
*/
/*doc
---
title: Max Lines - default params
parent: maxlines-00
name: maxlines-00-00
category: maxlines
---
les paramètres par défaut

```
var default = {
  maxLines: 12, // nombre de lignes
  elementsSelector: 'h1,h2,h3,h4,h5,h6,p,ul,ol', // selecteur des plus petit bloc enfant
  contentClass: 'js-maxlines-content', // class du wrapper
  moreTemplate: '<span class="js-maxlines-more">... <a href="#">Lire la suite</a></span>', // html du lien plus
}
```
*/
/*doc
---
title: Max Lines - methods
parent: maxlines-00
name: maxlines-00-10
category: maxlines
---

methods js :

- show: affiche tout le contenu
- hide: cache au nombre de lignes
- update: met a jour la hauteur pour cacher les lignes
- updateElements: met a jour les éléments enfant (a lancer si changement de DOM)
- destroy: détruit l'objet

```
$('.maxlines').maxlines('update')
```
*/
/*doc
---
title: Max Lines - events
parent: maxlines-00
name: maxlines-00-20
category: maxlines
---

events js :

- heightChanged.maxlines: la hauteur du contenu à été modifié (au update)
- showed.maxlines: tout le contenu a été affiché
- hided.maxlines: le contenu a été caché à x lignes

```
$('.maxlines').on('heightChanged.maxlines', function(){...})
```
*/
/*doc
---
title: Max Lines - exemples
parent: maxlines
name: maxlines-01
category: maxlines
---

Exemples d'utilisations :

- [t004_productSheet](../../build/examples/t004_productSheet.html#chapitre1) (sur `.Chapters-item-content`)

*/
.js-maxlines-content {
  overflow: hidden; }

.js-maxlines-more {
  cursor: pointer; }

.row-no-padding {
  margin-left: 0;
  margin-right: 0; }
  .row-no-padding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .row-no-padding > [class*="col-"].col-padding-left {
      padding-left: 0px !important; }
      @media (min-width: 650px) {
        .row-no-padding > [class*="col-"].col-padding-left {
          padding-left: 5px !important; } }
    .row-no-padding > [class*="col-"].col-padding {
      padding-left: 0px !important;
      padding-right: 0px !important; }
      @media (min-width: 650px) {
        .row-no-padding > [class*="col-"].col-padding {
          padding-left: 5px !important;
          padding-right: 5px !important; } }
    .row-no-padding > [class*="col-"].col-padding-right {
      padding-right: 0px !important; }
      @media (min-width: 650px) {
        .row-no-padding > [class*="col-"].col-padding-right {
          padding-right: 5px !important; } }

.container-no-padding {
  padding-left: 0;
  padding-right: 0; }

.is-overflowHidden {
  overflow: hidden; }

/*doc
---
title: Footer
name: footer
category: footer
---

```html_example
@@include("../../kit/components/_footer--doc.kit")

```
*/
.Footer {
  position: relative;
  z-index: 0; }
  @media print {
    .Footer {
      display: none !important; } }

/************* TOP FOOTER *************/
/************* TOP FOOTER *************/
/* Container for all TopFooterSocial part (contain the social network logo) */
.TopFooterSocial {
  width: 100%;
  background-color: #202123; }

/* Link that encompasses logo */
.TopFooterSocial-Links {
  height: 80px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .TopFooterSocial-Links:hover, .TopFooterSocial-Links:focus {
    text-decoration: none; }

/* Define paramaters for the logo */
.TopFooterSocial-imgSocial {
  color: #ffffff;
  font-size: 20px; }

@media screen and (max-width: 649px) {
  .TopFooterSocial > .parsys {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .TopFooterSocial > .parsys > .section {
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      .TopFooterSocial > .parsys > .section.new {
        width: 100%; }
  .TopFooterSocial-Links {
    height: 80px; } }

/* Tablet and Desktop behavior */
@media screen and (min-width: 650px) {
  .TopFooterSocial {
    display: block;
    border-bottom: 2px solid #2C2D31;
    text-align: center; }
  .TopFooterSocial-Links {
    display: inline-block;
    height: auto;
    margin: 25px 8px; }
  .TopFooterSocial-imgSocial {
    background-color: #2C2D31;
    padding: 15px;
    -moz-border-radius: 5px;
         border-radius: 5px; } }

/* Mobile behavior */
@media screen and (max-width: 649px) {
  .TopFooterSocial-Links {
    background-color: #2C2D31;
    border-right: 1px solid #202123; } }

/************* MID FOOTER *************/
/************* MID FOOTER *************/
/* Container for all MidFooterLink part */
.MidFooterLink {
  width: 100%;
  background-color: #202123;
  text-align: center;
  display: table;
  overflow: hidden; }

/* Logo of Credit Agricole */
.MidFooterLink-CaLogo {
  margin: 0 20px;
  width: 120px; }

/* Divs that encompasses titles, links and logos */
.MidFooterLink-SubCategory {
  display: table-cell;
  vertical-align: top;
  padding: 45px 0; }

/* Define parameters for the title of the subcategories */
.MidFooterLink-SubCategoryTitle {
  text-align: left;
  font-size: 13px;
  color: #ffffff; }

.MidFooterLink-SubCategoryTitleTag {
  margin: 0 0 8.5px;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  line-height: inherit; }

/* Chevrons next to Title of subcategory */
.MidFooterLink-Chevrons {
  display: none !important;
  cursor: pointer; }

/* Links into the subcategories */
.MidFooterLink-SubCategoryLink {
  display: block;
  text-align: left;
  color: #7d808a;
  text-decoration: none; }
  .MidFooterLink-SubCategoryLink:hover {
    color: #ffffff;
    text-decoration: none; }

.MidFooterLink-SubCategoryLinks {
  float: left; }
  .MidFooterLink-SubCategoryLinks:first-child {
    width: 40%; }
  .MidFooterLink-SubCategoryLinks:last-child {
    width: 60%;
    padding-left: 25px;
    border-left: 2px solid #2C2D31; }

/* Define a border for SubCategories */
.MidFooterLink-SubCategoryBorder {
  border-left: 2px solid #2C2D31;
  padding-left: 55px;
  padding-right: 5px; }

/* Logo for Malentendant */
.MidFooterLink-MalEntendantLogo {
  text-align: left; }

/* Link under malentendant logo */
.MidFooterLink-MalEntendantLink {
  display: block;
  text-align: left;
  color: #7d808a;
  text-decoration: underline; }
  .MidFooterLink-MalEntendantLink:hover {
    color: #ffffff; }

/* Define parameters for Mobile and Tablet */
@media screen and (max-width: 989px) {
  .MidFooterLink-SubCategory {
    display: block;
    border-bottom: 2px solid #2C2D31;
    padding-top: 40px;
    padding-bottom: 40px;
    vertical-align: middle;
    cursor: pointer; }
  .MidFooterLink-SubCategoryTitle,
  .MidFooterLink-SubCategoryLink,
  .MidFooterLink-MalEntendantLogo,
  .MidFooterLink-MalEntendantLink {
    text-align: center; }
  .MidFooterLink-SubCategoryBorder {
    border-left: none;
    padding-left: 0; }
  .MidFooterLink-SubCategoryBlocLinks {
    display: none; }
  .MidFooterLink-SubCategoryLinks {
    float: none; }
    .MidFooterLink-SubCategoryLinks:first-child {
      width: 100%; }
    .MidFooterLink-SubCategoryLinks:last-child {
      width: 100%;
      padding-left: 0;
      border-left: none; }
  .MidFooterLink-SubCategoryLinks {
    float: none;
    width: 100%; }
  .MidFooterLink-SubCategoryTitle {
    position: relative; }
  .MidFooterLink-SubCategoryTitle span {
    display: block !important;
    position: absolute;
    top: 50%;
    right: 15%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 20px; }
  .MidFooterLink-CaLogo {
    margin-top: 0; }
  .MidFooterLink-SubCategoryBorder {
    border-bottom: none; } }

/************* LOW FOOTER *************/
/************* LOW FOOTER *************/
/* Container for all LowFooterMention part */
.LowFooterMention {
  width: 100%;
  height: 45px;
  background-color: #252629;
  display: table;
  text-align: center; }

/* Div that encompasses all links of the mention footer */
.LowFooterMention-BlocLinks {
  display: table-cell;
  vertical-align: middle; }

/* Put the flags into the bubble inline */
.LowFooterMention-FlagDropup {
  display: inline-block;
  padding: 0 10px; }

/* Remove bootstrap default parameters */
.LowFooterMention-FlagDropupBtn {
  background: none;
  background-color: transparent !important;
  padding: 0;
  display: table; }
  .LowFooterMention-FlagDropupBtn, .LowFooterMention-FlagDropupBtn:active, .LowFooterMention-FlagDropupBtn:hover {
    border: 0 !important; }

/* Size of the Main Flag (Flag which corresponds to the language of the site) */
.LowFooterMention-MainFlagImg {
  width: 17px;
  margin: 10px 0; }

/* Size of the flags inside the bubble */
.LowFooterMention-FlagImg {
  width: 22px;
  margin: 10px 5px; }

/* Change parameters for the triangle next to the main flag */
.LowFooterMention-BtnTriangleMenu {
  border-right-width: 4px;
  border-left-width: 4px;
  border-bottom-width: 4px !important;
  margin-left: 5px !important;
  color: #fbfbfb; }

/* Define parameters to align center the bubble of flag */
.LowFooterMention-FlagDropupUl {
  left: 50%;
  min-width: 0;
  margin-bottom: -10px !important;
  padding: 0 10px;
  -moz-border-radius: 0;
       border-radius: 0;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%); }

/* Parameters for the triangle of the bubble */
.MidFooterLink-TriangleForFlagBubble {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -1px;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: #ffffff transparent transparent transparent;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%); }

/* Align center the flags into the bubble */
.LowFooterMention-FlagDropupList {
  text-align: center;
  white-space: nowrap; }

.LowFooterMention-FlagDropupListLink {
  display: inline-block !important;
  padding: 0 !important; }

/* Links of the LowfooterMention */
.LowFooterMention-Links {
  display: inline-block;
  color: #c4c4c0;
  text-decoration: none;
  padding: 0 10px;
  font-weight: 300;
  border-right: 2px solid #2C2D31; }
  .LowFooterMention-Links:last-child {
    border-right: none; }
  .LowFooterMention-Links:hover {
    color: #ffffff;
    text-decoration: none; }

/* Specific class for the first link (To the right of the main flag) */
.LowFooterMention-FirstLink {
  border-left: 2px solid #2C2D31; }

/* Parameters for Mobile and Tablet */
@media screen and (max-width: 989px) {
  .LowFooterMention-Links {
    display: block;
    padding: 10px 0; }
  .LowFooterMention-BlocLinks {
    padding: 40px 0; }
  .LowFooterMention-MainFlagImg,
  .LowFooterMention-FlagImg {
    width: 25px; }
  .LowFooterMention-FlagDropup {
    position: relative;
    width: 100%;
    padding: 10px 0;
    border: none; }
    .LowFooterMention-FlagDropup:after {
      content: "";
      position: absolute;
      top: 50%;
      right: 15%;
      color: #ffffff;
      font-size: 20px;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
              transform: translateY(-50%); }
  .LowFooterMention-FlagDropup.open:after {
    content: ""; }
  .LowFooterMention-FlagDropup .LowFooterMention-BtnTriangleMenu {
    display: none; }
  .LowFooterMention-FlagDropupBtn {
    position: relative;
    z-index: 1;
    width: 100%; } }

.list-links .list-links__title {
  margin-top: 45px;
  margin-bottom: 16px;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase; }
  @media (min-width: 990px) {
    .list-links .list-links__title {
      text-transform: none; } }

.list-links__block:nth-of-type(odd) {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 1px;
  font-size: 11px; }
  .list-links__block:nth-of-type(odd) > a {
    text-decoration: none; }
  @media (min-width: 650px) {
    .list-links__block:nth-of-type(odd) {
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 5px; } }
  @media (min-width: 990px) {
    .list-links__block:nth-of-type(odd) {
      padding-left: 50px;
      padding-right: 10px;
      padding-bottom: 1px;
      font-size: 12px; } }

.list-links__block:nth-of-type(even) {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 1px;
  font-size: 11px;
  text-decoration: none; }
  .list-links__block:nth-of-type(even) > a {
    text-decoration: none; }
  @media (min-width: 650px) {
    .list-links__block:nth-of-type(even) {
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 5px; } }
  @media (min-width: 990px) {
    .list-links__block:nth-of-type(even) {
      padding-left: 10px;
      padding-right: 50px;
      padding-bottom: 1px;
      font-size: 12px; } }

.list-links__item {
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #f5f5f5;
  border-bottom: 1px solid white;
  color: #454545; }
  .list-links__item::after {
    float: right;
    font-family: "NPC Icons";
    content: "\f107";
    font-size: 1.8em;
    font-weight: 400;
    color: #007D8F; }

.BlockLinkContainer {
  padding: 0 5%; }
  .BlockLinkContainer.BlockLinkContainer--padding {
    padding: 0 12%; }

.BlockLink, .BlockLink:hover, .BlockLink:focus,
.BlockLink a.BlockLink-title,
.BlockLink a.BlockLink-title:hover,
.BlockLink a.BlockLink-title:focus,
.BlockLink .BlockLink-title a,
.BlockLink .BlockLink-title a:hover,
.BlockLink .BlockLink-title a:focus,
.BlockLink a.BlockLink-desc,
.BlockLink a.BlockLink-desc:hover,
.BlockLink a.BlockLink-desc:focus,
.BlockLink .BlockLink-desc a,
.BlockLink .BlockLink-desc a:hover,
.BlockLink .BlockLink-desc a:focus,
.BlockLink a.BlockLink-cat,
.BlockLink a.BlockLink-cat:hover,
.BlockLink a.BlockLink-cat:focus,
.BlockLink .BlockLink-cat a,
.BlockLink .BlockLink-cat a:hover,
.BlockLink .BlockLink-cat a:focus {
  color: inherit;
  text-decoration: none; }

.BlockLink:focus,
.BlockLink a.BlockLink-title:focus,
.BlockLink .BlockLink-title a:focus,
.BlockLink a.BlockLink-desc:focus,
.BlockLink .BlockLink-desc a:focus,
.BlockLink a.BlockLink-cat:focus,
.BlockLink .BlockLink-cat a:focus {
  text-decoration: underline; }

.BlockLink {
  position: relative;
  display: table;
  width: 100%;
  margin: 20px 0;
  padding: 20px 50px 20px 20px;
  background-color: #f5f5f5;
  color: #000; }

.BlockLink:hover, .BlockLink:focus {
  background-color: #99cc00;
  color: #ffffff; }
  .BlockLink:hover .BlockLink-cat,
  .BlockLink:hover .BlockLink-title,
  .BlockLink:hover .BlockLink-arrow, .BlockLink:focus .BlockLink-cat,
  .BlockLink:focus .BlockLink-title,
  .BlockLink:focus .BlockLink-arrow {
    color: inherit; }

.BlockLink .BlockLink-title-link:before {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .BlockLink .BlockLink-title-link:before h2 {
    text-decoration: none; }

.Template-backgroundBrandGray01 .BlockLink {
  background-color: #ffffff; }

.BlockLink--table {
  display: table;
  padding: 10px 50px 10px 10px; }

.BlockLink--border {
  border-left: 10px solid #99cc00;
  color: #000; }

.BlockLink--table:hover, .BlockLink--table:focus,
.BlockLink--border:hover,
.BlockLink--border:focus {
  background-color: #99cc00;
  color: #ffffff;
  text-decoration: none; }
  .BlockLink--table:hover .BlockLink-cat,
  .BlockLink--table:hover .BlockLink-title,
  .BlockLink--table:hover .BlockLink-arrow, .BlockLink--table:focus .BlockLink-cat,
  .BlockLink--table:focus .BlockLink-title,
  .BlockLink--table:focus .BlockLink-arrow,
  .BlockLink--border:hover .BlockLink-cat,
  .BlockLink--border:hover .BlockLink-title,
  .BlockLink--border:hover .BlockLink-arrow,
  .BlockLink--border:focus .BlockLink-cat,
  .BlockLink--border:focus .BlockLink-title,
  .BlockLink--border:focus .BlockLink-arrow {
    color: inherit; }

.BlockLink--table:active,
.BlockLink--border:active {
  text-decoration: none; }

.BlockLink--table:visited,
.BlockLink--border:visited {
  text-decoration: none; }

.BlockLink--table .BlockLink-title,
.BlockLink--border .BlockLink-title {
  color: inherit; }

.BlockLink--anchor {
  text-align: center; }

.BlockLink-cell {
  display: table-cell;
  vertical-align: middle; }
  .BlockLink-cell + .BlockLink-cell {
    padding-left: 20px; }

.BlockLink-cell--icon {
  width: 110px;
  height: 110px;
  text-align: center;
  background-color: #99cc00; }

.BlockLink-icon {
  width: 56px; }

.BlockLink-cat,
.BlockLink-cat p {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 600;
  color: #007D8F; }

.BlockLink-title + .BlockLink-desc {
  margin: 10px 0 0; }

.BlockLink-title,
.BlockLink-title p {
  margin: 0;
  font-weight: 600;
  text-transform: uppercase;
  color: #007D8F; }

.BlockLink-desc,
.BlockLink-desc p {
  display: block;
  margin: 0;
  font-weight: 300;
  line-height: 1.4;
  max-height: 2.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis; }

.BlockLink-desc--bold {
  font-weight: 700; }

.BlockLink-arrow {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 20px;
  color: #007D8F; }

.BlockLink-arrow--small {
  font-size: 1.2em; }

.BlockLink-arrow--smaller {
  font-size: 1em; }

.BlockLink-anchorIcon {
  width: 55px;
  line-height: 25px;
  text-align: center;
  background-color: #99cc00;
  -moz-border-radius: 3px;
       border-radius: 3px;
  color: #fff; }

.BlockLink-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px; }
  .BlockLink-btn > * {
    margin: 0 5px;
    max-width: 200px;
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    @media screen and (max-width: 649px) {
      .BlockLink-btn > * {
        max-width: 100%;
        width: 100%; } }
  .BlockLink-btn .SubscribeBtn-btn {
    padding-left: 4%;
    padding-right: 4%; }

.BlockLink-btnDiscover {
  padding-left: 4% !important;
  padding-right: 4% !important; }

.section-haute-wrapper,
.univers-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.FieldEdit {
  position: relative;
  height: 85px;
  padding: 25px 2.5vw;
  font-size: 17px;
  /*  font-weight: 300; */
  background-color: #f5f5f5; }

.FieldEdit-input {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: transparent;
  -moz-border-radius: 0;
       border-radius: 0;
  border: 0;
  border-bottom: 1px solid #454545;
  -webkit-appearance: none; }
  .FieldEdit-input:focus, .FieldEdit-input.FieldEdit-input--completed, .FieldEdit-input.ng-not-empty {
    outline: none; }
    .FieldEdit-input:focus ~ .FieldEdit-label, .FieldEdit-input.FieldEdit-input--completed ~ .FieldEdit-label, .FieldEdit-input.ng-not-empty ~ .FieldEdit-label {
      z-index: 0; }
      .FieldEdit-input:focus ~ .FieldEdit-label .FieldEdit-labelText, .FieldEdit-input.FieldEdit-input--completed ~ .FieldEdit-label .FieldEdit-labelText, .FieldEdit-input.ng-not-empty ~ .FieldEdit-label .FieldEdit-labelText {
        display: none; }
      .FieldEdit-input:focus ~ .FieldEdit-label .FieldEdit-labelIcon, .FieldEdit-input.FieldEdit-input--completed ~ .FieldEdit-label .FieldEdit-labelIcon, .FieldEdit-input.ng-not-empty ~ .FieldEdit-label .FieldEdit-labelIcon {
        position: absolute;
        right: 2.5vw;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
                transform: translateY(-50%); }

.FieldEdit-label,
.FieldEdit-completedValue {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 0 2.5vw;
  line-height: 85px; }

.FieldEdit-label {
  cursor: text; }

.FieldEdit-labelText {
  font-size: 17px;
  font-style: italic;
  font-weight: 300;
  text-transform: none; }

.FieldEdit-labelIcon {
  font-size: 12px; }

.FieldEdit-completedValue, .FieldEdit-completedValue:hover, .FieldEdit-completedValue:active, .FieldEdit-completedValue:focus {
  text-decoration: none;
  color: #454545; }

.FieldEdit-completedValue .FieldEdit-labelIcon {
  position: absolute;
  right: 2.5vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%); }

.NavActions-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  float: left;
  color: #ffffff;
  font-size: 10px;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  background: #007D8F;
  -moz-transition: background 300ms ease;
  transition: background 300ms ease;
  padding: 15px 10px; }
  .NavActions-item:hover, .NavActions-item:focus {
    color: #ffffff;
    background: #006675;
    text-decoration: none; }
  .NavActions-item:before {
    display: block;
    height: 20px;
    line-height: 1; }
  .NavActions-item:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 40px;
    margin: -20px 0;
    background: rgba(255, 255, 255, 0.5); }
  .NavActions-item:first-child:after {
    display: none; }

.NavActions-item--add:before, .swipableBloc-action--add:before {
  content: "";
  font-size: 13px; }

.NavActions-item--edit:before, .swipableBloc-action--edit:before {
  content: "";
  font-size: 15px; }

.NavActions-item--rename:before {
  content: "";
  font-size: 14px; }

.NavActions-item--remove:before, .swipableBloc-action--remove:before {
  content: "";
  font-size: 15px; }

.NavActions-item--transfer:before, .swipableBloc-action--transfer:before {
  content: "";
  font-size: 13px; }

.NavActions-item--check:before, .swipableBloc-action--check:before {
  content: "";
  font-size: 20px; }

.NavActions-item--card:before, .swipableBloc-action--card:before {
  content: "";
  font-size: 16px; }

.NavActions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  min-height: 80px;
  margin: 20px 0; }

.NavActions-items {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%; }

.NavActions--slider {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: auto;
  margin-left: -5%;
  margin-right: -5%; }
  .NavActions--slider .NavActions-prev,
  .NavActions--slider .NavActions-next {
    display: block; }

.NavActions-prev,
.NavActions-next {
  display: none;
  position: relative;
  width: 38px;
  background: #007D8F;
  color: #ffffff;
  text-decoration: none; }
  .NavActions-prev:before,
  .NavActions-next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -.5em;
    line-height: 1;
    font-size: 12px; }
  .NavActions-prev:hover, .NavActions-prev:focus,
  .NavActions-next:hover,
  .NavActions-next:focus {
    color: #ffffff;
    text-decoration: none; }

.NavActions-prev {
  border-right: 1px solid #ffffff; }
  .NavActions-prev:before {
    content: ""; }

.NavActions-next {
  border-left: 1px solid #ffffff; }
  .NavActions-next:before {
    content: ""; }

.NavActions-item {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 117px; }

.Template-backgroundBrandGray01, .TabsNav--gray .TabsNav-item:not(.active), .bigButton, .PushEdito, .PushActu, .PartnerEntities-itemLink, .Blog, .Blog-link, .PushAdvice, .OurSolutionToSave, .pushFaq-linkText, .CheckList, .SubscribeBtn-block, .GenericBtn-block, .IncreaseTheCeiling--bgcGray, .ColumnControl--casA, .ColumnControl--casA-white, .ColumnControl--casA-grey, .ColumnControl--casB, .ColumnControl--casB-white, .ColumnControl--casB-grey, .ColumnControl--casC, .ColumnControl--casC-white, .ColumnControl--casC-grey, .ColumnControl--casD, .ColumnControl--casD-white, .ColumnControl--casD-grey, .ColumnControl--casE, .ColumnControl--casE-white, .ColumnControl--casE-grey, .simpleAccess, .swipableBloc-main, .NewsFeed, .NewsFeed-bodyCookies .OutputMsg, .PushInitiatives, .EDocs-redirectLinkText, .EDocs-redirectLinkImg {
  background-color: #f5f5f5; }

.Template-backgroundBrandGray01Darker, .ProgressBar {
  background-color: #ececec; }

.OurSolutionToSave-blocLink, .CheckList-stepToggle:before, .CheckList-stepToggle--FO:before {
  background-color: #ffffff; }

.CheckList-stepToggle:before, .CheckList-stepToggle--FO:before {
  color: #f5f5f5; }

.TabsNav-item--action, .TabsNav--gray .TabsNav-item:not(.active), .Blog-title,
.Blog-link, .NewsFeed-header, .NewsFeed-body {
  border-color: #ffffff; }

.Template-backgroundBrandGray01 .Template-backgroundBrandGray01, .IncreaseTheCeiling--bgcGray .Template-backgroundBrandGray01, .T007__notfound .Template-backgroundBrandGray01, .Template-backgroundBrandGray01 .TabsNav--gray .TabsNav-item:not(.active), .TabsNav--gray .Template-backgroundBrandGray01 .TabsNav-item:not(.active), .IncreaseTheCeiling--bgcGray .TabsNav--gray .TabsNav-item:not(.active), .TabsNav--gray .IncreaseTheCeiling--bgcGray .TabsNav-item:not(.active), .T007__notfound .TabsNav--gray .TabsNav-item:not(.active), .TabsNav--gray .T007__notfound .TabsNav-item:not(.active), .Template-backgroundBrandGray01 .bigButton, .IncreaseTheCeiling--bgcGray .bigButton, .T007__notfound .bigButton, .Template-backgroundBrandGray01 .PushEdito, .IncreaseTheCeiling--bgcGray .PushEdito, .T007__notfound .PushEdito, .Template-backgroundBrandGray01 .PushActu, .IncreaseTheCeiling--bgcGray .PushActu, .T007__notfound .PushActu, .Template-backgroundBrandGray01 .PartnerEntities-itemLink, .IncreaseTheCeiling--bgcGray .PartnerEntities-itemLink, .T007__notfound .PartnerEntities-itemLink, .Template-backgroundBrandGray01 .Blog, .IncreaseTheCeiling--bgcGray .Blog, .T007__notfound .Blog, .Template-backgroundBrandGray01 .Blog-link, .IncreaseTheCeiling--bgcGray .Blog-link, .T007__notfound .Blog-link, .Template-backgroundBrandGray01 .PushAdvice, .IncreaseTheCeiling--bgcGray .PushAdvice, .T007__notfound .PushAdvice, .Template-backgroundBrandGray01 .OurSolutionToSave, .IncreaseTheCeiling--bgcGray .OurSolutionToSave, .T007__notfound .OurSolutionToSave, .Template-backgroundBrandGray01 .pushFaq-linkText, .IncreaseTheCeiling--bgcGray .pushFaq-linkText, .T007__notfound .pushFaq-linkText, .Template-backgroundBrandGray01 .CheckList, .IncreaseTheCeiling--bgcGray .CheckList, .T007__notfound .CheckList, .Template-backgroundBrandGray01 .SubscribeBtn-block, .IncreaseTheCeiling--bgcGray .SubscribeBtn-block, .T007__notfound .SubscribeBtn-block, .Template-backgroundBrandGray01 .GenericBtn-block, .IncreaseTheCeiling--bgcGray .GenericBtn-block, .T007__notfound .GenericBtn-block, .Template-backgroundBrandGray01 .IncreaseTheCeiling--bgcGray, .IncreaseTheCeiling--bgcGray .IncreaseTheCeiling--bgcGray, .T007__notfound .IncreaseTheCeiling--bgcGray, .Template-backgroundBrandGray01 .ColumnControl--casA, .IncreaseTheCeiling--bgcGray .ColumnControl--casA, .T007__notfound .ColumnControl--casA, .Template-backgroundBrandGray01 .ColumnControl--casA-white, .IncreaseTheCeiling--bgcGray .ColumnControl--casA-white, .T007__notfound .ColumnControl--casA-white, .Template-backgroundBrandGray01 .ColumnControl--casA-grey, .IncreaseTheCeiling--bgcGray .ColumnControl--casA-grey, .T007__notfound .ColumnControl--casA-grey, .Template-backgroundBrandGray01 .ColumnControl--casB, .IncreaseTheCeiling--bgcGray .ColumnControl--casB, .T007__notfound .ColumnControl--casB, .Template-backgroundBrandGray01 .ColumnControl--casB-white, .IncreaseTheCeiling--bgcGray .ColumnControl--casB-white, .T007__notfound .ColumnControl--casB-white, .Template-backgroundBrandGray01 .ColumnControl--casB-grey, .IncreaseTheCeiling--bgcGray .ColumnControl--casB-grey, .T007__notfound .ColumnControl--casB-grey, .Template-backgroundBrandGray01 .ColumnControl--casC, .IncreaseTheCeiling--bgcGray .ColumnControl--casC, .T007__notfound .ColumnControl--casC, .Template-backgroundBrandGray01 .ColumnControl--casC-white, .IncreaseTheCeiling--bgcGray .ColumnControl--casC-white, .T007__notfound .ColumnControl--casC-white, .Template-backgroundBrandGray01 .ColumnControl--casC-grey, .IncreaseTheCeiling--bgcGray .ColumnControl--casC-grey, .T007__notfound .ColumnControl--casC-grey, .Template-backgroundBrandGray01 .ColumnControl--casD, .IncreaseTheCeiling--bgcGray .ColumnControl--casD, .T007__notfound .ColumnControl--casD, .Template-backgroundBrandGray01 .ColumnControl--casD-white, .IncreaseTheCeiling--bgcGray .ColumnControl--casD-white, .T007__notfound .ColumnControl--casD-white, .Template-backgroundBrandGray01 .ColumnControl--casD-grey, .IncreaseTheCeiling--bgcGray .ColumnControl--casD-grey, .T007__notfound .ColumnControl--casD-grey, .Template-backgroundBrandGray01 .ColumnControl--casE, .IncreaseTheCeiling--bgcGray .ColumnControl--casE, .T007__notfound .ColumnControl--casE, .Template-backgroundBrandGray01 .ColumnControl--casE-white, .IncreaseTheCeiling--bgcGray .ColumnControl--casE-white, .T007__notfound .ColumnControl--casE-white, .Template-backgroundBrandGray01 .ColumnControl--casE-grey, .IncreaseTheCeiling--bgcGray .ColumnControl--casE-grey, .T007__notfound .ColumnControl--casE-grey, .Template-backgroundBrandGray01 .simpleAccess, .IncreaseTheCeiling--bgcGray .simpleAccess, .T007__notfound .simpleAccess, .Template-backgroundBrandGray01 .swipableBloc-main, .IncreaseTheCeiling--bgcGray .swipableBloc-main, .T007__notfound .swipableBloc-main, .Template-backgroundBrandGray01 .NewsFeed, .IncreaseTheCeiling--bgcGray .NewsFeed, .T007__notfound .NewsFeed, .Template-backgroundBrandGray01 .NewsFeed-bodyCookies .OutputMsg, .NewsFeed-bodyCookies .Template-backgroundBrandGray01 .OutputMsg, .IncreaseTheCeiling--bgcGray .NewsFeed-bodyCookies .OutputMsg, .NewsFeed-bodyCookies .IncreaseTheCeiling--bgcGray .OutputMsg, .T007__notfound .NewsFeed-bodyCookies .OutputMsg, .NewsFeed-bodyCookies .T007__notfound .OutputMsg, .Template-backgroundBrandGray01 .PushInitiatives, .IncreaseTheCeiling--bgcGray .PushInitiatives, .T007__notfound .PushInitiatives, .Template-backgroundBrandGray01 .EDocs-redirectLinkText, .IncreaseTheCeiling--bgcGray .EDocs-redirectLinkText, .T007__notfound .EDocs-redirectLinkText, .Template-backgroundBrandGray01 .EDocs-redirectLinkImg, .IncreaseTheCeiling--bgcGray .EDocs-redirectLinkImg, .T007__notfound .EDocs-redirectLinkImg {
  background-color: #ffffff; }

.Template-backgroundBrandGray01 .OurSolutionToSave-blocLink, .IncreaseTheCeiling--bgcGray .OurSolutionToSave-blocLink, .T007__notfound .OurSolutionToSave-blocLink, .Template-backgroundBrandGray01 .CheckList-stepToggle:before, .IncreaseTheCeiling--bgcGray .CheckList-stepToggle:before, .T007__notfound .CheckList-stepToggle:before, .Template-backgroundBrandGray01 .CheckList-stepToggle--FO:before, .IncreaseTheCeiling--bgcGray .CheckList-stepToggle--FO:before, .T007__notfound .CheckList-stepToggle--FO:before {
  background-color: #f5f5f5; }

.Template-backgroundBrandGray01 .CheckList-stepToggle:before, .IncreaseTheCeiling--bgcGray .CheckList-stepToggle:before, .T007__notfound .CheckList-stepToggle:before, .Template-backgroundBrandGray01 .CheckList-stepToggle--FO:before, .IncreaseTheCeiling--bgcGray .CheckList-stepToggle--FO:before, .T007__notfound .CheckList-stepToggle--FO:before {
  color: #ffffff; }

.Template-backgroundBrandGray01 .TabsNav-item--action, .IncreaseTheCeiling--bgcGray .TabsNav-item--action, .T007__notfound .TabsNav-item--action, .Template-backgroundBrandGray01 .TabsNav--gray .TabsNav-item:not(.active), .TabsNav--gray .Template-backgroundBrandGray01 .TabsNav-item:not(.active), .IncreaseTheCeiling--bgcGray .TabsNav--gray .TabsNav-item:not(.active), .TabsNav--gray .IncreaseTheCeiling--bgcGray .TabsNav-item:not(.active), .T007__notfound .TabsNav--gray .TabsNav-item:not(.active), .TabsNav--gray .T007__notfound .TabsNav-item:not(.active), .Template-backgroundBrandGray01 .Blog-title, .IncreaseTheCeiling--bgcGray .Blog-title, .T007__notfound .Blog-title, .Template-backgroundBrandGray01
.Blog-link, .IncreaseTheCeiling--bgcGray
.Blog-link, .T007__notfound
.Blog-link, .Template-backgroundBrandGray01 .NewsFeed-header, .IncreaseTheCeiling--bgcGray .NewsFeed-header, .T007__notfound .NewsFeed-header, .Template-backgroundBrandGray01 .NewsFeed-body, .IncreaseTheCeiling--bgcGray .NewsFeed-body, .T007__notfound .NewsFeed-body {
  border-color: #f5f5f5; }

.Template-backgroundBrandGray01Darker .Template-backgroundBrandGray01Darker, .Template-backgroundBrandGray01Darker .ProgressBar {
  background-color: #ffffff; }

.Template-backgroundBrandGray01Darker .OurSolutionToSave-blocLink, .Template-backgroundBrandGray01Darker .CheckList-stepToggle:before, .Template-backgroundBrandGray01Darker .CheckList-stepToggle--FO:before {
  background-color: #ececec; }

.Template-backgroundBrandGray01Darker .TabsNav-item--action, .Template-backgroundBrandGray01Darker .TabsNav--gray .TabsNav-item:not(.active), .TabsNav--gray .Template-backgroundBrandGray01Darker .TabsNav-item:not(.active), .Template-backgroundBrandGray01Darker .Blog-title, .Template-backgroundBrandGray01Darker
.Blog-link, .Template-backgroundBrandGray01Darker .NewsFeed-header, .Template-backgroundBrandGray01Darker .NewsFeed-body {
  border-color: #ececec; }

/*doc
---
title: Row Alternation
name: rowAlternation
category: rowAlternation
---

The script is in common JS

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>


For use:

- wrap all items with `.js-backgroundGray01Alternate`
- add class to items `.js-backgroundGray01Alternate-item`

And if you want start with white item, add `data-start-white="true"` to the wrap

**Template exemple:**

- [t009 financeMyWork](../../build/examples/t009_financeMyWork.html)


```html_example
<div class="js-backgroundGray01Alternate">
  <div class="js-backgroundGray01Alternate-item">Item</div>
  <div class="js-backgroundGray01Alternate-item">Item</div>
  <div class="js-backgroundGray01Alternate-item">Item</div>
  <div class="js-backgroundGray01Alternate-item">Item</div>
  <div class="js-backgroundGray01Alternate-item">Item</div>
</div>
```

```html_example
<div class="js-backgroundGray01Alternate" data-start-white="true">
  <div class="js-backgroundGray01Alternate-item">Item</div>
  <div class="js-backgroundGray01Alternate-item">Item</div>
  <div class="js-backgroundGray01Alternate-item">Item</div>
  <div class="js-backgroundGray01Alternate-item">Item</div>
  <div class="js-backgroundGray01Alternate-item">Item</div>
</div>
```
*/
.PushCarousel3-masking, .HeaderVisuel-image {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

/*doc
---
title: Custom Scrollbar
name: scrollbar
category: scrollbar
---

Custom scrollbar

<p class="Styleguide-title">Couleurs utilisées :</p>
<div class=Styleguide-table>
  <div class=Styleguide-head>
    <div class="Styleguide-row">
      <div class="Styleguide-col">Nom de variable</div>
      <div class="Styleguide-col">Valeur</div>
      <div class="Styleguide-col">Rendu</div>
    </div>
  </div>
  <div class=Styleguide-body>
    <div class="Styleguide-row Styleguide-scrollbar-color">
      <div class="Styleguide-col">
        $scrollbar-color
      </div>
      <div class="Styleguide-col Styleguide-col--value"></div>
      <div class="Styleguide-col Styleguide-col--render"></div>
    </div>
    <div class="Styleguide-row Styleguide-scrollbar-color-dark">
      <div class="Styleguide-col">
        $scrollbar-color-dark
      </div>
      <div class="Styleguide-col Styleguide-col--value"></div>
      <div class="Styleguide-col Styleguide-col--render"></div>
    </div>
    <div class="Styleguide-row Styleguide-scrollbar-background">
      <div class="Styleguide-col">
        $scrollbar-background
      </div>
      <div class="Styleguide-col Styleguide-col--value"></div>
      <div class="Styleguide-col Styleguide-col--render"></div>
    </div>
  </div>
</div>


```html_example
  <div class="Styleguide-scrollbar"><!-- <==  /!\  Wrapper only for styleguide -->
    <div class="Styleguide-scrollbarInner"><!-- <==  /!\  Wrapper only for styleguide -->
      Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br />
      Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br />
      Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br />
      Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br />
      Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br />
      Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br />
      Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br />
      Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br />
      Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br />
      Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br /> Lorem <br />
    </div>
  </div>
```
*/
.bootstrap-select .dropdown-menu, .NewsFeed-body, .ui-menu.ui-widget.ui-widget-content {
  /* Custom Scrollbar for Webkit (Chrome)  */
  /* Custom Scrollbar for IE */
  scrollbar-base-color: #007D8F;
  scrollbar-arrow-color: #007D8F;
  scrollbar-face-color: #007D8F;
  scrollbar-track-color: rgba(255, 255, 255, 0);
  scrollbar-shadow-color: #007D8F; }
  .bootstrap-select .dropdown-menu::-webkit-scrollbar, .NewsFeed-body::-webkit-scrollbar, .ui-menu.ui-widget.ui-widget-content::-webkit-scrollbar {
    width: 7px;
    background-color: rgba(255, 255, 255, 0); }
  .bootstrap-select .dropdown-menu::-webkit-scrollbar-track, .NewsFeed-body::-webkit-scrollbar-track, .ui-menu.ui-widget.ui-widget-content::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0); }
  .bootstrap-select .dropdown-menu::-webkit-scrollbar-thumb, .NewsFeed-body::-webkit-scrollbar-thumb, .ui-menu.ui-widget.ui-widget-content::-webkit-scrollbar-thumb {
    background-color: #007D8F; }
    .bootstrap-select .dropdown-menu::-webkit-scrollbar-thumb:hover, .NewsFeed-body::-webkit-scrollbar-thumb:hover, .ui-menu.ui-widget.ui-widget-content::-webkit-scrollbar-thumb:hover {
      background-color: #006675; }

/*doc
---
title: NPC Icons
name: npc-icons
category: npc-icons
---

<style type="text/css">
table .icon {font-size: 3em}
</style>

```html_example
<div class="icon npc-logo-ca"></div>
```

###Liste des classes disponibles

| Image                                                             | Classe | Code | name | True filename |
| ----------------------------------------------------------------- |--------|------|------|---------------|
| <div class="icon npc-action-menu" style="font-size:40px"></div> | `npc-action-menu` | f101 |action-menu | 001-action-menu
| <div class="icon npc-add" style="font-size:40px"></div> | `npc-add` | f102 |add | 002-add
| <div class="icon npc-add-user" style="font-size:40px"></div> | `npc-add-user` | f103 |add-user | 003-add-user
| <div class="icon npc-after" style="font-size:40px"></div> | `npc-after` | f104 |after | 004-after
| <div class="icon npc-arrow-down-filled" style="font-size:40px"></div> | `npc-arrow-down-filled` | f105 |arrow-down-filled | 005-arrow-down-filled
| <div class="icon npc-arrow-down" style="font-size:40px"></div> | `npc-arrow-down` | f106 |arrow-down | 006-arrow-down
| <div class="icon npc-arrow-next" style="font-size:40px"></div> | `npc-arrow-next` | f107 |arrow-next | 007-arrow-next
| <div class="icon npc-arrow-previous" style="font-size:40px"></div> | `npc-arrow-previous` | f108 |arrow-previous | 008-arrow-previous
| <div class="icon npc-arrow-up" style="font-size:40px"></div> | `npc-arrow-up` | f109 |arrow-up | 009-arrow-up
| <div class="icon npc-attachment" style="font-size:40px"></div> | `npc-attachment` | f10a |attachment | 010-attachment
| <div class="icon npc-avatar" style="font-size:40px"></div> | `npc-avatar` | f10b |avatar | 011-avatar
| <div class="icon npc-bank" style="font-size:40px"></div> | `npc-bank` | f10c |bank | 012-bank
| <div class="icon npc-bell" style="font-size:40px"></div> | `npc-bell` | f10d |bell | 013-bell
| <div class="icon npc-birth-act" style="font-size:40px"></div> | `npc-birth-act` | f10e |birth-act | 014-birth-act
| <div class="icon npc-building" style="font-size:40px"></div> | `npc-building` | f10f |building | 015-building
| <div class="icon npc-bulb" style="font-size:40px"></div> | `npc-bulb` | f110 |bulb | 016-bulb
| <div class="icon npc-calculator" style="font-size:40px"></div> | `npc-calculator` | f111 |calculator | 017-calculator
| <div class="icon npc-calendar" style="font-size:40px"></div> | `npc-calendar` | f112 |calendar | 018-calendar
| <div class="icon npc-card" style="font-size:40px"></div> | `npc-card` | f113 |card | 019-card
| <div class="icon npc-check" style="font-size:40px"></div> | `npc-check` | f114 |check | 020-check
| <div class="icon npc-checked" style="font-size:40px"></div> | `npc-checked` | f115 |checked | 021-checked
| <div class="icon npc-chrono" style="font-size:40px"></div> | `npc-chrono` | f116 |chrono | 022-chrono
| <div class="icon npc-circle-bar" style="font-size:40px"></div> | `npc-circle-bar` | f117 |circle-bar | 023-circle-bar
| <div class="icon npc-circle-calendar" style="font-size:40px"></div> | `npc-circle-calendar` | f118 |circle-calendar | 024-circle-calendar
| <div class="icon npc-circle-dark-next" style="font-size:40px"></div> | `npc-circle-dark-next` | f119 |circle-dark-next | 025-circle-dark-next
| <div class="icon npc-circle-dark-previous" style="font-size:40px"></div> | `npc-circle-dark-previous` | f11a |circle-dark-previous | 026-circle-dark-previous
| <div class="icon npc-circle-doc" style="font-size:40px"></div> | `npc-circle-doc` | f11b |circle-doc | 027-circle-doc
| <div class="icon npc-circle-folder" style="font-size:40px"></div> | `npc-circle-folder` | f11c |circle-folder | 028-circle-folder
| <div class="icon npc-circle-play" style="font-size:40px"></div> | `npc-circle-play` | f11d |circle-play | 029-circle-play
| <div class="icon npc-circle-plus" style="font-size:40px"></div> | `npc-circle-plus` | f11e |circle-plus | 030-circle-plus
| <div class="icon npc-circle-send" style="font-size:40px"></div> | `npc-circle-send` | f11f |circle-send | 031-circle-send
| <div class="icon npc-circle-trademark" style="font-size:40px"></div> | `npc-circle-trademark` | f120 |circle-trademark | 032-circle-trademark
| <div class="icon npc-clock" style="font-size:40px"></div> | `npc-clock` | f121 |clock | 033-clock
| <div class="icon npc-close" style="font-size:40px"></div> | `npc-close` | f122 |close | 034-close
| <div class="icon npc-day" style="font-size:40px"></div> | `npc-day` | f123 |day | 035-day
| <div class="icon npc-decrease" style="font-size:40px"></div> | `npc-decrease` | f124 |decrease | 036-decrease
| <div class="icon npc-devices" style="font-size:40px"></div> | `npc-devices` | f125 |devices | 037-devices
| <div class="icon npc-document-attached" style="font-size:40px"></div> | `npc-document-attached` | f126 |document-attached | 038-document-attached
| <div class="icon npc-document" style="font-size:40px"></div> | `npc-document` | f127 |document | 039-document
| <div class="icon npc-done" style="font-size:40px"></div> | `npc-done` | f128 |done | 040-done
| <div class="icon npc-download" style="font-size:40px"></div> | `npc-download` | f129 |download | 041-download
| <div class="icon npc-driver-license-french" style="font-size:40px"></div> | `npc-driver-license-french` | f12a |driver-license-french | 042-driver-license-french
| <div class="icon npc-driver-license" style="font-size:40px"></div> | `npc-driver-license` | f12b |driver-license | 043-driver-license
| <div class="icon npc-engine" style="font-size:40px"></div> | `npc-engine` | f12c |engine | 044-engine
| <div class="icon npc-facebook" style="font-size:40px"></div> | `npc-facebook` | f12d |facebook | 045-facebook
| <div class="icon npc-factory" style="font-size:40px"></div> | `npc-factory` | f12e |factory | 046-factory
| <div class="icon npc-family-record-book" style="font-size:40px"></div> | `npc-family-record-book` | f12f |family-record-book | 047-family-record-book
| <div class="icon npc-flag" style="font-size:40px"></div> | `npc-flag` | f130 |flag | 048-flag
| <div class="icon npc-france" style="font-size:40px"></div> | `npc-france` | f131 |france | 049-france
| <div class="icon npc-growth" style="font-size:40px"></div> | `npc-growth` | f132 |growth | 050-growth
| <div class="icon npc-hamburger" style="font-size:40px"></div> | `npc-hamburger` | f133 |hamburger | 051-hamburger
| <div class="icon npc-id-card" style="font-size:40px"></div> | `npc-id-card` | f134 |id-card | 052-id-card
| <div class="icon npc-increase" style="font-size:40px"></div> | `npc-increase` | f135 |increase | 053-increase
| <div class="icon npc-information-blank" style="font-size:40px"></div> | `npc-information-blank` | f136 |information-blank | 054-information-blank
| <div class="icon npc-information" style="font-size:40px"></div> | `npc-information` | f137 |information | 055-information
| <div class="icon npc-instagram" style="font-size:40px"></div> | `npc-instagram` | f138 |instagram | 056-instagram
| <div class="icon npc-keypad" style="font-size:40px"></div> | `npc-keypad` | f139 |keypad | 057-keypad
| <div class="icon npc-ko" style="font-size:40px"></div> | `npc-ko` | f13a |ko | 058-ko
| <div class="icon npc-left" style="font-size:40px"></div> | `npc-left` | f13b |left | 059-left
| <div class="icon npc-linkedin" style="font-size:40px"></div> | `npc-linkedin` | f13c |linkedin | 060-linkedin
| <div class="icon npc-locator-blank" style="font-size:40px"></div> | `npc-locator-blank` | f13d |locator-blank | 061-locator-blank
| <div class="icon npc-locator" style="font-size:40px"></div> | `npc-locator` | f13e |locator | 062-locator
| <div class="icon npc-logo-ca" style="font-size:40px"></div> | `npc-logo-ca` | f13f |logo-ca | 063-logo-ca
| <div class="icon npc-magnifer" style="font-size:40px"></div> | `npc-magnifer` | f140 |magnifer | 064-magnifer
| <div class="icon npc-mail" style="font-size:40px"></div> | `npc-mail` | f141 |mail | 065-mail
| <div class="icon npc-masonry" style="font-size:40px"></div> | `npc-masonry` | f142 |masonry | 066-masonry
| <div class="icon npc-mobile" style="font-size:40px"></div> | `npc-mobile` | f143 |mobile | 067-mobile
| <div class="icon npc-money" style="font-size:40px"></div> | `npc-money` | f144 |money | 068-money
| <div class="icon npc-ok" style="font-size:40px"></div> | `npc-ok` | f145 |ok | 069-ok
| <div class="icon npc-padlock-closed" style="font-size:40px"></div> | `npc-padlock-closed` | f146 |padlock-closed | 070-padlock-closed
| <div class="icon npc-padlock-dark-closed" style="font-size:40px"></div> | `npc-padlock-dark-closed` | f147 |padlock-dark-closed | 071-padlock-dark-closed
| <div class="icon npc-padlock-dark-open" style="font-size:40px"></div> | `npc-padlock-dark-open` | f148 |padlock-dark-open | 072-padlock-dark-open
| <div class="icon npc-padlock-white-closed" style="font-size:40px"></div> | `npc-padlock-white-closed` | f149 |padlock-white-closed | 073-padlock-white-closed
| <div class="icon npc-passport" style="font-size:40px"></div> | `npc-passport` | f14a |passport | 074-passport
| <div class="icon npc-pencil" style="font-size:40px"></div> | `npc-pencil` | f14b |pencil | 075-pencil
| <div class="icon npc-phone" style="font-size:40px"></div> | `npc-phone` | f14c |phone | 076-phone
| <div class="icon npc-pickup-phone" style="font-size:40px"></div> | `npc-pickup-phone` | f14d |pickup-phone | 077-pickup-phone
| <div class="icon npc-pie-chart-blank" style="font-size:40px"></div> | `npc-pie-chart-blank` | f14e |pie-chart-blank | 078-pie-chart-blank
| <div class="icon npc-pie-chart" style="font-size:40px"></div> | `npc-pie-chart` | f14f |pie-chart | 079-pie-chart
| <div class="icon npc-pig" style="font-size:40px"></div> | `npc-pig` | f150 |pig | 080-pig
| <div class="icon npc-pin" style="font-size:40px"></div> | `npc-pin` | f151 |pin | 081-pin
| <div class="icon npc-play" style="font-size:40px"></div> | `npc-play` | f152 |play | 082-play
| <div class="icon npc-plus" style="font-size:40px"></div> | `npc-plus` | f153 |plus | 083-plus
| <div class="icon npc-power" style="font-size:40px"></div> | `npc-power` | f154 |power | 084-power
| <div class="icon npc-property-title" style="font-size:40px"></div> | `npc-property-title` | f155 |property-title | 085-property-title
| <div class="icon npc-rain" style="font-size:40px"></div> | `npc-rain` | f156 |rain | 086-rain
| <div class="icon npc-rescue" style="font-size:40px"></div> | `npc-rescue` | f157 |rescue | 087-rescue
| <div class="icon npc-right" style="font-size:40px"></div> | `npc-right` | f158 |right | 088-right
| <div class="icon npc-separator" style="font-size:40px"></div> | `npc-separator` | f159 |separator | 089-separator
| <div class="icon npc-settings" style="font-size:40px"></div> | `npc-settings` | f15a |settings | 090-settings
| <div class="icon npc-share" style="font-size:40px"></div> | `npc-share` | f15b |share | 091-share
| <div class="icon npc-smartphone-bank" style="font-size:40px"></div> | `npc-smartphone-bank` | f15c |smartphone-bank | 092-smartphone-bank
| <div class="icon npc-smartphone" style="font-size:40px"></div> | `npc-smartphone` | f15d |smartphone | 093-smartphone
| <div class="icon npc-somebody" style="font-size:40px"></div> | `npc-somebody` | f15e |somebody | 094-somebody
| <div class="icon npc-star" style="font-size:40px"></div> | `npc-star` | f15f |star | 095-star
| <div class="icon npc-stepper" style="font-size:40px"></div> | `npc-stepper` | f160 |stepper | 096-stepper
| <div class="icon npc-substract" style="font-size:40px"></div> | `npc-substract` | f161 |substract | 097-substract
| <div class="icon npc-sun" style="font-size:40px"></div> | `npc-sun` | f162 |sun | 098-sun
| <div class="icon npc-talk-blank" style="font-size:40px"></div> | `npc-talk-blank` | f163 |talk-blank | 099-talk-blank
| <div class="icon npc-talk-connect" style="font-size:40px"></div> | `npc-talk-connect` | f164 |talk-connect | 100-talk-connect
| <div class="icon npc-talk-dark" style="font-size:40px"></div> | `npc-talk-dark` | f165 |talk-dark | 101-talk-dark
| <div class="icon npc-talk-information-dark" style="font-size:40px"></div> | `npc-talk-information-dark` | f166 |talk-information-dark | 102-talk-information-dark
| <div class="icon npc-talk-information" style="font-size:40px"></div> | `npc-talk-information` | f167 |talk-information | 103-talk-information
| <div class="icon npc-talk-together" style="font-size:40px"></div> | `npc-talk-together` | f168 |talk-together | 104-talk-together
| <div class="icon npc-talk" style="font-size:40px"></div> | `npc-talk` | f169 |talk | 105-talk
| <div class="icon npc-together" style="font-size:40px"></div> | `npc-together` | f16a |together | 106-together
| <div class="icon npc-transfer" style="font-size:40px"></div> | `npc-transfer` | f16b |transfer | 107-transfer
| <div class="icon npc-tv" style="font-size:40px"></div> | `npc-tv` | f16c |tv | 108-tv
| <div class="icon npc-twitter-blank" style="font-size:40px"></div> | `npc-twitter-blank` | f16d |twitter-blank | 109-twitter-blank
| <div class="icon npc-twitter" style="font-size:40px"></div> | `npc-twitter` | f16e |twitter | 110-twitter
| <div class="icon npc-umbrella" style="font-size:40px"></div> | `npc-umbrella` | f16f |umbrella | 111-umbrella
| <div class="icon npc-upload" style="font-size:40px"></div> | `npc-upload` | f170 |upload | 112-upload
| <div class="icon npc-user" style="font-size:40px"></div> | `npc-user` | f171 |user | 113-user
| <div class="icon npc-viadeo" style="font-size:40px"></div> | `npc-viadeo` | f172 |viadeo | 114-viadeo
| <div class="icon npc-wall" style="font-size:40px"></div> | `npc-wall` | f173 |wall | 115-wall
| <div class="icon npc-wallet" style="font-size:40px"></div> | `npc-wallet` | f174 |wallet | 116-wallet
| <div class="icon npc-youtube" style="font-size:40px"></div> | `npc-youtube` | f175 |youtube | 117-youtube
| <div class="icon npc-google" style="font-size:40px"></div> | `npc-google` | f176 |google | 118-google
| <div class="icon npc-rss" style="font-size:40px"></div> | `npc-rss` | f177 |rss | 119-rss
| <div class="icon npc-rounded-article" style="font-size:40px"></div> | `npc-rounded-article` | f178 |rounded-article | 120-rounded-article
| <div class="icon npc-rounded-event" style="font-size:40px"></div> | `npc-rounded-event` | f179 |rounded-event | 121-rounded-event
| <div class="icon npc-rounded-folder" style="font-size:40px"></div> | `npc-rounded-folder` | f17a |rounded-folder | 122-rounded-folder
| <div class="icon npc-rounded-infografics" style="font-size:40px"></div> | `npc-rounded-infografics` | f17b |rounded-infografics | 123-rounded-infografics
| <div class="icon npc-rounded-video" style="font-size:40px"></div> | `npc-rounded-video` | f17c |rounded-video | 124-rounded-video
| <div class="icon npc-trash" style="font-size:40px"></div> | `npc-trash` | f17d |trash | 125-trash
| <div class="icon npc-vocality" style="font-size:40px"></div> | `npc-vocality` | f17e |vocality | 125-vocality
| <div class="icon npc-exclamation" style="font-size:40px"></div> | `npc-exclamation` | f17f |exclamation | 126-exclamation
| <div class="icon npc-star-lined" style="font-size:40px"></div> | `npc-star-lined` | f180 |star-lined | 126-star-lined
| <div class="icon npc-danger" style="font-size:40px"></div> | `npc-danger` | f181 |danger | 127-danger
| <div class="icon npc-star-full" style="font-size:40px"></div> | `npc-star-full` | f182 |star-full | 127-star-full
| <div class="icon npc-calculator2" style="font-size:40px"></div> | `npc-calculator2` | f183 |calculator2 | 128-calculator2
| <div class="icon npc-humanCheck" style="font-size:40px"></div> | `npc-humanCheck` | f184 |humanCheck | 129-humanCheck
| <div class="icon npc-folder" style="font-size:40px"></div> | `npc-folder` | f185 |folder | 131-folder
| <div class="icon npc-plane" style="font-size:40px"></div> | `npc-plane` | f186 |plane | 132-plane
| <div class="icon npc-followMsg" style="font-size:40px"></div> | `npc-followMsg` | f187 |followMsg | 133-followMsg
| <div class="icon npc-mailNoBg" style="font-size:40px"></div> | `npc-mailNoBg` | f188 |mailNoBg | 134-mailNoBg
| <div class="icon npc-draft" style="font-size:40px"></div> | `npc-draft` | f189 |draft | 135-draft
| <div class="icon npc-mail2" style="font-size:40px"></div> | `npc-mail2` | f18a |mail2 | 136-mail2
| <div class="icon npc-exclamation2" style="font-size:40px"></div> | `npc-exclamation2` | f18b |exclamation2 | 137-exclamation2
| <div class="icon npc-boussole" style="font-size:40px"></div> | `npc-boussole` | f18c |boussole | 138-boussole
| <div class="icon npc-effect" style="font-size:40px"></div> | `npc-effect` | f18d |effect | 139-effect
| <div class="icon npc-analyse" style="font-size:40px"></div> | `npc-analyse` | f18e |analyse | 140-analyse
| <div class="icon npc-webedi" style="font-size:40px"></div> | `npc-webedi` | f18f |webedi | 141-webedi
| <div class="icon npc-circleQuestion" style="font-size:40px"></div> | `npc-circleQuestion` | f190 |circleQuestion | 142-circleQuestion
| <div class="icon npc-shareScreen" style="font-size:40px"></div> | `npc-shareScreen` | f191 |shareScreen | 143-shareScreen
| <div class="icon npc-parameters" style="font-size:40px"></div> | `npc-parameters` | f192 |parameters | 144-parameters
| <div class="icon npc-increase-top" style="font-size:40px"></div> | `npc-increase-top` | f193 |increase-top | 145-increase-top
| <div class="icon npc-zoomLess" style="font-size:40px"></div> | `npc-zoomLess` | f194 |zoomLess | 146-zoomLess
| <div class="icon npc-zoomMore" style="font-size:40px"></div> | `npc-zoomMore` | f195 |zoomMore | 147-zoomMore
| <div class="icon npc-downloadTalk" style="font-size:40px"></div> | `npc-downloadTalk` | f196 |downloadTalk | 148-downloadTalk
| <div class="icon npc-dnc-categorie3" style="font-size:40px"></div> | `npc-dnc-categorie3` | f197 |dnc-categorie3 | 149-dnc-categorie3
| <div class="icon npc-dnc-categorie23" style="font-size:40px"></div> | `npc-dnc-categorie23` | f198 |dnc-categorie23 | 150-dnc-categorie23
| <div class="icon npc-dnc-categorie92" style="font-size:40px"></div> | `npc-dnc-categorie92` | f199 |dnc-categorie92 | 151-dnc-categorie92
| <div class="icon npc-dnc-categorie94" style="font-size:40px"></div> | `npc-dnc-categorie94` | f19a |dnc-categorie94 | 152-dnc-categorie94
| <div class="icon npc-dnc-categorie96" style="font-size:40px"></div> | `npc-dnc-categorie96` | f19b |dnc-categorie96 | 153-dnc-categorie96
| <div class="icon npc-dnc-categorie97" style="font-size:40px"></div> | `npc-dnc-categorie97` | f19c |dnc-categorie97 | 154-dnc-categorie97
| <div class="icon npc-dnc-categorie194" style="font-size:40px"></div> | `npc-dnc-categorie194` | f19d |dnc-categorie194 | 156-dnc-categorie194
| <div class="icon npc-dnc-categorie196" style="font-size:40px"></div> | `npc-dnc-categorie196` | f19e |dnc-categorie196 | 157-dnc-categorie196
| <div class="icon npc-dnc-categorie197" style="font-size:40px"></div> | `npc-dnc-categorie197` | f19f |dnc-categorie197 | 158-dnc-categorie197
| <div class="icon npc-dnc-categorie343" style="font-size:40px"></div> | `npc-dnc-categorie343` | f1a0 |dnc-categorie343 | 160-dnc-categorie343
| <div class="icon npc-dnc-categorie941" style="font-size:40px"></div> | `npc-dnc-categorie941` | f1a1 |dnc-categorie941 | 161-dnc-categorie941
| <div class="icon npc-dnc-categorie3012" style="font-size:40px"></div> | `npc-dnc-categorie3012` | f1a2 |dnc-categorie3012 | 163-dnc-categorie3012
| <div class="icon npc-dnc-categorie99343" style="font-size:40px"></div> | `npc-dnc-categorie99343` | f1a3 |dnc-categorie99343 | 164-dnc-categorie99343
| <div class="icon npc-dnc-categorie99992" style="font-size:40px"></div> | `npc-dnc-categorie99992` | f1a4 |dnc-categorie99992 | 165-dnc-categorie99992
| <div class="icon npc-dnc-categorie" style="font-size:40px"></div> | `npc-dnc-categorie` | f1a5 |dnc-categorie | 166-dnc-categorie
| <div class="icon npc-dnc-categorie71" style="font-size:40px"></div> | `npc-dnc-categorie71` | f1a6 |dnc-categorie71 | 167-dnc-categorie71
| <div class="icon npc-dnc-categorie109" style="font-size:40px"></div> | `npc-dnc-categorie109` | f1a7 |dnc-categorie109 | 168-dnc-categorie109
| <div class="icon npc-dnc-categorie111" style="font-size:40px"></div> | `npc-dnc-categorie111` | f1a8 |dnc-categorie111 | 169-dnc-categorie111
| <div class="icon npc-locator-circle" style="font-size:40px"></div> | `npc-locator-circle` | f1a9 |locator-circle | 170-locator-circle
| <div class="icon npc-arrow-next-thin" style="font-size:40px"></div> | `npc-arrow-next-thin` | f1aa |arrow-next-thin | 171-arrow-next-thin
| <div class="icon npc-arrow-previous-thin" style="font-size:40px"></div> | `npc-arrow-previous-thin` | f1ab |arrow-previous-thin | 172-arrow-previous-thin
| <div class="icon npc-user-group" style="font-size:40px"></div> | `npc-user-group` | f1ac |user-group | 173-user-group
| <div class="icon npc-calendar1" style="font-size:40px"></div> | `npc-calendar1` | f1ad |calendar1 | 174-calendar1
| <div class="icon npc-help" style="font-size:40px"></div> | `npc-help` | f1ae |help | 175-help
| <div class="icon npc-list" style="font-size:40px"></div> | `npc-list` | f1af |list | 176-list
| <div class="icon npc-print" style="font-size:40px"></div> | `npc-print` | f1b0 |print | 176-print
| <div class="icon npc-mail3" style="font-size:40px"></div> | `npc-mail3` | f1b1 |mail3 | 177-mail3
| <div class="icon npc-rename" style="font-size:40px"></div> | `npc-rename` | f1b2 |rename | 177-rename
| <div class="icon npc-check2" style="font-size:40px"></div> | `npc-check2` | f1b3 |check2 | 178-check2
| <div class="icon npc-withdrawal" style="font-size:40px"></div> | `npc-withdrawal` | f1b4 |withdrawal | 179-withdrawal
| <div class="icon npc-bank2" style="font-size:40px"></div> | `npc-bank2` | f1b5 |bank2 | 180-bank2
| <div class="icon npc-debit" style="font-size:40px"></div> | `npc-debit` | f1b6 |debit | 181-debit
| <div class="icon npc-various" style="font-size:40px"></div> | `npc-various` | f1b7 |various | 182-various
| <div class="icon npc-percentBack" style="font-size:40px"></div> | `npc-percentBack` | f1b8 |percentBack | 183-percentBack
| <div class="icon npc-transfer2" style="font-size:40px"></div> | `npc-transfer2` | f1b9 |transfer2 | 184-transfer2
| <div class="icon npc-locator-circle-empty" style="font-size:40px"></div> | `npc-locator-circle-empty` | f1ba |locator-circle-empty | 185-locator-circle-empty
| <div class="icon npc-advisor" style="font-size:40px"></div> | `npc-advisor` | f1bb |advisor | 186-advisor
| <div class="icon npc-advisor2" style="font-size:40px"></div> | `npc-advisor2` | f1bc |advisor2 | 187-advisor2
| <div class="icon npc-itinerary" style="font-size:40px"></div> | `npc-itinerary` | f1bd |itinerary | 188-itinerary
| <div class="icon npc-printer" style="font-size:40px"></div> | `npc-printer` | f1be |printer | 189-printer
| <div class="icon npc-at" style="font-size:40px"></div> | `npc-at` | f1bf |at | 190-at
| <div class="icon npc-arrow-top" style="font-size:40px"></div> | `npc-arrow-top` | f1c0 |arrow-top | 191-arrow-top
| <div class="icon npc-drag-drop" style="font-size:40px"></div> | `npc-drag-drop` | f1c1 |drag-drop | 192-drag-drop
| <div class="icon npc-pencil2" style="font-size:40px"></div> | `npc-pencil2` | f1c2 |pencil2 | 193-pencil2
| <div class="icon npc-cloud" style="font-size:40px"></div> | `npc-cloud` | f1c3 |cloud | 194-cloud
| <div class="icon npc-rock--start" style="font-size:40px"></div> | `npc-rock--start` | f1c4 |rock--start | 195-rock--start
| <div class="icon npc-rock--end" style="font-size:40px"></div> | `npc-rock--end` | f1c5 |rock--end | 196-rock--end
| <div class="icon npc-portrait-landscape" style="font-size:40px"></div> | `npc-portrait-landscape` | f1c6 |portrait-landscape | 197-portrait-landscape
| <div class="icon npc-sandglass" style="font-size:40px"></div> | `npc-sandglass` | f1c7 |sandglass | 198-sandglass
| <div class="icon npc-dnc-categorie615" style="font-size:40px"></div> | `npc-dnc-categorie615` | f1c8 |dnc-categorie615 | 200-dnc-categorie615
| <div class="icon npc-dnc-categorie266" style="font-size:40px"></div> | `npc-dnc-categorie266` | f1c9 |dnc-categorie266 | 201-dnc-categorie266
| <div class="icon npc-dnc-categorie363" style="font-size:40px"></div> | `npc-dnc-categorie363` | f1ca |dnc-categorie363 | 202-dnc-categorie363
| <div class="icon npc-dnc-categorie264" style="font-size:40px"></div> | `npc-dnc-categorie264` | f1cb |dnc-categorie264 | 203-dnc-categorie264
| <div class="icon npc-dnc-categorie207" style="font-size:40px"></div> | `npc-dnc-categorie207` | f1cc |dnc-categorie207 | 204-dnc-categorie207
| <div class="icon npc-dnc-categorie614" style="font-size:40px"></div> | `npc-dnc-categorie614` | f1cd |dnc-categorie614 | 205-dnc-categorie614
| <div class="icon npc-dnc-categorie617" style="font-size:40px"></div> | `npc-dnc-categorie617` | f1ce |dnc-categorie617 | 206-dnc-categorie617
| <div class="icon npc-dnc-categorie93" style="font-size:40px"></div> | `npc-dnc-categorie93` | f1cf |dnc-categorie93 | 207-dnc-categorie93
| <div class="icon npc-dnc-categorie269" style="font-size:40px"></div> | `npc-dnc-categorie269` | f1d0 |dnc-categorie269 | 208-dnc-categorie269
| <div class="icon npc-dnc-categorie206" style="font-size:40px"></div> | `npc-dnc-categorie206` | f1d1 |dnc-categorie206 | 209-dnc-categorie206
| <div class="icon npc-dnc-categorie613" style="font-size:40px"></div> | `npc-dnc-categorie613` | f1d2 |dnc-categorie613 | 210-dnc-categorie613
| <div class="icon npc-dnc-categorie205" style="font-size:40px"></div> | `npc-dnc-categorie205` | f1d3 |dnc-categorie205 | 212-dnc-categorie205
| <div class="icon npc-dnc-categorie263" style="font-size:40px"></div> | `npc-dnc-categorie263` | f1d4 |dnc-categorie263 | 213-dnc-categorie263
| <div class="icon npc-dnc-categorie265" style="font-size:40px"></div> | `npc-dnc-categorie265` | f1d5 |dnc-categorie265 | 215-dnc-categorie265
| <div class="icon npc-life-and-pension" style="font-size:40px"></div> | `npc-life-and-pension` | f1d6 |life-and-pension | 233-life-and-pension |
*/
@font-face {
  font-family: "NPC Icons";
  src: url("../fonts/npcicons/npcicons.woff2") format("woff2"), url("../fonts/npcicons/npcicons.woff") format("woff"), url("../fonts/npcicons/npcicons.ttf") format("truetype"); }

.icon, .ImportDocs-icon:before, .npc-action-menu:before, .npc-add:before, .npc-add-user:before, .npc-after:before, .npc-arrow-down-filled:before, .npc-arrow-down:before, .npc-arrow-next:before, .npc-arrow-previous:before, .npc-arrow-up:before, .npc-attachment:before, .npc-avatar:before, .npc-bank:before, .npc-bell:before, .npc-birth-act:before, .npc-building:before, .npc-bulb:before, .npc-calculator:before, .npc-calendar:before, .npc-card:before, .npc-check:before, .npc-checked:before, .npc-chrono:before, .npc-circle-bar:before, .npc-circle-calendar:before, .npc-circle-dark-next:before, .npc-circle-dark-previous:before, .npc-circle-doc:before, .npc-circle-folder:before, .npc-circle-play:before, .npc-circle-plus:before, .npc-circle-send:before, .npc-circle-trademark:before, .npc-clock:before, .npc-close:before, .npc-day:before, .npc-decrease:before, .npc-devices:before, .npc-document-attached:before, .npc-document:before, .npc-done:before, .npc-download:before, .npc-driver-license-french:before, .npc-driver-license:before, .npc-engine:before, .npc-facebook:before, .npc-factory:before, .npc-family-record-book:before, .npc-flag:before, .npc-france:before, .npc-growth:before, .npc-hamburger:before, .npc-id-card:before, .npc-increase:before, .npc-information-blank:before, .npc-information:before, .npc-instagram:before, .npc-keypad:before, .npc-ko:before, .npc-left:before, .npc-linkedin:before, .npc-locator-blank:before, .npc-locator:before, .npc-logo-ca:before, .npc-magnifer:before, .npc-mail:before, .npc-masonry:before, .npc-mobile:before, .npc-money:before, .npc-ok:before, .npc-padlock-closed:before, .npc-padlock-dark-closed:before, .npc-padlock-dark-open:before, .npc-padlock-white-closed:before, .npc-passport:before, .npc-pencil:before, .npc-phone:before, .npc-pickup-phone:before, .npc-pie-chart-blank:before, .npc-pie-chart:before, .npc-pig:before, .npc-pin:before, .npc-play:before, .npc-plus:before, .npc-power:before, .npc-property-title:before, .npc-rain:before, .npc-rescue:before, .npc-right:before, .npc-separator:before, .npc-settings:before, .npc-share:before, .npc-smartphone-bank:before, .npc-smartphone:before, .npc-somebody:before, .npc-star:before, .npc-stepper:before, .npc-substract:before, .npc-sun:before, .npc-talk-blank:before, .npc-talk-connect:before, .npc-talk-dark:before, .npc-talk-information-dark:before, .npc-talk-information:before, .npc-talk-together:before, .npc-talk:before, .npc-together:before, .npc-transfer:before, .npc-tv:before, .npc-twitter-blank:before, .npc-twitter:before, .npc-umbrella:before, .npc-upload:before, .npc-user:before, .npc-viadeo:before, .npc-wall:before, .npc-wallet:before, .npc-youtube:before, .npc-google:before, .npc-rss:before, .npc-rounded-article:before, .npc-rounded-event:before, .npc-rounded-folder:before, .npc-rounded-infografics:before, .npc-rounded-video:before, .npc-trash:before, .npc-vocality:before, .npc-exclamation:before, .npc-star-lined:before, .npc-danger:before, .npc-star-full:before, .npc-calculator2:before, .npc-humanCheck:before, .npc-folder:before, .npc-plane:before, .npc-followMsg:before, .npc-mailNoBg:before, .npc-draft:before, .npc-mail2:before, .npc-exclamation2:before, .npc-boussole:before, .npc-effect:before, .npc-analyse:before, .npc-webedi:before, .npc-circleQuestion:before, .npc-shareScreen:before, .npc-parameters:before, .npc-increase-top:before, .npc-zoomLess:before, .npc-zoomMore:before, .npc-downloadTalk:before, .npc-dnc-categorie3:before, .npc-dnc-categorie23:before, .npc-dnc-categorie92:before, .npc-dnc-categorie94:before, .npc-dnc-categorie96:before, .npc-dnc-categorie97:before, .npc-dnc-categorie194:before, .npc-dnc-categorie196:before, .npc-dnc-categorie197:before, .npc-dnc-categorie343:before, .npc-dnc-categorie941:before, .npc-dnc-categorie3012:before, .npc-dnc-categorie99343:before, .npc-dnc-categorie99992:before, .npc-dnc-categorie:before, .npc-dnc-categorie71:before, .npc-dnc-categorie109:before, .npc-dnc-categorie111:before, .npc-locator-circle:before, .npc-arrow-next-thin:before, .npc-arrow-previous-thin:before, .npc-user-group:before, .npc-calendar1:before, .npc-help:before, .npc-list:before, .npc-print:before, .npc-mail3:before, .npc-rename:before, .npc-check2:before, .npc-withdrawal:before, .npc-bank2:before, .npc-debit:before, .npc-various:before, .npc-percentBack:before, .npc-transfer2:before, .npc-locator-circle-empty:before, .npc-advisor:before, .npc-advisor2:before, .npc-itinerary:before, .npc-printer:before, .npc-at:before, .npc-arrow-top:before, .npc-drag-drop:before, .npc-pencil2:before, .npc-cloud:before, .npc-rock--start:before, .npc-rock--end:before, .npc-portrait-landscape:before, .npc-sandglass:before, .npc-dnc-categorie615:before, .npc-dnc-categorie266:before, .npc-dnc-categorie363:before, .npc-dnc-categorie264:before, .npc-dnc-categorie207:before, .npc-dnc-categorie614:before, .npc-dnc-categorie617:before, .npc-dnc-categorie93:before, .npc-dnc-categorie269:before, .npc-dnc-categorie206:before, .npc-dnc-categorie613:before, .npc-dnc-categorie205:before, .npc-dnc-categorie263:before, .npc-dnc-categorie265:before, .npc-life-and-pension:before, .bootstrap-select.btn-group .dropdown-toggle .caret:after, .panel-group .panel-title:before, .panel-group .panel-title:after, .LowFooterMention-FlagDropup:after, .LowFooterMention-FlagDropup.open:after, .NavActions-item:before, .NavActions-prev:before,
.NavActions-next:before, .TabsNav-item--action:before, .Header-buttonMenu:before, .HeaderLogged-buttonMenu:before, .Header-market:after, .Header-search:after, .Header-login:before, .Header-menuClose:before, .Header-menuSearch:before, .Header-menuLogin:before, .Header-menuRow:after, .HeaderSticky-search:after, .HeaderSticky-login:after, .HeaderLogged-buttonMenu--P400:before, .HeaderLogged-navLink--mega:after, .HeaderLogged-secondNavLink--search:after, .HeaderLogged-accountIcon, .LayerNav-pushNavItem:after, .LayerNav-pushNavItem--ca .LayerNav-pushNavItemInner:after, .LayerNav-dlistLink:after, .LayerNav-dlistLink:before, .LayerNav-listLink:after, .bigButton:before, .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-prev:after, .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-next:after, .pushMultiple-list.owl-loaded .owl-prev:after, .pushMultiple-list.owl-loaded .owl-next:after, .Citation-text:before, .Citation-text:after, .PartnerEntities-carousel.owl-loaded .owl-prev:after, .PartnerEntities-carousel.owl-loaded .owl-next:after, .VideoPlayer-play:before, .OurSolutionToSave-blocLink:hover .OurSolutionToSave-blocMain:after, .TableSortItem-btn:after, .callGreenBtnBloc-chatIcon:after, .CourseProjectFixed-dropdownToggle:before, .T007__panel-dropdownToggle:before, .CheckList-stepToggle:before, .CheckList-stepToggle--FO:before, .CheckList-footerLink:before, .GreenBtn-callbackHomeContentContactMeeting:before, .GreenBtn-callbackHomeContentContactMail:before, .GreenBtn-helpLink:after, .GreenBtn-dialogBoxFooterLink:before, .cardMagArticle-icon:before, span.cardMagSocial-picto:before, .ArticleDetail-goBackMag:before, .Share-logo:before, .MarketPartner-link:after, .CardsDashboardSearch-research:before, .IncreaseTheCeiling-carousel .owl-prev:before, .IncreaseTheCeiling-carousel .owl-next:before, .IncreaseTheCeiling-upCeiling a:before, .ES-card-focus-list-item:before, .Etapier-slider .owl-prev:before,
.Etapier-slider .owl-next:before, .simpleAccess:after, .Modal-close:before, .alphabetNav-showFull:before, .alphabetList-action--add:before, .alphabetList-action--list:before, .alphabetList-action--import:before, .swipableBloc-toggle:before, .swipableBloc-action:before, .swipableBloc-icon--fav:before, .Messagerie-LinksChevron:before, .PdfViewer-navLink--prev:after, .PdfViewer-navLink--next:after, .LandscapeMessage-bulb:before, .LandscapeMessage-phone:before, .Synthesis-inbox:before, .HeaderLogged-secondNavLink--account .Synthesis-inbox:before, .ES-MainNav-dropdownToggle:before, a.ES-InitiativesCard-link:before, .ES-join-projectsBloc-chatIcon:after, .T007__article:after, .T007__menu:after, .T007__shortcut .T007__menu:after, .PrivateBank-distriSupCompareLink:before, .ComparativeTable-prev:before,
.ComparativeTable-next:before, .npc-dnc-categorie95:before, .npc-dnc-categorie291:before, .npc-dnc-categorie99:before, .npc-dnc-categorie113:before, .npc-dnc-categorie260:before, .npc-dnc-categorie203:before, .npc-dnc-categorie1273:before, .npc-dnc-categorie3037:before, .npc-dnc-categorie619:before, .npc-dnc-categorie267:before, .npc-dnc-categorie361:before, .npc-dnc-categorie388:before, .npc-dnc-categorie3014:before, .npc-dnc-categorie3035:before, .ImportDocs-addDocLink a:before, .ZCoord-headLink a:before {
  font-family: "NPC Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none; }

.icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  speak: none;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ImportDocs-icon:before {
  content: ""; }

.npc-action-menu:before {
  content: ""; }

.npc-add:before {
  content: ""; }

.npc-add-user:before {
  content: ""; }

.npc-after:before {
  content: ""; }

.npc-arrow-down-filled:before {
  content: ""; }

.npc-arrow-down:before {
  content: ""; }

.npc-arrow-next:before {
  content: ""; }

.npc-arrow-previous:before {
  content: ""; }

.npc-arrow-up:before {
  content: ""; }

.npc-attachment:before {
  content: ""; }

.npc-avatar:before {
  content: ""; }

.npc-bank:before {
  content: ""; }

.npc-bell:before {
  content: ""; }

.npc-birth-act:before {
  content: ""; }

.npc-building:before {
  content: ""; }

.npc-bulb:before {
  content: ""; }

.npc-calculator:before {
  content: ""; }

.npc-calendar:before {
  content: ""; }

.npc-card:before {
  content: ""; }

.npc-check:before {
  content: ""; }

.npc-checked:before {
  content: ""; }

.npc-chrono:before {
  content: ""; }

.npc-circle-bar:before {
  content: ""; }

.npc-circle-calendar:before {
  content: ""; }

.npc-circle-dark-next:before {
  content: ""; }

.npc-circle-dark-previous:before {
  content: ""; }

.npc-circle-doc:before {
  content: ""; }

.npc-circle-folder:before {
  content: ""; }

.npc-circle-play:before {
  content: ""; }

.npc-circle-plus:before {
  content: ""; }

.npc-circle-send:before {
  content: ""; }

.npc-circle-trademark:before {
  content: ""; }

.npc-clock:before {
  content: ""; }

.npc-close:before {
  content: ""; }

.npc-day:before {
  content: ""; }

.npc-decrease:before {
  content: ""; }

.npc-devices:before {
  content: ""; }

.npc-document-attached:before {
  content: ""; }

.npc-document:before {
  content: ""; }

.npc-done:before {
  content: ""; }

.npc-download:before {
  content: ""; }

.npc-driver-license-french:before {
  content: ""; }

.npc-driver-license:before {
  content: ""; }

.npc-engine:before {
  content: ""; }

.npc-facebook:before {
  content: ""; }

.npc-factory:before {
  content: ""; }

.npc-family-record-book:before {
  content: ""; }

.npc-flag:before {
  content: ""; }

.npc-france:before {
  content: ""; }

.npc-growth:before {
  content: ""; }

.npc-hamburger:before {
  content: ""; }

.npc-id-card:before {
  content: ""; }

.npc-increase:before {
  content: ""; }

.npc-information-blank:before {
  content: ""; }

.npc-information:before {
  content: ""; }

.npc-instagram:before {
  content: ""; }

.npc-keypad:before {
  content: ""; }

.npc-ko:before {
  content: ""; }

.npc-left:before {
  content: ""; }

.npc-linkedin:before {
  content: ""; }

.npc-locator-blank:before {
  content: ""; }

.npc-locator:before {
  content: ""; }

.npc-logo-ca:before {
  content: ""; }

.npc-magnifer:before {
  content: ""; }

.npc-mail:before {
  content: ""; }

.npc-masonry:before {
  content: ""; }

.npc-mobile:before {
  content: ""; }

.npc-money:before {
  content: ""; }

.npc-ok:before {
  content: ""; }

.npc-padlock-closed:before {
  content: ""; }

.npc-padlock-dark-closed:before {
  content: ""; }

.npc-padlock-dark-open:before {
  content: ""; }

.npc-padlock-white-closed:before {
  content: ""; }

.npc-passport:before {
  content: ""; }

.npc-pencil:before {
  content: ""; }

.npc-phone:before {
  content: ""; }

.npc-pickup-phone:before {
  content: ""; }

.npc-pie-chart-blank:before {
  content: ""; }

.npc-pie-chart:before {
  content: ""; }

.npc-pig:before {
  content: ""; }

.npc-pin:before {
  content: ""; }

.npc-play:before {
  content: ""; }

.npc-plus:before {
  content: ""; }

.npc-power:before {
  content: ""; }

.npc-property-title:before {
  content: ""; }

.npc-rain:before {
  content: ""; }

.npc-rescue:before {
  content: ""; }

.npc-right:before {
  content: ""; }

.npc-separator:before {
  content: ""; }

.npc-settings:before {
  content: ""; }

.npc-share:before {
  content: ""; }

.npc-smartphone-bank:before {
  content: ""; }

.npc-smartphone:before {
  content: ""; }

.npc-somebody:before {
  content: ""; }

.npc-star:before {
  content: ""; }

.npc-stepper:before {
  content: ""; }

.npc-substract:before {
  content: ""; }

.npc-sun:before {
  content: ""; }

.npc-talk-blank:before {
  content: ""; }

.npc-talk-connect:before {
  content: ""; }

.npc-talk-dark:before {
  content: ""; }

.npc-talk-information-dark:before {
  content: ""; }

.npc-talk-information:before {
  content: ""; }

.npc-talk-together:before {
  content: ""; }

.npc-talk:before {
  content: ""; }

.npc-together:before {
  content: ""; }

.npc-transfer:before {
  content: ""; }

.npc-tv:before {
  content: ""; }

.npc-twitter-blank:before {
  content: ""; }

.npc-twitter:before {
  content: ""; }

.npc-umbrella:before {
  content: ""; }

.npc-upload:before {
  content: ""; }

.npc-user:before {
  content: ""; }

.npc-viadeo:before {
  content: ""; }

.npc-wall:before {
  content: ""; }

.npc-wallet:before {
  content: ""; }

.npc-youtube:before {
  content: ""; }

.npc-google:before {
  content: ""; }

.npc-rss:before {
  content: ""; }

.npc-rounded-article:before {
  content: ""; }

.npc-rounded-event:before {
  content: ""; }

.npc-rounded-folder:before {
  content: ""; }

.npc-rounded-infografics:before {
  content: ""; }

.npc-rounded-video:before {
  content: ""; }

.npc-trash:before {
  content: ""; }

.npc-vocality:before {
  content: ""; }

.npc-exclamation:before {
  content: ""; }

.npc-star-lined:before {
  content: ""; }

.npc-danger:before {
  content: ""; }

.npc-star-full:before {
  content: ""; }

.npc-calculator2:before {
  content: ""; }

.npc-humanCheck:before {
  content: ""; }

.npc-folder:before {
  content: ""; }

.npc-plane:before {
  content: ""; }

.npc-followMsg:before {
  content: ""; }

.npc-mailNoBg:before {
  content: ""; }

.npc-draft:before {
  content: ""; }

.npc-mail2:before {
  content: ""; }

.npc-exclamation2:before {
  content: ""; }

.npc-boussole:before {
  content: ""; }

.npc-effect:before {
  content: ""; }

.npc-analyse:before {
  content: ""; }

.npc-webedi:before {
  content: ""; }

.npc-circleQuestion:before {
  content: ""; }

.npc-shareScreen:before {
  content: ""; }

.npc-parameters:before {
  content: ""; }

.npc-increase-top:before {
  content: ""; }

.npc-zoomLess:before {
  content: ""; }

.npc-zoomMore:before {
  content: ""; }

.npc-downloadTalk:before {
  content: ""; }

.npc-dnc-categorie3:before {
  content: ""; }

.npc-dnc-categorie23:before {
  content: ""; }

.npc-dnc-categorie92:before {
  content: ""; }

.npc-dnc-categorie94:before {
  content: ""; }

.npc-dnc-categorie96:before {
  content: ""; }

.npc-dnc-categorie97:before {
  content: ""; }

.npc-dnc-categorie194:before {
  content: ""; }

.npc-dnc-categorie196:before {
  content: ""; }

.npc-dnc-categorie197:before {
  content: ""; }

.npc-dnc-categorie343:before {
  content: ""; }

.npc-dnc-categorie941:before {
  content: ""; }

.npc-dnc-categorie3012:before {
  content: ""; }

.npc-dnc-categorie99343:before {
  content: ""; }

.npc-dnc-categorie99992:before {
  content: ""; }

.npc-dnc-categorie:before {
  content: ""; }

.npc-dnc-categorie71:before {
  content: ""; }

.npc-dnc-categorie109:before {
  content: ""; }

.npc-dnc-categorie111:before {
  content: ""; }

.npc-locator-circle:before {
  content: ""; }

.npc-arrow-next-thin:before {
  content: ""; }

.npc-arrow-previous-thin:before {
  content: ""; }

.npc-user-group:before {
  content: ""; }

.npc-calendar1:before {
  content: ""; }

.npc-help:before {
  content: ""; }

.npc-list:before {
  content: ""; }

.npc-print:before {
  content: ""; }

.npc-mail3:before {
  content: ""; }

.npc-rename:before {
  content: ""; }

.npc-check2:before {
  content: ""; }

.npc-withdrawal:before {
  content: ""; }

.npc-bank2:before {
  content: ""; }

.npc-debit:before {
  content: ""; }

.npc-various:before {
  content: ""; }

.npc-percentBack:before {
  content: ""; }

.npc-transfer2:before {
  content: ""; }

.npc-locator-circle-empty:before {
  content: ""; }

.npc-advisor:before {
  content: ""; }

.npc-advisor2:before {
  content: ""; }

.npc-itinerary:before {
  content: ""; }

.npc-printer:before {
  content: ""; }

.npc-at:before {
  content: ""; }

.npc-arrow-top:before {
  content: ""; }

.npc-drag-drop:before {
  content: ""; }

.npc-pencil2:before {
  content: ""; }

.npc-cloud:before {
  content: ""; }

.npc-rock--start:before {
  content: ""; }

.npc-rock--end:before {
  content: ""; }

.npc-portrait-landscape:before {
  content: ""; }

.npc-sandglass:before {
  content: ""; }

.npc-dnc-categorie615:before {
  content: ""; }

.npc-dnc-categorie266:before {
  content: ""; }

.npc-dnc-categorie363:before {
  content: ""; }

.npc-dnc-categorie264:before {
  content: ""; }

.npc-dnc-categorie207:before {
  content: ""; }

.npc-dnc-categorie614:before {
  content: ""; }

.npc-dnc-categorie617:before {
  content: ""; }

.npc-dnc-categorie93:before {
  content: ""; }

.npc-dnc-categorie269:before {
  content: ""; }

.npc-dnc-categorie206:before {
  content: ""; }

.npc-dnc-categorie613:before {
  content: ""; }

.npc-dnc-categorie205:before {
  content: ""; }

.npc-dnc-categorie263:before {
  content: ""; }

.npc-dnc-categorie265:before {
  content: ""; }

.npc-life-and-pension:before {
  content: ""; }

/*doc
---
title: Boutons
name: buttons
category: buttons
---

Le style 'Bouton' peut être appliqué sur n'importe quel élement. Typiquement, il sera utilisé sur les élément `<button>` et `<a>`.

**Organisations des states :**

Lignes

- Ligne 1 : boutons
- Ligne 2 : Liens
- Ligne 3 : Class spécifique

Cols

- Col 1 : Default
- Col 2 : Hover
- Col 3 : Disabled

*/
/*doc
---
title: Primary buttons
parent: buttons
name: 01-primary-buttons
category: buttons
---

Boutons d'action primaires

*/
/*doc
---
title: Button Primary - white panel
parent: 01-primary-buttons
name: 01-primary-buttons-01
category: buttons
---

Sur panneau blanc

```html_example
<div class="panel panel-white">
  <button type="submit" class="btn btn-primary">Valider</button>
  <button type="submit" class="btn btn-primary hover">Valider</button>
  <button type="submit" class="btn btn-primary" disabled>Valider</button>
  <br>
  <a href="#" class="btn btn-primary">Valider</a>
  <a href="#" class="btn btn-primary hover">Valider</a>
  <a href="#" class="btn btn-primary" disabled>Valider</a>
</div>

<a href="#" class="btn btn-primary">Valider</a>
<a href="#" class="btn btn-primary hover">Valider</a>
<a href="#" class="btn btn-primary" disabled>Valider</a>
```
*/
/*doc
---
title: Button Primary - gray panel
parent: 01-primary-buttons
name: 01-primary-buttons-02
category: buttons
---

Sur panneau gris

```html_example
<div class="panel panel-gray">
  <button type="submit" class="btn btn-primary">Valider</button>
  <button type="submit" class="btn btn-primary hover">Valider</button>
  <button type="submit" class="btn btn-primary" disabled>Valider</button>
  <br>
  <a href="#" class="btn btn-primary">Valider</a>
  <a href="#" class="btn btn-primary hover">Valider</a>
  <a href="#" class="btn btn-primary" disabled>Valider</a>
</div>

<a href="#" class="btn btn-primary btn-primary--grayPanel">Valider</a>
<a href="#" class="btn btn-primary btn-primary--grayPanel hover">Valider</a>
<a href="#" class="btn btn-primary btn-primary--grayPanel" disabled>Valider</a>
```
*/
/*doc
---
title: Button Primary - primary panel
parent: 01-primary-buttons
name: 01-primary-buttons-03
category: buttons
---

Sur panneau couleur primaire

```html_example
<div class="panel panel-primary">
  <button type="submit" class="btn btn-primary">Valider</button>
  <button type="submit" class="btn btn-primary hover">Valider</button>
  <button type="submit" class="btn btn-primary" disabled>Valider</button>
  <br>
  <a href="#" class="btn btn-primary">Valider</a>
  <a href="#" class="btn btn-primary hover">Valider</a>
  <a href="#" class="btn btn-primary" disabled>Valider</a>
</div>

<a href="#" class="btn btn-primary btn-primary--primaryPanel">Valider</a>
<a href="#" class="btn btn-primary btn-primary--primaryPanel hover">Valider</a>
<a href="#" class="btn btn-primary btn-primary--primaryPanel" disabled>Valider</a>
```
*/
/*doc
---
title: Secondary buttons
parent: buttons
name: 02-secondary-buttons
category: buttons
---

Boutons d'action secondaires

*/
/*doc
---
title: Secondary buttons - white panel
parent: 02-secondary-buttons
name: 02-secondary-buttons-01
category: buttons
---

Sur panneau blanc

```html_example
<div class="panel panel-white">
  <button type="submit" class="btn btn-default">Valider</button>
  <button type="submit" class="btn btn-default hover">Valider</button>
  <button type="submit" class="btn btn-default" disabled>Valider</button>
  <br>
  <a href="#" class="btn btn-default">Valider</a>
  <a href="#" class="btn btn-default hover">Valider</a>
  <a href="#" class="btn btn-default" disabled>Valider</a>
</div>

<a href="#" class="btn btn-default">Valider</a>
<a href="#" class="btn btn-default hover">Valider</a>
<a href="#" class="btn btn-default" disabled>Valider</a>
```

*/
/*doc
---
title: Secondary buttons - gray panel
parent: 02-secondary-buttons
name: 02-secondary-buttons-02
category: buttons
---

Sur panneau gris

```html_example
<div class="panel panel-gray">
  <button type="submit" class="btn btn-default">Valider</button>
  <button type="submit" class="btn btn-default hover">Valider</button>
  <button type="submit" class="btn btn-default" disabled>Valider</button>
  <br>
  <a href="#" class="btn btn-default">Valider</a>
  <a href="#" class="btn btn-default hover">Valider</a>
  <a href="#" class="btn btn-default" disabled>Valider</a>
</div>

<a href="#" class="btn btn-default btn-default--grayPanel">Valider</a>
<a href="#" class="btn btn-default btn-default--grayPanel hover">Valider</a>
<a href="#" class="btn btn-default btn-default--grayPanel" disabled>Valider</a>

```

*/
/*doc
---
title: Secondary buttons - primary panel
parent: 02-secondary-buttons
name: 02-secondary-buttons-03
category: buttons
---

Sur panneau couleur primaire

```html_example
<div class="panel panel-primary">
  <button type="submit" class="btn btn-default">Valider</button>
  <button type="submit" class="btn btn-default hover">Valider</button>
  <button type="submit" class="btn btn-default" disabled>Valider</button>
  <br>
  <a href="#" class="btn btn-default">Valider</a>
  <a href="#" class="btn btn-default hover">Valider</a>
  <a href="#" class="btn btn-default" disabled>Valider</a>
</div>

<a href="#" class="btn btn-default btn-default--primaryPanel">Valider</a>
<a href="#" class="btn btn-default btn-default--primaryPanel hover">Valider</a>
<a href="#" class="btn btn-default btn-default--primaryPanel" disabled>Valider</a>
```
*/
/*doc
---
title: Boutons suivant / précédent
parent: buttons
name: buttons-next-previous
category: buttons
---

###Sur panneau blanc
```html_example
<div class="panel panel-white">
  <div class="form-group">
    <span class="label-pagenumber">1/3</span>
    <button class="btn-icon btn-primary btn-previous" disabled></button>
    <button class="btn-icon btn-primary btn-next"></button>
  </div>
  <div class="form-group">
    <span class="label-pagenumber">2/3</span>
    <button class="btn-icon btn-primary btn-previous"></button>
    <button class="btn-icon btn-primary btn-next"></button>
  </div>
</div>
```

###Sur panneau gris
```html_example
<div class="panel panel-gray">
  <div class="form-group">
    <span class="label-pagenumber">1/3</span>
    <button class="btn-icon btn-primary btn-previous" disabled></button>
    <button class="btn-icon btn-primary btn-next"></button>
  </div>
  <div class="form-group">
    <span class="label-pagenumber">2/3</span>
    <button class="btn-icon btn-primary btn-previous"></button>
    <button class="btn-icon btn-primary btn-next"></button>
  </div>
</div>
```

###Sur panneau couleur primaire
```html_example
<div class="panel panel-primary">
  <div class="form-group">
    <span class="label-pagenumber">1/3</span>
    <button class="btn-icon btn-primary btn-previous" disabled></button>
    <button class="btn-icon btn-primary btn-next"></button>
  </div>
  <div class="form-group">
    <span class="label-pagenumber">2/3</span>
    <button class="btn-icon btn-primary btn-previous"></button>
    <button class="btn-icon btn-primary btn-next"></button>
  </div>
</div>
```
*/
/*doc
---
title: Groupe de boutons
parent: buttons
name: buttons-group
category: buttons
---

###Sur panneau blanc
```html_example
<div class="panel panel-white">
  <div class="btn-group" role="group">
     <button type="button" class="btn btn-default">Bouton 1</button>
     <button type="button" class="btn btn-default">Bouton 2</button>
     <button type="button" class="btn btn-default" disabled>Bouton 3</button>
  </div>
</div>
```

###Sur panneau gris
```html_example
<div class="panel panel-gray">
  <div class="btn-group" role="group">
     <button type="button" class="btn btn-default">Bouton 1</button>
     <button type="button" class="btn btn-default">Bouton 2</button>
     <button type="button" class="btn btn-default" disabled>Bouton 3</button>
  </div>
</div>
```

###Sur panneau couleur primaire
```html_example
<div class="panel panel-primary">
  <div class="btn-group" role="group">
     <button type="button" class="btn btn-default">Bouton 1</button>
     <button type="button" class="btn btn-default">Bouton 2</button>
     <button type="button" class="btn btn-default" disabled>Bouton 3</button>
  </div>
</div>
```

###Bouton choix
```html_example
<div id="divTypeDePaiement">
  <a id="aImmediat" class="btn btn-default a-actif">Immédiat</a>
  <a id="aEcheance" class="btn btn-default">A échéance</a>
</div>
```
*/
.btn,
.btnWrap a, .BlockLink-btnDiscover, .FormActions-btn, .LayerNav-articlesBtn, .PushCR-button, .PushPage-button, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link, .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .GenericBtn-btnSecondary, .SubscribeBtn-btn, .SubscribeBtn-btnSecondary, .SubscribeBtn-btnWhite, .GreenBtn-chatBoxUnfoldedBtn, .GreenBtn-contentBlockItemBtnPrimaryWhite, .cardMagFilter-action, .cardMagArticle-layerButton, .GenericBtn-block--primary .GenericBtn-btnSecondary, .GenericBtn-block--primary .SubscribeBtn-btnSecondary, .GenericBtn-btn, .GenericBtn-btnSecondary, .GenericBtn-btnWhite, .TechnicalError-btnPrimary, .TechnicalError-btnNoBg, .Error404-btnPrimary, .Error404-btnNoBg, .PushCommunication-btn, .HeaderVisuel-button, .CustomMessage-btn, .Modal-action, .NewsFeed-btn, .CompareBox-btn, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link, .FirstLogin-button {
  display: inline-block;
  margin-bottom: 2px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  border-style: solid;
  padding: 11px 12px;
  font-size: 12px;
  line-height: 1.42857;
  -moz-border-radius: 4px;
       border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus,
  .btnWrap a:focus, .BlockLink-btnDiscover:focus, .FormActions-btn:focus, .LayerNav-articlesBtn:focus, .PushCR-button:focus, .PushPage-button:focus, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus, .SubscribeBtn-btn:focus, .SubscribeBtn-btnSecondary:focus, .SubscribeBtn-btnWhite:focus, .GreenBtn-chatBoxUnfoldedBtn:focus, .GreenBtn-contentBlockItemBtnPrimaryWhite:focus, .cardMagFilter-action:focus, .cardMagArticle-layerButton:focus, .GenericBtn-btn:focus, .GenericBtn-btnSecondary:focus, .GenericBtn-btnWhite:focus, .TechnicalError-btnPrimary:focus, .TechnicalError-btnNoBg:focus, .Error404-btnPrimary:focus, .Error404-btnNoBg:focus, .PushCommunication-btn:focus, .HeaderVisuel-button:focus, .CustomMessage-btn:focus, .Modal-action:focus, .NewsFeed-btn:focus, .CompareBox-btn:focus, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus, .FirstLogin-button:focus, .focus.btn,
  .btnWrap a.focus, .focus.BlockLink-btnDiscover, .focus.FormActions-btn, .focus.LayerNav-articlesBtn, .focus.PushCR-button, .focus.PushPage-button, .callGreenBtnBloc--withBtn .focus.callGreenBtnBloc-link, .focus.SubscribeBtn-btn, .focus.SubscribeBtn-btnSecondary, .focus.SubscribeBtn-btnWhite, .focus.GreenBtn-chatBoxUnfoldedBtn, .focus.GreenBtn-contentBlockItemBtnPrimaryWhite, .focus.cardMagFilter-action, .focus.cardMagArticle-layerButton, .focus.GenericBtn-btn, .focus.GenericBtn-btnSecondary, .focus.GenericBtn-btnWhite, .focus.TechnicalError-btnPrimary, .focus.TechnicalError-btnNoBg, .focus.Error404-btnPrimary, .focus.Error404-btnNoBg, .focus.PushCommunication-btn, .focus.HeaderVisuel-button, .focus.CustomMessage-btn, .focus.Modal-action, .focus.NewsFeed-btn, .focus.CompareBox-btn, .ES-join-projectsBloc--withBtn .focus.ES-join-projectsBloc-link, .focus.FirstLogin-button, .btn:active:focus,
  .btnWrap a:active:focus, .BlockLink-btnDiscover:active:focus, .FormActions-btn:active:focus, .LayerNav-articlesBtn:active:focus, .PushCR-button:active:focus, .PushPage-button:active:focus, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active:focus, .SubscribeBtn-btn:active:focus, .SubscribeBtn-btnSecondary:active:focus, .SubscribeBtn-btnWhite:active:focus, .GreenBtn-chatBoxUnfoldedBtn:active:focus, .GreenBtn-contentBlockItemBtnPrimaryWhite:active:focus, .cardMagFilter-action:active:focus, .cardMagArticle-layerButton:active:focus, .GenericBtn-btn:active:focus, .GenericBtn-btnSecondary:active:focus, .GenericBtn-btnWhite:active:focus, .TechnicalError-btnPrimary:active:focus, .TechnicalError-btnNoBg:active:focus, .Error404-btnPrimary:active:focus, .Error404-btnNoBg:active:focus, .PushCommunication-btn:active:focus, .HeaderVisuel-button:active:focus, .CustomMessage-btn:active:focus, .Modal-action:active:focus, .NewsFeed-btn:active:focus, .CompareBox-btn:active:focus, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active:focus, .FirstLogin-button:active:focus, .btn:active.focus,
  .btnWrap a:active.focus, .BlockLink-btnDiscover:active.focus, .FormActions-btn:active.focus, .LayerNav-articlesBtn:active.focus, .PushCR-button:active.focus, .PushPage-button:active.focus, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active.focus, .SubscribeBtn-btn:active.focus, .SubscribeBtn-btnSecondary:active.focus, .SubscribeBtn-btnWhite:active.focus, .GreenBtn-chatBoxUnfoldedBtn:active.focus, .GreenBtn-contentBlockItemBtnPrimaryWhite:active.focus, .cardMagFilter-action:active.focus, .cardMagArticle-layerButton:active.focus, .GenericBtn-btn:active.focus, .GenericBtn-btnSecondary:active.focus, .GenericBtn-btnWhite:active.focus, .TechnicalError-btnPrimary:active.focus, .TechnicalError-btnNoBg:active.focus, .Error404-btnPrimary:active.focus, .Error404-btnNoBg:active.focus, .PushCommunication-btn:active.focus, .HeaderVisuel-button:active.focus, .CustomMessage-btn:active.focus, .Modal-action:active.focus, .NewsFeed-btn:active.focus, .CompareBox-btn:active.focus, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active.focus, .FirstLogin-button:active.focus, .active.btn:focus,
  .btnWrap a.active:focus, .active.BlockLink-btnDiscover:focus, .active.FormActions-btn:focus, .active.LayerNav-articlesBtn:focus, .active.PushCR-button:focus, .active.PushPage-button:focus, .callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link:focus, .active.SubscribeBtn-btn:focus, .active.SubscribeBtn-btnSecondary:focus, .active.SubscribeBtn-btnWhite:focus, .active.GreenBtn-chatBoxUnfoldedBtn:focus, .active.GreenBtn-contentBlockItemBtnPrimaryWhite:focus, .active.cardMagFilter-action:focus, .active.cardMagArticle-layerButton:focus, .active.GenericBtn-btn:focus, .active.GenericBtn-btnSecondary:focus, .active.GenericBtn-btnWhite:focus, .active.TechnicalError-btnPrimary:focus, .active.TechnicalError-btnNoBg:focus, .active.Error404-btnPrimary:focus, .active.Error404-btnNoBg:focus, .active.PushCommunication-btn:focus, .active.HeaderVisuel-button:focus, .active.CustomMessage-btn:focus, .active.Modal-action:focus, .active.NewsFeed-btn:focus, .active.CompareBox-btn:focus, .ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link:focus, .active.FirstLogin-button:focus, .active.focus.btn,
  .btnWrap a.active.focus, .active.focus.BlockLink-btnDiscover, .active.focus.FormActions-btn, .active.focus.LayerNav-articlesBtn, .active.focus.PushCR-button, .active.focus.PushPage-button, .callGreenBtnBloc--withBtn .active.focus.callGreenBtnBloc-link, .active.focus.SubscribeBtn-btn, .active.focus.SubscribeBtn-btnSecondary, .active.focus.SubscribeBtn-btnWhite, .active.focus.GreenBtn-chatBoxUnfoldedBtn, .active.focus.GreenBtn-contentBlockItemBtnPrimaryWhite, .active.focus.cardMagFilter-action, .active.focus.cardMagArticle-layerButton, .active.focus.GenericBtn-btn, .active.focus.GenericBtn-btnSecondary, .active.focus.GenericBtn-btnWhite, .active.focus.TechnicalError-btnPrimary, .active.focus.TechnicalError-btnNoBg, .active.focus.Error404-btnPrimary, .active.focus.Error404-btnNoBg, .active.focus.PushCommunication-btn, .active.focus.HeaderVisuel-button, .active.focus.CustomMessage-btn, .active.focus.Modal-action, .active.focus.NewsFeed-btn, .active.focus.CompareBox-btn, .ES-join-projectsBloc--withBtn .active.focus.ES-join-projectsBloc-link, .active.focus.FirstLogin-button {
    outline: none; }
  .btn:hover,
  .btnWrap a:hover, .BlockLink-btnDiscover:hover, .FormActions-btn:hover, .LayerNav-articlesBtn:hover, .PushCR-button:hover, .PushPage-button:hover, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:hover, .SubscribeBtn-btn:hover, .SubscribeBtn-btnSecondary:hover, .SubscribeBtn-btnWhite:hover, .GreenBtn-chatBoxUnfoldedBtn:hover, .GreenBtn-contentBlockItemBtnPrimaryWhite:hover, .cardMagFilter-action:hover, .cardMagArticle-layerButton:hover, .GenericBtn-btn:hover, .GenericBtn-btnSecondary:hover, .GenericBtn-btnWhite:hover, .TechnicalError-btnPrimary:hover, .TechnicalError-btnNoBg:hover, .Error404-btnPrimary:hover, .Error404-btnNoBg:hover, .PushCommunication-btn:hover, .HeaderVisuel-button:hover, .CustomMessage-btn:hover, .Modal-action:hover, .NewsFeed-btn:hover, .CompareBox-btn:hover, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:hover, .FirstLogin-button:hover, .hover.btn,
  .btnWrap a.hover, .hover.BlockLink-btnDiscover, .hover.FormActions-btn, .hover.LayerNav-articlesBtn, .hover.PushCR-button, .hover.PushPage-button, .callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link, .hover.SubscribeBtn-btn, .hover.SubscribeBtn-btnSecondary, .hover.SubscribeBtn-btnWhite, .hover.GreenBtn-chatBoxUnfoldedBtn, .hover.GreenBtn-contentBlockItemBtnPrimaryWhite, .hover.cardMagFilter-action, .hover.cardMagArticle-layerButton, .hover.GenericBtn-btn, .hover.GenericBtn-btnSecondary, .hover.GenericBtn-btnWhite, .hover.TechnicalError-btnPrimary, .hover.TechnicalError-btnNoBg, .hover.Error404-btnPrimary, .hover.Error404-btnNoBg, .hover.PushCommunication-btn, .hover.HeaderVisuel-button, .hover.CustomMessage-btn, .hover.Modal-action, .hover.NewsFeed-btn, .hover.CompareBox-btn, .ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link, .hover.FirstLogin-button, .btn:focus,
  .btnWrap a:focus, .BlockLink-btnDiscover:focus, .FormActions-btn:focus, .LayerNav-articlesBtn:focus, .PushCR-button:focus, .PushPage-button:focus, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus, .SubscribeBtn-btn:focus, .SubscribeBtn-btnSecondary:focus, .SubscribeBtn-btnWhite:focus, .GreenBtn-chatBoxUnfoldedBtn:focus, .GreenBtn-contentBlockItemBtnPrimaryWhite:focus, .cardMagFilter-action:focus, .cardMagArticle-layerButton:focus, .GenericBtn-btn:focus, .GenericBtn-btnSecondary:focus, .GenericBtn-btnWhite:focus, .TechnicalError-btnPrimary:focus, .TechnicalError-btnNoBg:focus, .Error404-btnPrimary:focus, .Error404-btnNoBg:focus, .PushCommunication-btn:focus, .HeaderVisuel-button:focus, .CustomMessage-btn:focus, .Modal-action:focus, .NewsFeed-btn:focus, .CompareBox-btn:focus, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus, .FirstLogin-button:focus, .focus.btn,
  .btnWrap a.focus, .focus.BlockLink-btnDiscover, .focus.FormActions-btn, .focus.LayerNav-articlesBtn, .focus.PushCR-button, .focus.PushPage-button, .callGreenBtnBloc--withBtn .focus.callGreenBtnBloc-link, .focus.SubscribeBtn-btn, .focus.SubscribeBtn-btnSecondary, .focus.SubscribeBtn-btnWhite, .focus.GreenBtn-chatBoxUnfoldedBtn, .focus.GreenBtn-contentBlockItemBtnPrimaryWhite, .focus.cardMagFilter-action, .focus.cardMagArticle-layerButton, .focus.GenericBtn-btn, .focus.GenericBtn-btnSecondary, .focus.GenericBtn-btnWhite, .focus.TechnicalError-btnPrimary, .focus.TechnicalError-btnNoBg, .focus.Error404-btnPrimary, .focus.Error404-btnNoBg, .focus.PushCommunication-btn, .focus.HeaderVisuel-button, .focus.CustomMessage-btn, .focus.Modal-action, .focus.NewsFeed-btn, .focus.CompareBox-btn, .ES-join-projectsBloc--withBtn .focus.ES-join-projectsBloc-link, .focus.FirstLogin-button, .btn:active,
  .btnWrap a:active, .BlockLink-btnDiscover:active, .FormActions-btn:active, .LayerNav-articlesBtn:active, .PushCR-button:active, .PushPage-button:active, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active, .SubscribeBtn-btn:active, .SubscribeBtn-btnSecondary:active, .SubscribeBtn-btnWhite:active, .GreenBtn-chatBoxUnfoldedBtn:active, .GreenBtn-contentBlockItemBtnPrimaryWhite:active, .cardMagFilter-action:active, .cardMagArticle-layerButton:active, .GenericBtn-btn:active, .GenericBtn-btnSecondary:active, .GenericBtn-btnWhite:active, .TechnicalError-btnPrimary:active, .TechnicalError-btnNoBg:active, .Error404-btnPrimary:active, .Error404-btnNoBg:active, .PushCommunication-btn:active, .HeaderVisuel-button:active, .CustomMessage-btn:active, .Modal-action:active, .NewsFeed-btn:active, .CompareBox-btn:active, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active, .FirstLogin-button:active, .active.btn,
  .btnWrap a.active, .active.BlockLink-btnDiscover, .active.FormActions-btn, .active.LayerNav-articlesBtn, .active.PushCR-button, .active.PushPage-button, .callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link, .active.SubscribeBtn-btn, .active.SubscribeBtn-btnSecondary, .active.SubscribeBtn-btnWhite, .active.GreenBtn-chatBoxUnfoldedBtn, .active.GreenBtn-contentBlockItemBtnPrimaryWhite, .active.cardMagFilter-action, .active.cardMagArticle-layerButton, .active.GenericBtn-btn, .active.GenericBtn-btnSecondary, .active.GenericBtn-btnWhite, .active.TechnicalError-btnPrimary, .active.TechnicalError-btnNoBg, .active.Error404-btnPrimary, .active.Error404-btnNoBg, .active.PushCommunication-btn, .active.HeaderVisuel-button, .active.CustomMessage-btn, .active.Modal-action, .active.NewsFeed-btn, .active.CompareBox-btn, .ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link, .active.FirstLogin-button {
    text-decoration: none !important; }
  .btn:active,
  .btnWrap a:active, .BlockLink-btnDiscover:active, .FormActions-btn:active, .LayerNav-articlesBtn:active, .PushCR-button:active, .PushPage-button:active, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active, .SubscribeBtn-btn:active, .SubscribeBtn-btnSecondary:active, .SubscribeBtn-btnWhite:active, .GreenBtn-chatBoxUnfoldedBtn:active, .GreenBtn-contentBlockItemBtnPrimaryWhite:active, .cardMagFilter-action:active, .cardMagArticle-layerButton:active, .GenericBtn-btn:active, .GenericBtn-btnSecondary:active, .GenericBtn-btnWhite:active, .TechnicalError-btnPrimary:active, .TechnicalError-btnNoBg:active, .Error404-btnPrimary:active, .Error404-btnNoBg:active, .PushCommunication-btn:active, .HeaderVisuel-button:active, .CustomMessage-btn:active, .Modal-action:active, .NewsFeed-btn:active, .CompareBox-btn:active, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active, .FirstLogin-button:active, .active.btn,
  .btnWrap a.active, .active.BlockLink-btnDiscover, .active.FormActions-btn, .active.LayerNav-articlesBtn, .active.PushCR-button, .active.PushPage-button, .callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link, .active.SubscribeBtn-btn, .active.SubscribeBtn-btnSecondary, .active.SubscribeBtn-btnWhite, .active.GreenBtn-chatBoxUnfoldedBtn, .active.GreenBtn-contentBlockItemBtnPrimaryWhite, .active.cardMagFilter-action, .active.cardMagArticle-layerButton, .active.GenericBtn-btn, .active.GenericBtn-btnSecondary, .active.GenericBtn-btnWhite, .active.TechnicalError-btnPrimary, .active.TechnicalError-btnNoBg, .active.Error404-btnPrimary, .active.Error404-btnNoBg, .active.PushCommunication-btn, .active.HeaderVisuel-button, .active.CustomMessage-btn, .active.Modal-action, .active.NewsFeed-btn, .active.CompareBox-btn, .ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link, .active.FirstLogin-button {
    outline: 0;
    background-image: none; }
  .disabled.btn,
  .btnWrap a.disabled, .disabled.BlockLink-btnDiscover, .disabled.FormActions-btn, .disabled.LayerNav-articlesBtn, .disabled.PushCR-button, .disabled.PushPage-button, .callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link, .disabled.SubscribeBtn-btn, .disabled.SubscribeBtn-btnSecondary, .disabled.SubscribeBtn-btnWhite, .disabled.GreenBtn-chatBoxUnfoldedBtn, .disabled.GreenBtn-contentBlockItemBtnPrimaryWhite, .disabled.cardMagFilter-action, .disabled.cardMagArticle-layerButton, .disabled.GenericBtn-btn, .disabled.GenericBtn-btnSecondary, .disabled.GenericBtn-btnWhite, .disabled.TechnicalError-btnPrimary, .disabled.TechnicalError-btnNoBg, .disabled.Error404-btnPrimary, .disabled.Error404-btnNoBg, .disabled.PushCommunication-btn, .disabled.HeaderVisuel-button, .disabled.CustomMessage-btn, .disabled.Modal-action, .disabled.NewsFeed-btn, .disabled.CompareBox-btn, .ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link, .disabled.FirstLogin-button, .disabled.btn:hover,
  .btnWrap a.disabled:hover, .disabled.BlockLink-btnDiscover:hover, .disabled.FormActions-btn:hover, .disabled.LayerNav-articlesBtn:hover, .disabled.PushCR-button:hover, .disabled.PushPage-button:hover, .callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:hover, .disabled.SubscribeBtn-btn:hover, .disabled.SubscribeBtn-btnSecondary:hover, .disabled.SubscribeBtn-btnWhite:hover, .disabled.GreenBtn-chatBoxUnfoldedBtn:hover, .disabled.GreenBtn-contentBlockItemBtnPrimaryWhite:hover, .disabled.cardMagFilter-action:hover, .disabled.cardMagArticle-layerButton:hover, .disabled.GenericBtn-btn:hover, .disabled.GenericBtn-btnSecondary:hover, .disabled.GenericBtn-btnWhite:hover, .disabled.TechnicalError-btnPrimary:hover, .disabled.TechnicalError-btnNoBg:hover, .disabled.Error404-btnPrimary:hover, .disabled.Error404-btnNoBg:hover, .disabled.PushCommunication-btn:hover, .disabled.HeaderVisuel-button:hover, .disabled.CustomMessage-btn:hover, .disabled.Modal-action:hover, .disabled.NewsFeed-btn:hover, .disabled.CompareBox-btn:hover, .ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:hover, .disabled.FirstLogin-button:hover, .disabled.hover.btn,
  .btnWrap a.disabled.hover, .disabled.hover.BlockLink-btnDiscover, .disabled.hover.FormActions-btn, .disabled.hover.LayerNav-articlesBtn, .disabled.hover.PushCR-button, .disabled.hover.PushPage-button, .callGreenBtnBloc--withBtn .disabled.hover.callGreenBtnBloc-link, .disabled.hover.SubscribeBtn-btn, .disabled.hover.SubscribeBtn-btnSecondary, .disabled.hover.SubscribeBtn-btnWhite, .disabled.hover.GreenBtn-chatBoxUnfoldedBtn, .disabled.hover.GreenBtn-contentBlockItemBtnPrimaryWhite, .disabled.hover.cardMagFilter-action, .disabled.hover.cardMagArticle-layerButton, .disabled.hover.GenericBtn-btn, .disabled.hover.GenericBtn-btnSecondary, .disabled.hover.GenericBtn-btnWhite, .disabled.hover.TechnicalError-btnPrimary, .disabled.hover.TechnicalError-btnNoBg, .disabled.hover.Error404-btnPrimary, .disabled.hover.Error404-btnNoBg, .disabled.hover.PushCommunication-btn, .disabled.hover.HeaderVisuel-button, .disabled.hover.CustomMessage-btn, .disabled.hover.Modal-action, .disabled.hover.NewsFeed-btn, .disabled.hover.CompareBox-btn, .ES-join-projectsBloc--withBtn .disabled.hover.ES-join-projectsBloc-link, .disabled.hover.FirstLogin-button, .disabled.btn:focus,
  .btnWrap a.disabled:focus, .disabled.BlockLink-btnDiscover:focus, .disabled.FormActions-btn:focus, .disabled.LayerNav-articlesBtn:focus, .disabled.PushCR-button:focus, .disabled.PushPage-button:focus, .callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:focus, .disabled.SubscribeBtn-btn:focus, .disabled.SubscribeBtn-btnSecondary:focus, .disabled.SubscribeBtn-btnWhite:focus, .disabled.GreenBtn-chatBoxUnfoldedBtn:focus, .disabled.GreenBtn-contentBlockItemBtnPrimaryWhite:focus, .disabled.cardMagFilter-action:focus, .disabled.cardMagArticle-layerButton:focus, .disabled.GenericBtn-btn:focus, .disabled.GenericBtn-btnSecondary:focus, .disabled.GenericBtn-btnWhite:focus, .disabled.TechnicalError-btnPrimary:focus, .disabled.TechnicalError-btnNoBg:focus, .disabled.Error404-btnPrimary:focus, .disabled.Error404-btnNoBg:focus, .disabled.PushCommunication-btn:focus, .disabled.HeaderVisuel-button:focus, .disabled.CustomMessage-btn:focus, .disabled.Modal-action:focus, .disabled.NewsFeed-btn:focus, .disabled.CompareBox-btn:focus, .ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:focus, .disabled.FirstLogin-button:focus, .disabled.focus.btn,
  .btnWrap a.disabled.focus, .disabled.focus.BlockLink-btnDiscover, .disabled.focus.FormActions-btn, .disabled.focus.LayerNav-articlesBtn, .disabled.focus.PushCR-button, .disabled.focus.PushPage-button, .callGreenBtnBloc--withBtn .disabled.focus.callGreenBtnBloc-link, .disabled.focus.SubscribeBtn-btn, .disabled.focus.SubscribeBtn-btnSecondary, .disabled.focus.SubscribeBtn-btnWhite, .disabled.focus.GreenBtn-chatBoxUnfoldedBtn, .disabled.focus.GreenBtn-contentBlockItemBtnPrimaryWhite, .disabled.focus.cardMagFilter-action, .disabled.focus.cardMagArticle-layerButton, .disabled.focus.GenericBtn-btn, .disabled.focus.GenericBtn-btnSecondary, .disabled.focus.GenericBtn-btnWhite, .disabled.focus.TechnicalError-btnPrimary, .disabled.focus.TechnicalError-btnNoBg, .disabled.focus.Error404-btnPrimary, .disabled.focus.Error404-btnNoBg, .disabled.focus.PushCommunication-btn, .disabled.focus.HeaderVisuel-button, .disabled.focus.CustomMessage-btn, .disabled.focus.Modal-action, .disabled.focus.NewsFeed-btn, .disabled.focus.CompareBox-btn, .ES-join-projectsBloc--withBtn .disabled.focus.ES-join-projectsBloc-link, .disabled.focus.FirstLogin-button, .disabled.btn:active,
  .btnWrap a.disabled:active, .disabled.BlockLink-btnDiscover:active, .disabled.FormActions-btn:active, .disabled.LayerNav-articlesBtn:active, .disabled.PushCR-button:active, .disabled.PushPage-button:active, .callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:active, .disabled.SubscribeBtn-btn:active, .disabled.SubscribeBtn-btnSecondary:active, .disabled.SubscribeBtn-btnWhite:active, .disabled.GreenBtn-chatBoxUnfoldedBtn:active, .disabled.GreenBtn-contentBlockItemBtnPrimaryWhite:active, .disabled.cardMagFilter-action:active, .disabled.cardMagArticle-layerButton:active, .disabled.GenericBtn-btn:active, .disabled.GenericBtn-btnSecondary:active, .disabled.GenericBtn-btnWhite:active, .disabled.TechnicalError-btnPrimary:active, .disabled.TechnicalError-btnNoBg:active, .disabled.Error404-btnPrimary:active, .disabled.Error404-btnNoBg:active, .disabled.PushCommunication-btn:active, .disabled.HeaderVisuel-button:active, .disabled.CustomMessage-btn:active, .disabled.Modal-action:active, .disabled.NewsFeed-btn:active, .disabled.CompareBox-btn:active, .ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:active, .disabled.FirstLogin-button:active, .disabled.active.btn,
  .btnWrap a.disabled.active, .disabled.active.BlockLink-btnDiscover, .disabled.active.FormActions-btn, .disabled.active.LayerNav-articlesBtn, .disabled.active.PushCR-button, .disabled.active.PushPage-button, .callGreenBtnBloc--withBtn .disabled.active.callGreenBtnBloc-link, .disabled.active.SubscribeBtn-btn, .disabled.active.SubscribeBtn-btnSecondary, .disabled.active.SubscribeBtn-btnWhite, .disabled.active.GreenBtn-chatBoxUnfoldedBtn, .disabled.active.GreenBtn-contentBlockItemBtnPrimaryWhite, .disabled.active.cardMagFilter-action, .disabled.active.cardMagArticle-layerButton, .disabled.active.GenericBtn-btn, .disabled.active.GenericBtn-btnSecondary, .disabled.active.GenericBtn-btnWhite, .disabled.active.TechnicalError-btnPrimary, .disabled.active.TechnicalError-btnNoBg, .disabled.active.Error404-btnPrimary, .disabled.active.Error404-btnNoBg, .disabled.active.PushCommunication-btn, .disabled.active.HeaderVisuel-button, .disabled.active.CustomMessage-btn, .disabled.active.Modal-action, .disabled.active.NewsFeed-btn, .disabled.active.CompareBox-btn, .ES-join-projectsBloc--withBtn .disabled.active.ES-join-projectsBloc-link, .disabled.active.FirstLogin-button, [disabled].btn,
  .btnWrap a[disabled], [disabled].BlockLink-btnDiscover, [disabled].FormActions-btn, [disabled].LayerNav-articlesBtn, [disabled].PushCR-button, [disabled].PushPage-button, .callGreenBtnBloc--withBtn [disabled].callGreenBtnBloc-link, [disabled].SubscribeBtn-btn, [disabled].SubscribeBtn-btnSecondary, [disabled].SubscribeBtn-btnWhite, [disabled].GreenBtn-chatBoxUnfoldedBtn, [disabled].GreenBtn-contentBlockItemBtnPrimaryWhite, [disabled].cardMagFilter-action, [disabled].cardMagArticle-layerButton, [disabled].GenericBtn-btn, [disabled].GenericBtn-btnSecondary, [disabled].GenericBtn-btnWhite, [disabled].TechnicalError-btnPrimary, [disabled].TechnicalError-btnNoBg, [disabled].Error404-btnPrimary, [disabled].Error404-btnNoBg, [disabled].PushCommunication-btn, [disabled].HeaderVisuel-button, [disabled].CustomMessage-btn, [disabled].Modal-action, [disabled].NewsFeed-btn, [disabled].CompareBox-btn, .ES-join-projectsBloc--withBtn [disabled].ES-join-projectsBloc-link, [disabled].FirstLogin-button, [disabled].btn:hover,
  .btnWrap a[disabled]:hover, [disabled].BlockLink-btnDiscover:hover, [disabled].FormActions-btn:hover, [disabled].LayerNav-articlesBtn:hover, [disabled].PushCR-button:hover, [disabled].PushPage-button:hover, .callGreenBtnBloc--withBtn [disabled].callGreenBtnBloc-link:hover, [disabled].SubscribeBtn-btn:hover, [disabled].SubscribeBtn-btnSecondary:hover, [disabled].SubscribeBtn-btnWhite:hover, [disabled].GreenBtn-chatBoxUnfoldedBtn:hover, [disabled].GreenBtn-contentBlockItemBtnPrimaryWhite:hover, [disabled].cardMagFilter-action:hover, [disabled].cardMagArticle-layerButton:hover, [disabled].GenericBtn-btn:hover, [disabled].GenericBtn-btnSecondary:hover, [disabled].GenericBtn-btnWhite:hover, [disabled].TechnicalError-btnPrimary:hover, [disabled].TechnicalError-btnNoBg:hover, [disabled].Error404-btnPrimary:hover, [disabled].Error404-btnNoBg:hover, [disabled].PushCommunication-btn:hover, [disabled].HeaderVisuel-button:hover, [disabled].CustomMessage-btn:hover, [disabled].Modal-action:hover, [disabled].NewsFeed-btn:hover, [disabled].CompareBox-btn:hover, .ES-join-projectsBloc--withBtn [disabled].ES-join-projectsBloc-link:hover, [disabled].FirstLogin-button:hover, [disabled].hover.btn,
  .btnWrap a[disabled].hover, [disabled].hover.BlockLink-btnDiscover, [disabled].hover.FormActions-btn, [disabled].hover.LayerNav-articlesBtn, [disabled].hover.PushCR-button, [disabled].hover.PushPage-button, .callGreenBtnBloc--withBtn [disabled].hover.callGreenBtnBloc-link, [disabled].hover.SubscribeBtn-btn, [disabled].hover.SubscribeBtn-btnSecondary, [disabled].hover.SubscribeBtn-btnWhite, [disabled].hover.GreenBtn-chatBoxUnfoldedBtn, [disabled].hover.GreenBtn-contentBlockItemBtnPrimaryWhite, [disabled].hover.cardMagFilter-action, [disabled].hover.cardMagArticle-layerButton, [disabled].hover.GenericBtn-btn, [disabled].hover.GenericBtn-btnSecondary, [disabled].hover.GenericBtn-btnWhite, [disabled].hover.TechnicalError-btnPrimary, [disabled].hover.TechnicalError-btnNoBg, [disabled].hover.Error404-btnPrimary, [disabled].hover.Error404-btnNoBg, [disabled].hover.PushCommunication-btn, [disabled].hover.HeaderVisuel-button, [disabled].hover.CustomMessage-btn, [disabled].hover.Modal-action, [disabled].hover.NewsFeed-btn, [disabled].hover.CompareBox-btn, .ES-join-projectsBloc--withBtn [disabled].hover.ES-join-projectsBloc-link, [disabled].hover.FirstLogin-button, [disabled].btn:focus,
  .btnWrap a[disabled]:focus, [disabled].BlockLink-btnDiscover:focus, [disabled].FormActions-btn:focus, [disabled].LayerNav-articlesBtn:focus, [disabled].PushCR-button:focus, [disabled].PushPage-button:focus, .callGreenBtnBloc--withBtn [disabled].callGreenBtnBloc-link:focus, [disabled].SubscribeBtn-btn:focus, [disabled].SubscribeBtn-btnSecondary:focus, [disabled].SubscribeBtn-btnWhite:focus, [disabled].GreenBtn-chatBoxUnfoldedBtn:focus, [disabled].GreenBtn-contentBlockItemBtnPrimaryWhite:focus, [disabled].cardMagFilter-action:focus, [disabled].cardMagArticle-layerButton:focus, [disabled].GenericBtn-btn:focus, [disabled].GenericBtn-btnSecondary:focus, [disabled].GenericBtn-btnWhite:focus, [disabled].TechnicalError-btnPrimary:focus, [disabled].TechnicalError-btnNoBg:focus, [disabled].Error404-btnPrimary:focus, [disabled].Error404-btnNoBg:focus, [disabled].PushCommunication-btn:focus, [disabled].HeaderVisuel-button:focus, [disabled].CustomMessage-btn:focus, [disabled].Modal-action:focus, [disabled].NewsFeed-btn:focus, [disabled].CompareBox-btn:focus, .ES-join-projectsBloc--withBtn [disabled].ES-join-projectsBloc-link:focus, [disabled].FirstLogin-button:focus, [disabled].focus.btn,
  .btnWrap a[disabled].focus, [disabled].focus.BlockLink-btnDiscover, [disabled].focus.FormActions-btn, [disabled].focus.LayerNav-articlesBtn, [disabled].focus.PushCR-button, [disabled].focus.PushPage-button, .callGreenBtnBloc--withBtn [disabled].focus.callGreenBtnBloc-link, [disabled].focus.SubscribeBtn-btn, [disabled].focus.SubscribeBtn-btnSecondary, [disabled].focus.SubscribeBtn-btnWhite, [disabled].focus.GreenBtn-chatBoxUnfoldedBtn, [disabled].focus.GreenBtn-contentBlockItemBtnPrimaryWhite, [disabled].focus.cardMagFilter-action, [disabled].focus.cardMagArticle-layerButton, [disabled].focus.GenericBtn-btn, [disabled].focus.GenericBtn-btnSecondary, [disabled].focus.GenericBtn-btnWhite, [disabled].focus.TechnicalError-btnPrimary, [disabled].focus.TechnicalError-btnNoBg, [disabled].focus.Error404-btnPrimary, [disabled].focus.Error404-btnNoBg, [disabled].focus.PushCommunication-btn, [disabled].focus.HeaderVisuel-button, [disabled].focus.CustomMessage-btn, [disabled].focus.Modal-action, [disabled].focus.NewsFeed-btn, [disabled].focus.CompareBox-btn, .ES-join-projectsBloc--withBtn [disabled].focus.ES-join-projectsBloc-link, [disabled].focus.FirstLogin-button, [disabled].btn:active,
  .btnWrap a[disabled]:active, [disabled].BlockLink-btnDiscover:active, [disabled].FormActions-btn:active, [disabled].LayerNav-articlesBtn:active, [disabled].PushCR-button:active, [disabled].PushPage-button:active, .callGreenBtnBloc--withBtn [disabled].callGreenBtnBloc-link:active, [disabled].SubscribeBtn-btn:active, [disabled].SubscribeBtn-btnSecondary:active, [disabled].SubscribeBtn-btnWhite:active, [disabled].GreenBtn-chatBoxUnfoldedBtn:active, [disabled].GreenBtn-contentBlockItemBtnPrimaryWhite:active, [disabled].cardMagFilter-action:active, [disabled].cardMagArticle-layerButton:active, [disabled].GenericBtn-btn:active, [disabled].GenericBtn-btnSecondary:active, [disabled].GenericBtn-btnWhite:active, [disabled].TechnicalError-btnPrimary:active, [disabled].TechnicalError-btnNoBg:active, [disabled].Error404-btnPrimary:active, [disabled].Error404-btnNoBg:active, [disabled].PushCommunication-btn:active, [disabled].HeaderVisuel-button:active, [disabled].CustomMessage-btn:active, [disabled].Modal-action:active, [disabled].NewsFeed-btn:active, [disabled].CompareBox-btn:active, .ES-join-projectsBloc--withBtn [disabled].ES-join-projectsBloc-link:active, [disabled].FirstLogin-button:active, [disabled].active.btn,
  .btnWrap a[disabled].active, [disabled].active.BlockLink-btnDiscover, [disabled].active.FormActions-btn, [disabled].active.LayerNav-articlesBtn, [disabled].active.PushCR-button, [disabled].active.PushPage-button, .callGreenBtnBloc--withBtn [disabled].active.callGreenBtnBloc-link, [disabled].active.SubscribeBtn-btn, [disabled].active.SubscribeBtn-btnSecondary, [disabled].active.SubscribeBtn-btnWhite, [disabled].active.GreenBtn-chatBoxUnfoldedBtn, [disabled].active.GreenBtn-contentBlockItemBtnPrimaryWhite, [disabled].active.cardMagFilter-action, [disabled].active.cardMagArticle-layerButton, [disabled].active.GenericBtn-btn, [disabled].active.GenericBtn-btnSecondary, [disabled].active.GenericBtn-btnWhite, [disabled].active.TechnicalError-btnPrimary, [disabled].active.TechnicalError-btnNoBg, [disabled].active.Error404-btnPrimary, [disabled].active.Error404-btnNoBg, [disabled].active.PushCommunication-btn, [disabled].active.HeaderVisuel-button, [disabled].active.CustomMessage-btn, [disabled].active.Modal-action, [disabled].active.NewsFeed-btn, [disabled].active.CompareBox-btn, .ES-join-projectsBloc--withBtn [disabled].active.ES-join-projectsBloc-link, [disabled].active.FirstLogin-button,
  fieldset[disabled] .btn,
  fieldset[disabled]
  .btnWrap a,
  .btnWrap
  fieldset[disabled] a,
  fieldset[disabled] .BlockLink-btnDiscover,
  fieldset[disabled] .FormActions-btn,
  fieldset[disabled] .LayerNav-articlesBtn,
  fieldset[disabled] .PushCR-button,
  fieldset[disabled] .PushPage-button,
  fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link, .callGreenBtnBloc--withBtn
  fieldset[disabled] .callGreenBtnBloc-link,
  fieldset[disabled] .SubscribeBtn-btn,
  fieldset[disabled] .SubscribeBtn-btnSecondary,
  fieldset[disabled] .SubscribeBtn-btnWhite,
  fieldset[disabled] .GreenBtn-chatBoxUnfoldedBtn,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite,
  fieldset[disabled] .cardMagFilter-action,
  fieldset[disabled] .cardMagArticle-layerButton,
  fieldset[disabled] .GenericBtn-btn,
  fieldset[disabled] .GenericBtn-btnSecondary,
  fieldset[disabled] .GenericBtn-btnWhite,
  fieldset[disabled] .TechnicalError-btnPrimary,
  fieldset[disabled] .TechnicalError-btnNoBg,
  fieldset[disabled] .Error404-btnPrimary,
  fieldset[disabled] .Error404-btnNoBg,
  fieldset[disabled] .PushCommunication-btn,
  fieldset[disabled] .HeaderVisuel-button,
  fieldset[disabled] .CustomMessage-btn,
  fieldset[disabled] .Modal-action,
  fieldset[disabled] .NewsFeed-btn,
  fieldset[disabled] .CompareBox-btn,
  fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link, .ES-join-projectsBloc--withBtn
  fieldset[disabled] .ES-join-projectsBloc-link,
  fieldset[disabled] .FirstLogin-button,
  fieldset[disabled] .btn:hover,
  fieldset[disabled]
  .btnWrap a:hover,
  .btnWrap
  fieldset[disabled] a:hover,
  fieldset[disabled] .BlockLink-btnDiscover:hover,
  fieldset[disabled] .FormActions-btn:hover,
  fieldset[disabled] .LayerNav-articlesBtn:hover,
  fieldset[disabled] .PushCR-button:hover,
  fieldset[disabled] .PushPage-button:hover,
  fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:hover, .callGreenBtnBloc--withBtn
  fieldset[disabled] .callGreenBtnBloc-link:hover,
  fieldset[disabled] .SubscribeBtn-btn:hover,
  fieldset[disabled] .SubscribeBtn-btnSecondary:hover,
  fieldset[disabled] .SubscribeBtn-btnWhite:hover,
  fieldset[disabled] .GreenBtn-chatBoxUnfoldedBtn:hover,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite:hover,
  fieldset[disabled] .cardMagFilter-action:hover,
  fieldset[disabled] .cardMagArticle-layerButton:hover,
  fieldset[disabled] .GenericBtn-btn:hover,
  fieldset[disabled] .GenericBtn-btnSecondary:hover,
  fieldset[disabled] .GenericBtn-btnWhite:hover,
  fieldset[disabled] .TechnicalError-btnPrimary:hover,
  fieldset[disabled] .TechnicalError-btnNoBg:hover,
  fieldset[disabled] .Error404-btnPrimary:hover,
  fieldset[disabled] .Error404-btnNoBg:hover,
  fieldset[disabled] .PushCommunication-btn:hover,
  fieldset[disabled] .HeaderVisuel-button:hover,
  fieldset[disabled] .CustomMessage-btn:hover,
  fieldset[disabled] .Modal-action:hover,
  fieldset[disabled] .NewsFeed-btn:hover,
  fieldset[disabled] .CompareBox-btn:hover,
  fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:hover, .ES-join-projectsBloc--withBtn
  fieldset[disabled] .ES-join-projectsBloc-link:hover,
  fieldset[disabled] .FirstLogin-button:hover,
  fieldset[disabled] .hover.btn,
  fieldset[disabled]
  .btnWrap a.hover,
  .btnWrap
  fieldset[disabled] a.hover,
  fieldset[disabled] .hover.BlockLink-btnDiscover,
  fieldset[disabled] .hover.FormActions-btn,
  fieldset[disabled] .hover.LayerNav-articlesBtn,
  fieldset[disabled] .hover.PushCR-button,
  fieldset[disabled] .hover.PushPage-button,
  fieldset[disabled] .callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link, .callGreenBtnBloc--withBtn
  fieldset[disabled] .hover.callGreenBtnBloc-link,
  fieldset[disabled] .hover.SubscribeBtn-btn,
  fieldset[disabled] .hover.SubscribeBtn-btnSecondary,
  fieldset[disabled] .hover.SubscribeBtn-btnWhite,
  fieldset[disabled] .hover.GreenBtn-chatBoxUnfoldedBtn,
  fieldset[disabled] .hover.GreenBtn-contentBlockItemBtnPrimaryWhite,
  fieldset[disabled] .hover.cardMagFilter-action,
  fieldset[disabled] .hover.cardMagArticle-layerButton,
  fieldset[disabled] .hover.GenericBtn-btn,
  fieldset[disabled] .hover.GenericBtn-btnSecondary,
  fieldset[disabled] .hover.GenericBtn-btnWhite,
  fieldset[disabled] .hover.TechnicalError-btnPrimary,
  fieldset[disabled] .hover.TechnicalError-btnNoBg,
  fieldset[disabled] .hover.Error404-btnPrimary,
  fieldset[disabled] .hover.Error404-btnNoBg,
  fieldset[disabled] .hover.PushCommunication-btn,
  fieldset[disabled] .hover.HeaderVisuel-button,
  fieldset[disabled] .hover.CustomMessage-btn,
  fieldset[disabled] .hover.Modal-action,
  fieldset[disabled] .hover.NewsFeed-btn,
  fieldset[disabled] .hover.CompareBox-btn,
  fieldset[disabled] .ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link, .ES-join-projectsBloc--withBtn
  fieldset[disabled] .hover.ES-join-projectsBloc-link,
  fieldset[disabled] .hover.FirstLogin-button,
  fieldset[disabled] .btn:focus,
  fieldset[disabled]
  .btnWrap a:focus,
  .btnWrap
  fieldset[disabled] a:focus,
  fieldset[disabled] .BlockLink-btnDiscover:focus,
  fieldset[disabled] .FormActions-btn:focus,
  fieldset[disabled] .LayerNav-articlesBtn:focus,
  fieldset[disabled] .PushCR-button:focus,
  fieldset[disabled] .PushPage-button:focus,
  fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus, .callGreenBtnBloc--withBtn
  fieldset[disabled] .callGreenBtnBloc-link:focus,
  fieldset[disabled] .SubscribeBtn-btn:focus,
  fieldset[disabled] .SubscribeBtn-btnSecondary:focus,
  fieldset[disabled] .SubscribeBtn-btnWhite:focus,
  fieldset[disabled] .GreenBtn-chatBoxUnfoldedBtn:focus,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite:focus,
  fieldset[disabled] .cardMagFilter-action:focus,
  fieldset[disabled] .cardMagArticle-layerButton:focus,
  fieldset[disabled] .GenericBtn-btn:focus,
  fieldset[disabled] .GenericBtn-btnSecondary:focus,
  fieldset[disabled] .GenericBtn-btnWhite:focus,
  fieldset[disabled] .TechnicalError-btnPrimary:focus,
  fieldset[disabled] .TechnicalError-btnNoBg:focus,
  fieldset[disabled] .Error404-btnPrimary:focus,
  fieldset[disabled] .Error404-btnNoBg:focus,
  fieldset[disabled] .PushCommunication-btn:focus,
  fieldset[disabled] .HeaderVisuel-button:focus,
  fieldset[disabled] .CustomMessage-btn:focus,
  fieldset[disabled] .Modal-action:focus,
  fieldset[disabled] .NewsFeed-btn:focus,
  fieldset[disabled] .CompareBox-btn:focus,
  fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus, .ES-join-projectsBloc--withBtn
  fieldset[disabled] .ES-join-projectsBloc-link:focus,
  fieldset[disabled] .FirstLogin-button:focus,
  fieldset[disabled] .focus.btn,
  fieldset[disabled]
  .btnWrap a.focus,
  .btnWrap
  fieldset[disabled] a.focus,
  fieldset[disabled] .focus.BlockLink-btnDiscover,
  fieldset[disabled] .focus.FormActions-btn,
  fieldset[disabled] .focus.LayerNav-articlesBtn,
  fieldset[disabled] .focus.PushCR-button,
  fieldset[disabled] .focus.PushPage-button,
  fieldset[disabled] .callGreenBtnBloc--withBtn .focus.callGreenBtnBloc-link, .callGreenBtnBloc--withBtn
  fieldset[disabled] .focus.callGreenBtnBloc-link,
  fieldset[disabled] .focus.SubscribeBtn-btn,
  fieldset[disabled] .focus.SubscribeBtn-btnSecondary,
  fieldset[disabled] .focus.SubscribeBtn-btnWhite,
  fieldset[disabled] .focus.GreenBtn-chatBoxUnfoldedBtn,
  fieldset[disabled] .focus.GreenBtn-contentBlockItemBtnPrimaryWhite,
  fieldset[disabled] .focus.cardMagFilter-action,
  fieldset[disabled] .focus.cardMagArticle-layerButton,
  fieldset[disabled] .focus.GenericBtn-btn,
  fieldset[disabled] .focus.GenericBtn-btnSecondary,
  fieldset[disabled] .focus.GenericBtn-btnWhite,
  fieldset[disabled] .focus.TechnicalError-btnPrimary,
  fieldset[disabled] .focus.TechnicalError-btnNoBg,
  fieldset[disabled] .focus.Error404-btnPrimary,
  fieldset[disabled] .focus.Error404-btnNoBg,
  fieldset[disabled] .focus.PushCommunication-btn,
  fieldset[disabled] .focus.HeaderVisuel-button,
  fieldset[disabled] .focus.CustomMessage-btn,
  fieldset[disabled] .focus.Modal-action,
  fieldset[disabled] .focus.NewsFeed-btn,
  fieldset[disabled] .focus.CompareBox-btn,
  fieldset[disabled] .ES-join-projectsBloc--withBtn .focus.ES-join-projectsBloc-link, .ES-join-projectsBloc--withBtn
  fieldset[disabled] .focus.ES-join-projectsBloc-link,
  fieldset[disabled] .focus.FirstLogin-button,
  fieldset[disabled] .btn:active,
  fieldset[disabled]
  .btnWrap a:active,
  .btnWrap
  fieldset[disabled] a:active,
  fieldset[disabled] .BlockLink-btnDiscover:active,
  fieldset[disabled] .FormActions-btn:active,
  fieldset[disabled] .LayerNav-articlesBtn:active,
  fieldset[disabled] .PushCR-button:active,
  fieldset[disabled] .PushPage-button:active,
  fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active, .callGreenBtnBloc--withBtn
  fieldset[disabled] .callGreenBtnBloc-link:active,
  fieldset[disabled] .SubscribeBtn-btn:active,
  fieldset[disabled] .SubscribeBtn-btnSecondary:active,
  fieldset[disabled] .SubscribeBtn-btnWhite:active,
  fieldset[disabled] .GreenBtn-chatBoxUnfoldedBtn:active,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite:active,
  fieldset[disabled] .cardMagFilter-action:active,
  fieldset[disabled] .cardMagArticle-layerButton:active,
  fieldset[disabled] .GenericBtn-btn:active,
  fieldset[disabled] .GenericBtn-btnSecondary:active,
  fieldset[disabled] .GenericBtn-btnWhite:active,
  fieldset[disabled] .TechnicalError-btnPrimary:active,
  fieldset[disabled] .TechnicalError-btnNoBg:active,
  fieldset[disabled] .Error404-btnPrimary:active,
  fieldset[disabled] .Error404-btnNoBg:active,
  fieldset[disabled] .PushCommunication-btn:active,
  fieldset[disabled] .HeaderVisuel-button:active,
  fieldset[disabled] .CustomMessage-btn:active,
  fieldset[disabled] .Modal-action:active,
  fieldset[disabled] .NewsFeed-btn:active,
  fieldset[disabled] .CompareBox-btn:active,
  fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active, .ES-join-projectsBloc--withBtn
  fieldset[disabled] .ES-join-projectsBloc-link:active,
  fieldset[disabled] .FirstLogin-button:active,
  fieldset[disabled] .active.btn,
  fieldset[disabled]
  .btnWrap a.active,
  .btnWrap
  fieldset[disabled] a.active,
  fieldset[disabled] .active.BlockLink-btnDiscover,
  fieldset[disabled] .active.FormActions-btn,
  fieldset[disabled] .active.LayerNav-articlesBtn,
  fieldset[disabled] .active.PushCR-button,
  fieldset[disabled] .active.PushPage-button,
  fieldset[disabled] .callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link, .callGreenBtnBloc--withBtn
  fieldset[disabled] .active.callGreenBtnBloc-link,
  fieldset[disabled] .active.SubscribeBtn-btn,
  fieldset[disabled] .active.SubscribeBtn-btnSecondary,
  fieldset[disabled] .active.SubscribeBtn-btnWhite,
  fieldset[disabled] .active.GreenBtn-chatBoxUnfoldedBtn,
  fieldset[disabled] .active.GreenBtn-contentBlockItemBtnPrimaryWhite,
  fieldset[disabled] .active.cardMagFilter-action,
  fieldset[disabled] .active.cardMagArticle-layerButton,
  fieldset[disabled] .active.GenericBtn-btn,
  fieldset[disabled] .active.GenericBtn-btnSecondary,
  fieldset[disabled] .active.GenericBtn-btnWhite,
  fieldset[disabled] .active.TechnicalError-btnPrimary,
  fieldset[disabled] .active.TechnicalError-btnNoBg,
  fieldset[disabled] .active.Error404-btnPrimary,
  fieldset[disabled] .active.Error404-btnNoBg,
  fieldset[disabled] .active.PushCommunication-btn,
  fieldset[disabled] .active.HeaderVisuel-button,
  fieldset[disabled] .active.CustomMessage-btn,
  fieldset[disabled] .active.Modal-action,
  fieldset[disabled] .active.NewsFeed-btn,
  fieldset[disabled] .active.CompareBox-btn,
  fieldset[disabled] .ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link, .ES-join-projectsBloc--withBtn
  fieldset[disabled] .active.ES-join-projectsBloc-link,
  fieldset[disabled] .active.FirstLogin-button {
    cursor: not-allowed;
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #98cbd3;
    border-color: #98cbd3; }

.CompareBox--disabled .CompareBox-btn, .CompareBox--disabled .CompareBox-btn:hover, .CompareBox--disabled .CompareBox-btn:focus {
  cursor: not-allowed;
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #98cbd3;
  border-color: #98cbd3; }

a.btn,
.btnWrap a, .BlockLink-btnDiscover, .FormActions-btn, .LayerNav-articlesBtn, .PushCR-button, .PushPage-button, .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .GenericBtn-btnSecondary, .SubscribeBtn-btn, .SubscribeBtn-btnSecondary, .SubscribeBtn-btnWhite, .GreenBtn-chatBoxUnfoldedBtn, .GreenBtn-contentBlockItemBtnPrimaryWhite, .cardMagFilter-action, .cardMagArticle-layerButton, .GenericBtn-block--primary .GenericBtn-btnSecondary, .GenericBtn-block--primary .SubscribeBtn-btnSecondary, .GenericBtn-btn, .GenericBtn-btnSecondary, .GenericBtn-btnWhite, .TechnicalError-btnPrimary, .TechnicalError-btnNoBg, .Error404-btnPrimary, .Error404-btnNoBg, .PushCommunication-btn, .HeaderVisuel-button, .CustomMessage-btn, .Modal-action, .NewsFeed-btn, .CompareBox-btn, .FirstLogin-button {
  text-decoration: none; }

.btn-default,
.btnWrap-default a, .BlockLink-btnDiscover, .FormActions-btn, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link, .SubscribeBtn-btnSecondary, .GenericBtn-btnSecondary, .TechnicalError-btnNoBg, .PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-btn--secondary, .Modal-action--default, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link, .ZCoord-BtnSecondary, .SubcribeEDocs-BtnSecondary, .EDocs-BtnSecondary, .FirstLogin-button--back {
  background-color: #ffffff;
  border: 1px solid #007D8F;
  color: #007D8F; }
  .btn-default:hover,
  .btnWrap-default a:hover, .BlockLink-btnDiscover:hover, .FormActions-btn:hover, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:hover, .SubscribeBtn-btnSecondary:hover, .GenericBtn-btnSecondary:hover, .TechnicalError-btnNoBg:hover, .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
  .PushCommunication-btn--secondary:hover, .Modal-action--default:hover, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:hover, .ZCoord-BtnSecondary:hover, .SubcribeEDocs-BtnSecondary:hover, .EDocs-BtnSecondary:hover, .FirstLogin-button--back:hover, .hover.btn-default,
  .btnWrap-default a.hover, .hover.BlockLink-btnDiscover, .hover.FormActions-btn, .callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link, .hover.SubscribeBtn-btnSecondary, .hover.GenericBtn-btnSecondary, .hover.TechnicalError-btnNoBg, .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .hover.PushCommunication-btn--secondary, .hover.Modal-action--default, .ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link, .hover.ZCoord-BtnSecondary, .hover.SubcribeEDocs-BtnSecondary, .hover.EDocs-BtnSecondary, .hover.FirstLogin-button--back, .btn-default:focus,
  .btnWrap-default a:focus, .BlockLink-btnDiscover:focus, .FormActions-btn:focus, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus, .SubscribeBtn-btnSecondary:focus, .GenericBtn-btnSecondary:focus, .TechnicalError-btnNoBg:focus, .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
  .PushCommunication-btn--secondary:focus, .Modal-action--default:focus, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus, .ZCoord-BtnSecondary:focus, .SubcribeEDocs-BtnSecondary:focus, .EDocs-BtnSecondary:focus, .FirstLogin-button--back:focus, .hover.btn-default,
  .btnWrap-default a.hover, .hover.BlockLink-btnDiscover, .hover.FormActions-btn, .callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link, .hover.SubscribeBtn-btnSecondary, .hover.GenericBtn-btnSecondary, .hover.TechnicalError-btnNoBg, .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .hover.PushCommunication-btn--secondary, .hover.Modal-action--default, .ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link, .hover.ZCoord-BtnSecondary, .hover.SubcribeEDocs-BtnSecondary, .hover.EDocs-BtnSecondary, .hover.FirstLogin-button--back, .btn-default:active,
  .btnWrap-default a:active, .BlockLink-btnDiscover:active, .FormActions-btn:active, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active, .SubscribeBtn-btnSecondary:active, .GenericBtn-btnSecondary:active, .TechnicalError-btnNoBg:active, .PushCommunication-btn:active:not(.PushCommunication-btn--primary),
  .PushCommunication-btn--secondary:active, .Modal-action--default:active, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active, .ZCoord-BtnSecondary:active, .SubcribeEDocs-BtnSecondary:active, .EDocs-BtnSecondary:active, .FirstLogin-button--back:active, .active.btn-default,
  .btnWrap-default a.active, .active.BlockLink-btnDiscover, .active.FormActions-btn, .callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link, .active.SubscribeBtn-btnSecondary, .active.GenericBtn-btnSecondary, .active.TechnicalError-btnNoBg, .active.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .active.PushCommunication-btn--secondary, .active.Modal-action--default, .ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link, .active.ZCoord-BtnSecondary, .active.SubcribeEDocs-BtnSecondary, .active.EDocs-BtnSecondary, .active.FirstLogin-button--back {
    color: #ffffff;
    background-color: #007D8F;
    border-color: #007D8F; }

[data-custom-redirect]:hover .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:hover .PushCommunication-btn--secondary, [data-custom-redirect]:focus .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:focus .PushCommunication-btn--secondary {
  color: #ffffff;
  background-color: #007D8F;
  border-color: #007D8F; }

.disabled.btn-default,
.btnWrap-default a.disabled, .disabled.BlockLink-btnDiscover, .disabled.FormActions-btn, .callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link, .disabled.SubscribeBtn-btnSecondary, .disabled.GenericBtn-btnSecondary, .disabled.TechnicalError-btnNoBg, .disabled.PushCommunication-btn:not(.PushCommunication-btn--primary),
.disabled.PushCommunication-btn--secondary, .disabled.Modal-action--default, .ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link, .disabled.ZCoord-BtnSecondary, .disabled.SubcribeEDocs-BtnSecondary, .disabled.EDocs-BtnSecondary, .disabled.FirstLogin-button--back, .disabled.btn-default:hover,
.btnWrap-default a.disabled:hover, .disabled.BlockLink-btnDiscover:hover, .disabled.FormActions-btn:hover, .callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:hover, .disabled.SubscribeBtn-btnSecondary:hover, .disabled.GenericBtn-btnSecondary:hover, .disabled.TechnicalError-btnNoBg:hover, .disabled.PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
.disabled.PushCommunication-btn--secondary:hover, .disabled.Modal-action--default:hover, .ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:hover, .disabled.ZCoord-BtnSecondary:hover, .disabled.SubcribeEDocs-BtnSecondary:hover, .disabled.EDocs-BtnSecondary:hover, .disabled.FirstLogin-button--back:hover, .disabled.hover.btn-default,
.btnWrap-default a.disabled.hover, .disabled.hover.BlockLink-btnDiscover, .disabled.hover.FormActions-btn, .callGreenBtnBloc--withBtn .disabled.hover.callGreenBtnBloc-link, .disabled.hover.SubscribeBtn-btnSecondary, .disabled.hover.GenericBtn-btnSecondary, .disabled.hover.TechnicalError-btnNoBg, .disabled.hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
.disabled.hover.PushCommunication-btn--secondary, .disabled.hover.Modal-action--default, .ES-join-projectsBloc--withBtn .disabled.hover.ES-join-projectsBloc-link, .disabled.hover.ZCoord-BtnSecondary, .disabled.hover.SubcribeEDocs-BtnSecondary, .disabled.hover.EDocs-BtnSecondary, .disabled.hover.FirstLogin-button--back, .disabled.btn-default:focus,
.btnWrap-default a.disabled:focus, .disabled.BlockLink-btnDiscover:focus, .disabled.FormActions-btn:focus, .callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:focus, .disabled.SubscribeBtn-btnSecondary:focus, .disabled.GenericBtn-btnSecondary:focus, .disabled.TechnicalError-btnNoBg:focus, .disabled.PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
.disabled.PushCommunication-btn--secondary:focus, .disabled.Modal-action--default:focus, .ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:focus, .disabled.ZCoord-BtnSecondary:focus, .disabled.SubcribeEDocs-BtnSecondary:focus, .disabled.EDocs-BtnSecondary:focus, .disabled.FirstLogin-button--back:focus, .disabled.focus.btn-default,
.btnWrap-default a.disabled.focus, .disabled.focus.BlockLink-btnDiscover, .disabled.focus.FormActions-btn, .callGreenBtnBloc--withBtn .disabled.focus.callGreenBtnBloc-link, .disabled.focus.SubscribeBtn-btnSecondary, .disabled.focus.GenericBtn-btnSecondary, .disabled.focus.TechnicalError-btnNoBg, .disabled.focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
.disabled.focus.PushCommunication-btn--secondary, .disabled.focus.Modal-action--default, .ES-join-projectsBloc--withBtn .disabled.focus.ES-join-projectsBloc-link, .disabled.focus.ZCoord-BtnSecondary, .disabled.focus.SubcribeEDocs-BtnSecondary, .disabled.focus.EDocs-BtnSecondary, .disabled.focus.FirstLogin-button--back, .disabled.btn-default:active,
.btnWrap-default a.disabled:active, .disabled.BlockLink-btnDiscover:active, .disabled.FormActions-btn:active, .callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:active, .disabled.SubscribeBtn-btnSecondary:active, .disabled.GenericBtn-btnSecondary:active, .disabled.TechnicalError-btnNoBg:active, .disabled.PushCommunication-btn:active:not(.PushCommunication-btn--primary),
.disabled.PushCommunication-btn--secondary:active, .disabled.Modal-action--default:active, .ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:active, .disabled.ZCoord-BtnSecondary:active, .disabled.SubcribeEDocs-BtnSecondary:active, .disabled.EDocs-BtnSecondary:active, .disabled.FirstLogin-button--back:active, .disabled.active.btn-default,
.btnWrap-default a.disabled.active, .disabled.active.BlockLink-btnDiscover, .disabled.active.FormActions-btn, .callGreenBtnBloc--withBtn .disabled.active.callGreenBtnBloc-link, .disabled.active.SubscribeBtn-btnSecondary, .disabled.active.GenericBtn-btnSecondary, .disabled.active.TechnicalError-btnNoBg, .disabled.active.PushCommunication-btn:not(.PushCommunication-btn--primary),
.disabled.active.PushCommunication-btn--secondary, .disabled.active.Modal-action--default, .ES-join-projectsBloc--withBtn .disabled.active.ES-join-projectsBloc-link, .disabled.active.ZCoord-BtnSecondary, .disabled.active.SubcribeEDocs-BtnSecondary, .disabled.active.EDocs-BtnSecondary, .disabled.active.FirstLogin-button--back, [disabled].btn-default,
.btnWrap-default a[disabled], [disabled].BlockLink-btnDiscover, [disabled].FormActions-btn, .callGreenBtnBloc--withBtn [disabled].callGreenBtnBloc-link, [disabled].SubscribeBtn-btnSecondary, [disabled].GenericBtn-btnSecondary, [disabled].TechnicalError-btnNoBg, [disabled].PushCommunication-btn:not(.PushCommunication-btn--primary),
[disabled].PushCommunication-btn--secondary, [disabled].Modal-action--default, .ES-join-projectsBloc--withBtn [disabled].ES-join-projectsBloc-link, [disabled].ZCoord-BtnSecondary, [disabled].SubcribeEDocs-BtnSecondary, [disabled].EDocs-BtnSecondary, [disabled].FirstLogin-button--back, [disabled].btn-default:hover,
.btnWrap-default a[disabled]:hover, [disabled].BlockLink-btnDiscover:hover, [disabled].FormActions-btn:hover, .callGreenBtnBloc--withBtn [disabled].callGreenBtnBloc-link:hover, [disabled].SubscribeBtn-btnSecondary:hover, [disabled].GenericBtn-btnSecondary:hover, [disabled].TechnicalError-btnNoBg:hover, [disabled].PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
[disabled].PushCommunication-btn--secondary:hover, [disabled].Modal-action--default:hover, .ES-join-projectsBloc--withBtn [disabled].ES-join-projectsBloc-link:hover, [disabled].ZCoord-BtnSecondary:hover, [disabled].SubcribeEDocs-BtnSecondary:hover, [disabled].EDocs-BtnSecondary:hover, [disabled].FirstLogin-button--back:hover, [disabled].hover.btn-default,
.btnWrap-default a[disabled].hover, [disabled].hover.BlockLink-btnDiscover, [disabled].hover.FormActions-btn, .callGreenBtnBloc--withBtn [disabled].hover.callGreenBtnBloc-link, [disabled].hover.SubscribeBtn-btnSecondary, [disabled].hover.GenericBtn-btnSecondary, [disabled].hover.TechnicalError-btnNoBg, [disabled].hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
[disabled].hover.PushCommunication-btn--secondary, [disabled].hover.Modal-action--default, .ES-join-projectsBloc--withBtn [disabled].hover.ES-join-projectsBloc-link, [disabled].hover.ZCoord-BtnSecondary, [disabled].hover.SubcribeEDocs-BtnSecondary, [disabled].hover.EDocs-BtnSecondary, [disabled].hover.FirstLogin-button--back, [disabled].btn-default:focus,
.btnWrap-default a[disabled]:focus, [disabled].BlockLink-btnDiscover:focus, [disabled].FormActions-btn:focus, .callGreenBtnBloc--withBtn [disabled].callGreenBtnBloc-link:focus, [disabled].SubscribeBtn-btnSecondary:focus, [disabled].GenericBtn-btnSecondary:focus, [disabled].TechnicalError-btnNoBg:focus, [disabled].PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
[disabled].PushCommunication-btn--secondary:focus, [disabled].Modal-action--default:focus, .ES-join-projectsBloc--withBtn [disabled].ES-join-projectsBloc-link:focus, [disabled].ZCoord-BtnSecondary:focus, [disabled].SubcribeEDocs-BtnSecondary:focus, [disabled].EDocs-BtnSecondary:focus, [disabled].FirstLogin-button--back:focus, [disabled].focus.btn-default,
.btnWrap-default a[disabled].focus, [disabled].focus.BlockLink-btnDiscover, [disabled].focus.FormActions-btn, .callGreenBtnBloc--withBtn [disabled].focus.callGreenBtnBloc-link, [disabled].focus.SubscribeBtn-btnSecondary, [disabled].focus.GenericBtn-btnSecondary, [disabled].focus.TechnicalError-btnNoBg, [disabled].focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
[disabled].focus.PushCommunication-btn--secondary, [disabled].focus.Modal-action--default, .ES-join-projectsBloc--withBtn [disabled].focus.ES-join-projectsBloc-link, [disabled].focus.ZCoord-BtnSecondary, [disabled].focus.SubcribeEDocs-BtnSecondary, [disabled].focus.EDocs-BtnSecondary, [disabled].focus.FirstLogin-button--back, [disabled].btn-default:active,
.btnWrap-default a[disabled]:active, [disabled].BlockLink-btnDiscover:active, [disabled].FormActions-btn:active, .callGreenBtnBloc--withBtn [disabled].callGreenBtnBloc-link:active, [disabled].SubscribeBtn-btnSecondary:active, [disabled].GenericBtn-btnSecondary:active, [disabled].TechnicalError-btnNoBg:active, [disabled].PushCommunication-btn:active:not(.PushCommunication-btn--primary),
[disabled].PushCommunication-btn--secondary:active, [disabled].Modal-action--default:active, .ES-join-projectsBloc--withBtn [disabled].ES-join-projectsBloc-link:active, [disabled].ZCoord-BtnSecondary:active, [disabled].SubcribeEDocs-BtnSecondary:active, [disabled].EDocs-BtnSecondary:active, [disabled].FirstLogin-button--back:active, [disabled].active.btn-default,
.btnWrap-default a[disabled].active, [disabled].active.BlockLink-btnDiscover, [disabled].active.FormActions-btn, .callGreenBtnBloc--withBtn [disabled].active.callGreenBtnBloc-link, [disabled].active.SubscribeBtn-btnSecondary, [disabled].active.GenericBtn-btnSecondary, [disabled].active.TechnicalError-btnNoBg, [disabled].active.PushCommunication-btn:not(.PushCommunication-btn--primary),
[disabled].active.PushCommunication-btn--secondary, [disabled].active.Modal-action--default, .ES-join-projectsBloc--withBtn [disabled].active.ES-join-projectsBloc-link, [disabled].active.ZCoord-BtnSecondary, [disabled].active.SubcribeEDocs-BtnSecondary, [disabled].active.EDocs-BtnSecondary, [disabled].active.FirstLogin-button--back,
fieldset[disabled] .btn-default,
fieldset[disabled]
.btnWrap-default a,
.btnWrap-default
fieldset[disabled] a,
fieldset[disabled] .BlockLink-btnDiscover,
fieldset[disabled] .FormActions-btn,
fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link, .callGreenBtnBloc--withBtn
fieldset[disabled] .callGreenBtnBloc-link,
fieldset[disabled] .SubscribeBtn-btnSecondary,
fieldset[disabled] .GenericBtn-btnSecondary,
fieldset[disabled] .TechnicalError-btnNoBg,
fieldset[disabled] .PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-btn--secondary,
fieldset[disabled] .Modal-action--default,
fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link, .ES-join-projectsBloc--withBtn
fieldset[disabled] .ES-join-projectsBloc-link,
fieldset[disabled] .ZCoord-BtnSecondary,
fieldset[disabled] .SubcribeEDocs-BtnSecondary,
fieldset[disabled] .EDocs-BtnSecondary,
fieldset[disabled] .FirstLogin-button--back,
fieldset[disabled] .btn-default:hover,
fieldset[disabled]
.btnWrap-default a:hover,
.btnWrap-default
fieldset[disabled] a:hover,
fieldset[disabled] .BlockLink-btnDiscover:hover,
fieldset[disabled] .FormActions-btn:hover,
fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:hover, .callGreenBtnBloc--withBtn
fieldset[disabled] .callGreenBtnBloc-link:hover,
fieldset[disabled] .SubscribeBtn-btnSecondary:hover,
fieldset[disabled] .GenericBtn-btnSecondary:hover,
fieldset[disabled] .TechnicalError-btnNoBg:hover,
fieldset[disabled] .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-btn--secondary:hover,
fieldset[disabled] .Modal-action--default:hover,
fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:hover, .ES-join-projectsBloc--withBtn
fieldset[disabled] .ES-join-projectsBloc-link:hover,
fieldset[disabled] .ZCoord-BtnSecondary:hover,
fieldset[disabled] .SubcribeEDocs-BtnSecondary:hover,
fieldset[disabled] .EDocs-BtnSecondary:hover,
fieldset[disabled] .FirstLogin-button--back:hover,
fieldset[disabled] .hover.btn-default,
fieldset[disabled]
.btnWrap-default a.hover,
.btnWrap-default
fieldset[disabled] a.hover,
fieldset[disabled] .hover.BlockLink-btnDiscover,
fieldset[disabled] .hover.FormActions-btn,
fieldset[disabled] .callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link, .callGreenBtnBloc--withBtn
fieldset[disabled] .hover.callGreenBtnBloc-link,
fieldset[disabled] .hover.SubscribeBtn-btnSecondary,
fieldset[disabled] .hover.GenericBtn-btnSecondary,
fieldset[disabled] .hover.TechnicalError-btnNoBg,
fieldset[disabled] .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.hover.PushCommunication-btn--secondary,
fieldset[disabled] .hover.Modal-action--default,
fieldset[disabled] .ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link, .ES-join-projectsBloc--withBtn
fieldset[disabled] .hover.ES-join-projectsBloc-link,
fieldset[disabled] .hover.ZCoord-BtnSecondary,
fieldset[disabled] .hover.SubcribeEDocs-BtnSecondary,
fieldset[disabled] .hover.EDocs-BtnSecondary,
fieldset[disabled] .hover.FirstLogin-button--back,
fieldset[disabled] .btn-default:focus,
fieldset[disabled]
.btnWrap-default a:focus,
.btnWrap-default
fieldset[disabled] a:focus,
fieldset[disabled] .BlockLink-btnDiscover:focus,
fieldset[disabled] .FormActions-btn:focus,
fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus, .callGreenBtnBloc--withBtn
fieldset[disabled] .callGreenBtnBloc-link:focus,
fieldset[disabled] .SubscribeBtn-btnSecondary:focus,
fieldset[disabled] .GenericBtn-btnSecondary:focus,
fieldset[disabled] .TechnicalError-btnNoBg:focus,
fieldset[disabled] .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-btn--secondary:focus,
fieldset[disabled] .Modal-action--default:focus,
fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus, .ES-join-projectsBloc--withBtn
fieldset[disabled] .ES-join-projectsBloc-link:focus,
fieldset[disabled] .ZCoord-BtnSecondary:focus,
fieldset[disabled] .SubcribeEDocs-BtnSecondary:focus,
fieldset[disabled] .EDocs-BtnSecondary:focus,
fieldset[disabled] .FirstLogin-button--back:focus,
fieldset[disabled] .focus.btn-default,
fieldset[disabled]
.btnWrap-default a.focus,
.btnWrap-default
fieldset[disabled] a.focus,
fieldset[disabled] .focus.BlockLink-btnDiscover,
fieldset[disabled] .focus.FormActions-btn,
fieldset[disabled] .callGreenBtnBloc--withBtn .focus.callGreenBtnBloc-link, .callGreenBtnBloc--withBtn
fieldset[disabled] .focus.callGreenBtnBloc-link,
fieldset[disabled] .focus.SubscribeBtn-btnSecondary,
fieldset[disabled] .focus.GenericBtn-btnSecondary,
fieldset[disabled] .focus.TechnicalError-btnNoBg,
fieldset[disabled] .focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.focus.PushCommunication-btn--secondary,
fieldset[disabled] .focus.Modal-action--default,
fieldset[disabled] .ES-join-projectsBloc--withBtn .focus.ES-join-projectsBloc-link, .ES-join-projectsBloc--withBtn
fieldset[disabled] .focus.ES-join-projectsBloc-link,
fieldset[disabled] .focus.ZCoord-BtnSecondary,
fieldset[disabled] .focus.SubcribeEDocs-BtnSecondary,
fieldset[disabled] .focus.EDocs-BtnSecondary,
fieldset[disabled] .focus.FirstLogin-button--back,
fieldset[disabled] .btn-default:active,
fieldset[disabled]
.btnWrap-default a:active,
.btnWrap-default
fieldset[disabled] a:active,
fieldset[disabled] .BlockLink-btnDiscover:active,
fieldset[disabled] .FormActions-btn:active,
fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active, .callGreenBtnBloc--withBtn
fieldset[disabled] .callGreenBtnBloc-link:active,
fieldset[disabled] .SubscribeBtn-btnSecondary:active,
fieldset[disabled] .GenericBtn-btnSecondary:active,
fieldset[disabled] .TechnicalError-btnNoBg:active,
fieldset[disabled] .PushCommunication-btn:active:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-btn--secondary:active,
fieldset[disabled] .Modal-action--default:active,
fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active, .ES-join-projectsBloc--withBtn
fieldset[disabled] .ES-join-projectsBloc-link:active,
fieldset[disabled] .ZCoord-BtnSecondary:active,
fieldset[disabled] .SubcribeEDocs-BtnSecondary:active,
fieldset[disabled] .EDocs-BtnSecondary:active,
fieldset[disabled] .FirstLogin-button--back:active,
fieldset[disabled] .active.btn-default,
fieldset[disabled]
.btnWrap-default a.active,
.btnWrap-default
fieldset[disabled] a.active,
fieldset[disabled] .active.BlockLink-btnDiscover,
fieldset[disabled] .active.FormActions-btn,
fieldset[disabled] .callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link, .callGreenBtnBloc--withBtn
fieldset[disabled] .active.callGreenBtnBloc-link,
fieldset[disabled] .active.SubscribeBtn-btnSecondary,
fieldset[disabled] .active.GenericBtn-btnSecondary,
fieldset[disabled] .active.TechnicalError-btnNoBg,
fieldset[disabled] .active.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.active.PushCommunication-btn--secondary,
fieldset[disabled] .active.Modal-action--default,
fieldset[disabled] .ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link, .ES-join-projectsBloc--withBtn
fieldset[disabled] .active.ES-join-projectsBloc-link,
fieldset[disabled] .active.ZCoord-BtnSecondary,
fieldset[disabled] .active.SubcribeEDocs-BtnSecondary,
fieldset[disabled] .active.EDocs-BtnSecondary,
fieldset[disabled] .active.FirstLogin-button--back, .disabled.btn-default--primaryPanel, .panel-primary .disabled.btn-default, .SubscribeBtn-block--primary .disabled.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .disabled.GenericBtn-btnSecondary, .GenericBtn-block--primary .disabled.GenericBtn-btnSecondary, .GenericBtn-block--primary .disabled.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary .disabled.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary .disabled.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent .disabled.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent .disabled.PushCommunication-btn--secondary, .disabled.ImportDocs-BtnSecondary, .disabled.btn-default--primaryPanel:hover, .panel-primary .disabled.btn-default:hover, .SubscribeBtn-block--primary .disabled.SubscribeBtn-btnSecondary:hover, .SubscribeBtn-block--primary .disabled.GenericBtn-btnSecondary:hover, .GenericBtn-block--primary .disabled.GenericBtn-btnSecondary:hover, .GenericBtn-block--primary .disabled.SubscribeBtn-btnSecondary:hover, .PushCommunication-zoning--primary .disabled.PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary .disabled.PushCommunication-btn--secondary:hover,
.PushCommunication-zoning--transparent .disabled.PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent .disabled.PushCommunication-btn--secondary:hover, .disabled.ImportDocs-BtnSecondary:hover, .disabled.hover.btn-default--primaryPanel, .panel-primary .disabled.hover.btn-default, .SubscribeBtn-block--primary .disabled.hover.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .disabled.hover.GenericBtn-btnSecondary, .GenericBtn-block--primary .disabled.hover.GenericBtn-btnSecondary, .GenericBtn-block--primary .disabled.hover.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary .disabled.hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary .disabled.hover.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent .disabled.hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent .disabled.hover.PushCommunication-btn--secondary, .disabled.hover.ImportDocs-BtnSecondary, .disabled.btn-default--primaryPanel:focus, .panel-primary .disabled.btn-default:focus, .SubscribeBtn-block--primary .disabled.SubscribeBtn-btnSecondary:focus, .SubscribeBtn-block--primary .disabled.GenericBtn-btnSecondary:focus, .GenericBtn-block--primary .disabled.GenericBtn-btnSecondary:focus, .GenericBtn-block--primary .disabled.SubscribeBtn-btnSecondary:focus, .PushCommunication-zoning--primary .disabled.PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary .disabled.PushCommunication-btn--secondary:focus,
.PushCommunication-zoning--transparent .disabled.PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent .disabled.PushCommunication-btn--secondary:focus, .disabled.ImportDocs-BtnSecondary:focus, .disabled.focus.btn-default--primaryPanel, .panel-primary .disabled.focus.btn-default, .SubscribeBtn-block--primary .disabled.focus.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .disabled.focus.GenericBtn-btnSecondary, .GenericBtn-block--primary .disabled.focus.GenericBtn-btnSecondary, .GenericBtn-block--primary .disabled.focus.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary .disabled.focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary .disabled.focus.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent .disabled.focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent .disabled.focus.PushCommunication-btn--secondary, .disabled.focus.ImportDocs-BtnSecondary, .disabled.btn-default--primaryPanel:active, .panel-primary .disabled.btn-default:active, .SubscribeBtn-block--primary .disabled.SubscribeBtn-btnSecondary:active, .SubscribeBtn-block--primary .disabled.GenericBtn-btnSecondary:active, .GenericBtn-block--primary .disabled.GenericBtn-btnSecondary:active, .GenericBtn-block--primary .disabled.SubscribeBtn-btnSecondary:active, .PushCommunication-zoning--primary .disabled.PushCommunication-btn:active:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary .disabled.PushCommunication-btn--secondary:active,
.PushCommunication-zoning--transparent .disabled.PushCommunication-btn:active:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent .disabled.PushCommunication-btn--secondary:active, .disabled.ImportDocs-BtnSecondary:active, .disabled.active.btn-default--primaryPanel, .panel-primary .disabled.active.btn-default, .SubscribeBtn-block--primary .disabled.active.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .disabled.active.GenericBtn-btnSecondary, .GenericBtn-block--primary .disabled.active.GenericBtn-btnSecondary, .GenericBtn-block--primary .disabled.active.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary .disabled.active.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary .disabled.active.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent .disabled.active.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent .disabled.active.PushCommunication-btn--secondary, .disabled.active.ImportDocs-BtnSecondary, [disabled].btn-default--primaryPanel, .panel-primary [disabled].btn-default, .SubscribeBtn-block--primary [disabled].SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary [disabled].GenericBtn-btnSecondary, .GenericBtn-block--primary [disabled].GenericBtn-btnSecondary, .GenericBtn-block--primary [disabled].SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary [disabled].PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary [disabled].PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent [disabled].PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent [disabled].PushCommunication-btn--secondary, [disabled].ImportDocs-BtnSecondary, [disabled].btn-default--primaryPanel:hover, .panel-primary [disabled].btn-default:hover, .SubscribeBtn-block--primary [disabled].SubscribeBtn-btnSecondary:hover, .SubscribeBtn-block--primary [disabled].GenericBtn-btnSecondary:hover, .GenericBtn-block--primary [disabled].GenericBtn-btnSecondary:hover, .GenericBtn-block--primary [disabled].SubscribeBtn-btnSecondary:hover, .PushCommunication-zoning--primary [disabled].PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary [disabled].PushCommunication-btn--secondary:hover,
.PushCommunication-zoning--transparent [disabled].PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent [disabled].PushCommunication-btn--secondary:hover, [disabled].ImportDocs-BtnSecondary:hover, [disabled].hover.btn-default--primaryPanel, .panel-primary [disabled].hover.btn-default, .SubscribeBtn-block--primary [disabled].hover.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary [disabled].hover.GenericBtn-btnSecondary, .GenericBtn-block--primary [disabled].hover.GenericBtn-btnSecondary, .GenericBtn-block--primary [disabled].hover.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary [disabled].hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary [disabled].hover.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent [disabled].hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent [disabled].hover.PushCommunication-btn--secondary, [disabled].hover.ImportDocs-BtnSecondary, [disabled].btn-default--primaryPanel:focus, .panel-primary [disabled].btn-default:focus, .SubscribeBtn-block--primary [disabled].SubscribeBtn-btnSecondary:focus, .SubscribeBtn-block--primary [disabled].GenericBtn-btnSecondary:focus, .GenericBtn-block--primary [disabled].GenericBtn-btnSecondary:focus, .GenericBtn-block--primary [disabled].SubscribeBtn-btnSecondary:focus, .PushCommunication-zoning--primary [disabled].PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary [disabled].PushCommunication-btn--secondary:focus,
.PushCommunication-zoning--transparent [disabled].PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent [disabled].PushCommunication-btn--secondary:focus, [disabled].ImportDocs-BtnSecondary:focus, [disabled].focus.btn-default--primaryPanel, .panel-primary [disabled].focus.btn-default, .SubscribeBtn-block--primary [disabled].focus.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary [disabled].focus.GenericBtn-btnSecondary, .GenericBtn-block--primary [disabled].focus.GenericBtn-btnSecondary, .GenericBtn-block--primary [disabled].focus.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary [disabled].focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary [disabled].focus.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent [disabled].focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent [disabled].focus.PushCommunication-btn--secondary, [disabled].focus.ImportDocs-BtnSecondary, [disabled].btn-default--primaryPanel:active, .panel-primary [disabled].btn-default:active, .SubscribeBtn-block--primary [disabled].SubscribeBtn-btnSecondary:active, .SubscribeBtn-block--primary [disabled].GenericBtn-btnSecondary:active, .GenericBtn-block--primary [disabled].GenericBtn-btnSecondary:active, .GenericBtn-block--primary [disabled].SubscribeBtn-btnSecondary:active, .PushCommunication-zoning--primary [disabled].PushCommunication-btn:active:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary [disabled].PushCommunication-btn--secondary:active,
.PushCommunication-zoning--transparent [disabled].PushCommunication-btn:active:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent [disabled].PushCommunication-btn--secondary:active, [disabled].ImportDocs-BtnSecondary:active, [disabled].active.btn-default--primaryPanel, .panel-primary [disabled].active.btn-default, .SubscribeBtn-block--primary [disabled].active.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary [disabled].active.GenericBtn-btnSecondary, .GenericBtn-block--primary [disabled].active.GenericBtn-btnSecondary, .GenericBtn-block--primary [disabled].active.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary [disabled].active.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary [disabled].active.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent [disabled].active.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent [disabled].active.PushCommunication-btn--secondary, [disabled].active.ImportDocs-BtnSecondary,
fieldset[disabled] .btn-default--primaryPanel,
fieldset[disabled] .panel-primary .btn-default, .panel-primary
fieldset[disabled] .btn-default,
fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary
fieldset[disabled] .SubscribeBtn-btnSecondary,
fieldset[disabled] .SubscribeBtn-block--primary .GenericBtn-btnSecondary, .SubscribeBtn-block--primary
fieldset[disabled] .GenericBtn-btnSecondary,
fieldset[disabled] .GenericBtn-block--primary .GenericBtn-btnSecondary, .GenericBtn-block--primary
fieldset[disabled] .GenericBtn-btnSecondary,
fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btnSecondary, .GenericBtn-block--primary
fieldset[disabled] .SubscribeBtn-btnSecondary,
fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary), .PushCommunication-zoning--primary
fieldset[disabled] .PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--primary .PushCommunication-btn--secondary,
.PushCommunication-zoning--primary
fieldset[disabled] .PushCommunication-btn--secondary,
fieldset[disabled]
.PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent
fieldset[disabled] .PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--transparent .PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent
fieldset[disabled] .PushCommunication-btn--secondary,
fieldset[disabled] .ImportDocs-BtnSecondary,
fieldset[disabled] .btn-default--primaryPanel:hover,
fieldset[disabled] .panel-primary .btn-default:hover, .panel-primary
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:hover, .SubscribeBtn-block--primary
fieldset[disabled] .SubscribeBtn-btnSecondary:hover,
fieldset[disabled] .SubscribeBtn-block--primary .GenericBtn-btnSecondary:hover, .SubscribeBtn-block--primary
fieldset[disabled] .GenericBtn-btnSecondary:hover,
fieldset[disabled] .GenericBtn-block--primary .GenericBtn-btnSecondary:hover, .GenericBtn-block--primary
fieldset[disabled] .GenericBtn-btnSecondary:hover,
fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btnSecondary:hover, .GenericBtn-block--primary
fieldset[disabled] .SubscribeBtn-btnSecondary:hover,
fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn:hover:not(.PushCommunication-btn--primary), .PushCommunication-zoning--primary
fieldset[disabled] .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--primary .PushCommunication-btn--secondary:hover,
.PushCommunication-zoning--primary
fieldset[disabled] .PushCommunication-btn--secondary:hover,
fieldset[disabled]
.PushCommunication-zoning--transparent .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent
fieldset[disabled] .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--transparent .PushCommunication-btn--secondary:hover,
.PushCommunication-zoning--transparent
fieldset[disabled] .PushCommunication-btn--secondary:hover,
fieldset[disabled] .ImportDocs-BtnSecondary:hover,
fieldset[disabled] .hover.btn-default--primaryPanel,
fieldset[disabled] .panel-primary .hover.btn-default, .panel-primary
fieldset[disabled] .hover.btn-default,
fieldset[disabled] .SubscribeBtn-block--primary .hover.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary
fieldset[disabled] .hover.SubscribeBtn-btnSecondary,
fieldset[disabled] .SubscribeBtn-block--primary .hover.GenericBtn-btnSecondary, .SubscribeBtn-block--primary
fieldset[disabled] .hover.GenericBtn-btnSecondary,
fieldset[disabled] .GenericBtn-block--primary .hover.GenericBtn-btnSecondary, .GenericBtn-block--primary
fieldset[disabled] .hover.GenericBtn-btnSecondary,
fieldset[disabled] .GenericBtn-block--primary .hover.SubscribeBtn-btnSecondary, .GenericBtn-block--primary
fieldset[disabled] .hover.SubscribeBtn-btnSecondary,
fieldset[disabled] .PushCommunication-zoning--primary .hover.PushCommunication-btn:not(.PushCommunication-btn--primary), .PushCommunication-zoning--primary
fieldset[disabled] .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--primary .hover.PushCommunication-btn--secondary,
.PushCommunication-zoning--primary
fieldset[disabled] .hover.PushCommunication-btn--secondary,
fieldset[disabled]
.PushCommunication-zoning--transparent .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent
fieldset[disabled] .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--transparent .hover.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent
fieldset[disabled] .hover.PushCommunication-btn--secondary,
fieldset[disabled] .hover.ImportDocs-BtnSecondary,
fieldset[disabled] .btn-default--primaryPanel:focus,
fieldset[disabled] .panel-primary .btn-default:focus, .panel-primary
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:focus, .SubscribeBtn-block--primary
fieldset[disabled] .SubscribeBtn-btnSecondary:focus,
fieldset[disabled] .SubscribeBtn-block--primary .GenericBtn-btnSecondary:focus, .SubscribeBtn-block--primary
fieldset[disabled] .GenericBtn-btnSecondary:focus,
fieldset[disabled] .GenericBtn-block--primary .GenericBtn-btnSecondary:focus, .GenericBtn-block--primary
fieldset[disabled] .GenericBtn-btnSecondary:focus,
fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btnSecondary:focus, .GenericBtn-block--primary
fieldset[disabled] .SubscribeBtn-btnSecondary:focus,
fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn:focus:not(.PushCommunication-btn--primary), .PushCommunication-zoning--primary
fieldset[disabled] .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--primary .PushCommunication-btn--secondary:focus,
.PushCommunication-zoning--primary
fieldset[disabled] .PushCommunication-btn--secondary:focus,
fieldset[disabled]
.PushCommunication-zoning--transparent .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent
fieldset[disabled] .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--transparent .PushCommunication-btn--secondary:focus,
.PushCommunication-zoning--transparent
fieldset[disabled] .PushCommunication-btn--secondary:focus,
fieldset[disabled] .ImportDocs-BtnSecondary:focus,
fieldset[disabled] .focus.btn-default--primaryPanel,
fieldset[disabled] .panel-primary .focus.btn-default, .panel-primary
fieldset[disabled] .focus.btn-default,
fieldset[disabled] .SubscribeBtn-block--primary .focus.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary
fieldset[disabled] .focus.SubscribeBtn-btnSecondary,
fieldset[disabled] .SubscribeBtn-block--primary .focus.GenericBtn-btnSecondary, .SubscribeBtn-block--primary
fieldset[disabled] .focus.GenericBtn-btnSecondary,
fieldset[disabled] .GenericBtn-block--primary .focus.GenericBtn-btnSecondary, .GenericBtn-block--primary
fieldset[disabled] .focus.GenericBtn-btnSecondary,
fieldset[disabled] .GenericBtn-block--primary .focus.SubscribeBtn-btnSecondary, .GenericBtn-block--primary
fieldset[disabled] .focus.SubscribeBtn-btnSecondary,
fieldset[disabled] .PushCommunication-zoning--primary .focus.PushCommunication-btn:not(.PushCommunication-btn--primary), .PushCommunication-zoning--primary
fieldset[disabled] .focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--primary .focus.PushCommunication-btn--secondary,
.PushCommunication-zoning--primary
fieldset[disabled] .focus.PushCommunication-btn--secondary,
fieldset[disabled]
.PushCommunication-zoning--transparent .focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent
fieldset[disabled] .focus.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--transparent .focus.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent
fieldset[disabled] .focus.PushCommunication-btn--secondary,
fieldset[disabled] .focus.ImportDocs-BtnSecondary,
fieldset[disabled] .btn-default--primaryPanel:active,
fieldset[disabled] .panel-primary .btn-default:active, .panel-primary
fieldset[disabled] .btn-default:active,
fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:active, .SubscribeBtn-block--primary
fieldset[disabled] .SubscribeBtn-btnSecondary:active,
fieldset[disabled] .SubscribeBtn-block--primary .GenericBtn-btnSecondary:active, .SubscribeBtn-block--primary
fieldset[disabled] .GenericBtn-btnSecondary:active,
fieldset[disabled] .GenericBtn-block--primary .GenericBtn-btnSecondary:active, .GenericBtn-block--primary
fieldset[disabled] .GenericBtn-btnSecondary:active,
fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btnSecondary:active, .GenericBtn-block--primary
fieldset[disabled] .SubscribeBtn-btnSecondary:active,
fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn:active:not(.PushCommunication-btn--primary), .PushCommunication-zoning--primary
fieldset[disabled] .PushCommunication-btn:active:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--primary .PushCommunication-btn--secondary:active,
.PushCommunication-zoning--primary
fieldset[disabled] .PushCommunication-btn--secondary:active,
fieldset[disabled]
.PushCommunication-zoning--transparent .PushCommunication-btn:active:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent
fieldset[disabled] .PushCommunication-btn:active:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--transparent .PushCommunication-btn--secondary:active,
.PushCommunication-zoning--transparent
fieldset[disabled] .PushCommunication-btn--secondary:active,
fieldset[disabled] .ImportDocs-BtnSecondary:active,
fieldset[disabled] .active.btn-default--primaryPanel,
fieldset[disabled] .panel-primary .active.btn-default, .panel-primary
fieldset[disabled] .active.btn-default,
fieldset[disabled] .SubscribeBtn-block--primary .active.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary
fieldset[disabled] .active.SubscribeBtn-btnSecondary,
fieldset[disabled] .SubscribeBtn-block--primary .active.GenericBtn-btnSecondary, .SubscribeBtn-block--primary
fieldset[disabled] .active.GenericBtn-btnSecondary,
fieldset[disabled] .GenericBtn-block--primary .active.GenericBtn-btnSecondary, .GenericBtn-block--primary
fieldset[disabled] .active.GenericBtn-btnSecondary,
fieldset[disabled] .GenericBtn-block--primary .active.SubscribeBtn-btnSecondary, .GenericBtn-block--primary
fieldset[disabled] .active.SubscribeBtn-btnSecondary,
fieldset[disabled] .PushCommunication-zoning--primary .active.PushCommunication-btn:not(.PushCommunication-btn--primary), .PushCommunication-zoning--primary
fieldset[disabled] .active.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--primary .active.PushCommunication-btn--secondary,
.PushCommunication-zoning--primary
fieldset[disabled] .active.PushCommunication-btn--secondary,
fieldset[disabled]
.PushCommunication-zoning--transparent .active.PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent
fieldset[disabled] .active.PushCommunication-btn:not(.PushCommunication-btn--primary),
fieldset[disabled]
.PushCommunication-zoning--transparent .active.PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent
fieldset[disabled] .active.PushCommunication-btn--secondary,
fieldset[disabled] .active.ImportDocs-BtnSecondary, .ForgotPswd-resetPswdFirstBtnForm--confirm.disabled, .ForgotPswd-resetPswdFirstBtnForm--confirm.disabled:hover, .ForgotPswd-resetPswdFirstBtnForm--confirm.disabled.hover, .ForgotPswd-resetPswdFirstBtnForm--confirm.disabled:focus, .ForgotPswd-resetPswdFirstBtnForm--confirm.disabled.focus, .ForgotPswd-resetPswdFirstBtnForm--confirm.disabled:active, .ForgotPswd-resetPswdFirstBtnForm--confirm.disabled.active, .ForgotPswd-resetPswdFirstBtnForm--confirm[disabled], .ForgotPswd-resetPswdFirstBtnForm--confirm[disabled]:hover, .ForgotPswd-resetPswdFirstBtnForm--confirm[disabled].hover, .ForgotPswd-resetPswdFirstBtnForm--confirm[disabled]:focus, .ForgotPswd-resetPswdFirstBtnForm--confirm[disabled].focus, .ForgotPswd-resetPswdFirstBtnForm--confirm[disabled]:active, .ForgotPswd-resetPswdFirstBtnForm--confirm[disabled].active,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm:hover,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm.hover,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm:focus,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm.focus,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm:active,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm.active,
.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled,
.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled:hover,
.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled.hover,
.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled:focus,
.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled.focus,
.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled:active,
.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled.active,
.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled],
.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled]:hover,
.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled].hover,
.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled]:focus,
.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled].focus,
.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled]:active,
.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled].active,
fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm,
fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm:hover,
fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm.hover,
fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm:focus,
fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm.focus,
fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm:active,
fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm.active, .ForgotPswd-resetPswdFirstBtnForm.disabled, .ForgotPswd-resetPswdFirstBtnForm.disabled:hover, .ForgotPswd-resetPswdFirstBtnForm.disabled.hover, .ForgotPswd-resetPswdFirstBtnForm.disabled:focus, .ForgotPswd-resetPswdFirstBtnForm.disabled.focus, .ForgotPswd-resetPswdFirstBtnForm.disabled:active, .ForgotPswd-resetPswdFirstBtnForm.disabled.active, .ForgotPswd-resetPswdFirstBtnForm[disabled], .ForgotPswd-resetPswdFirstBtnForm[disabled]:hover, .ForgotPswd-resetPswdFirstBtnForm[disabled].hover, .ForgotPswd-resetPswdFirstBtnForm[disabled]:focus, .ForgotPswd-resetPswdFirstBtnForm[disabled].focus, .ForgotPswd-resetPswdFirstBtnForm[disabled]:active, .ForgotPswd-resetPswdFirstBtnForm[disabled].active,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm:hover,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm.hover,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm:focus,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm.focus,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm:active,
fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm.active {
  background-color: transparent;
  color: #98cbd3;
  border-color: #98cbd3; }

.btn-default--grayPanel, .panel-gray .btn-default {
  background-color: #f5f5f5; }

.disabled.btn-default--grayPanel, .panel-gray .disabled.btn-default, .disabled.btn-default--grayPanel:hover, .disabled.hover.btn-default--grayPanel, .disabled.btn-default--grayPanel:focus, .disabled.focus.btn-default--grayPanel, .disabled.btn-default--grayPanel:active, .disabled.active.btn-default--grayPanel, [disabled].btn-default--grayPanel, .panel-gray [disabled].btn-default, [disabled].btn-default--grayPanel:hover, [disabled].hover.btn-default--grayPanel, [disabled].btn-default--grayPanel:focus, [disabled].focus.btn-default--grayPanel, [disabled].btn-default--grayPanel:active, [disabled].active.btn-default--grayPanel,
fieldset[disabled] .btn-default--grayPanel,
fieldset[disabled] .panel-gray .btn-default, .panel-gray
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default--grayPanel:hover,
fieldset[disabled] .hover.btn-default--grayPanel,
fieldset[disabled] .btn-default--grayPanel:focus,
fieldset[disabled] .focus.btn-default--grayPanel,
fieldset[disabled] .btn-default--grayPanel:active,
fieldset[disabled] .active.btn-default--grayPanel {
  color: #999999;
  border-color: #c8c8c8; }

.btn-default--primaryPanel, .panel-primary .btn-default, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link, .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .GenericBtn-btnSecondary, .GenericBtn-block--primary .GenericBtn-btnSecondary, .GenericBtn-block--primary .SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--primary .PushCommunication-btn--secondary,
.PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),
.PushCommunication-zoning--transparent .PushCommunication-btn--secondary, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link, .ImportDocs-BtnSecondary {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff; }
  .btn-default--primaryPanel:hover, .panel-primary .btn-default:hover, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:hover, .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:hover, .SubscribeBtn-block--primary .GenericBtn-btnSecondary:hover, .GenericBtn-block--primary .GenericBtn-btnSecondary:hover, .GenericBtn-block--primary .SubscribeBtn-btnSecondary:hover, .PushCommunication-zoning--primary .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--primary .PushCommunication-btn--secondary:hover,
  .PushCommunication-zoning--transparent .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--transparent .PushCommunication-btn--secondary:hover, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:hover, .ImportDocs-BtnSecondary:hover, .hover.btn-default--primaryPanel, .panel-primary .hover.btn-default, .callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link, .SubscribeBtn-block--primary .hover.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .hover.GenericBtn-btnSecondary, .GenericBtn-block--primary .hover.GenericBtn-btnSecondary, .GenericBtn-block--primary .hover.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--primary .hover.PushCommunication-btn--secondary,
  .PushCommunication-zoning--transparent .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--transparent .hover.PushCommunication-btn--secondary, .ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link, .hover.ImportDocs-BtnSecondary, .btn-default--primaryPanel:focus, .panel-primary .btn-default:focus, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus, .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:focus, .SubscribeBtn-block--primary .GenericBtn-btnSecondary:focus, .GenericBtn-block--primary .GenericBtn-btnSecondary:focus, .GenericBtn-block--primary .SubscribeBtn-btnSecondary:focus, .PushCommunication-zoning--primary .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--primary .PushCommunication-btn--secondary:focus,
  .PushCommunication-zoning--transparent .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--transparent .PushCommunication-btn--secondary:focus, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus, .ImportDocs-BtnSecondary:focus, .hover.btn-default--primaryPanel, .panel-primary .hover.btn-default, .callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link, .SubscribeBtn-block--primary .hover.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .hover.GenericBtn-btnSecondary, .GenericBtn-block--primary .hover.GenericBtn-btnSecondary, .GenericBtn-block--primary .hover.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--primary .hover.PushCommunication-btn--secondary,
  .PushCommunication-zoning--transparent .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--transparent .hover.PushCommunication-btn--secondary, .ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link, .hover.ImportDocs-BtnSecondary, .btn-default--primaryPanel:active, .panel-primary .btn-default:active, .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active, .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:active, .SubscribeBtn-block--primary .GenericBtn-btnSecondary:active, .GenericBtn-block--primary .GenericBtn-btnSecondary:active, .GenericBtn-block--primary .SubscribeBtn-btnSecondary:active, .PushCommunication-zoning--primary .PushCommunication-btn:active:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--primary .PushCommunication-btn--secondary:active,
  .PushCommunication-zoning--transparent .PushCommunication-btn:active:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--transparent .PushCommunication-btn--secondary:active, .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active, .ImportDocs-BtnSecondary:active, .active.btn-default--primaryPanel, .panel-primary .active.btn-default, .callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link, .SubscribeBtn-block--primary .active.SubscribeBtn-btnSecondary, .SubscribeBtn-block--primary .active.GenericBtn-btnSecondary, .GenericBtn-block--primary .active.GenericBtn-btnSecondary, .GenericBtn-block--primary .active.SubscribeBtn-btnSecondary, .PushCommunication-zoning--primary .active.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--primary .active.PushCommunication-btn--secondary,
  .PushCommunication-zoning--transparent .active.PushCommunication-btn:not(.PushCommunication-btn--primary),
  .PushCommunication-zoning--transparent .active.PushCommunication-btn--secondary, .ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link, .active.ImportDocs-BtnSecondary {
    color: #007D8F;
    background-color: #ffffff;
    border-color: #ffffff; }

a.callGreenBtnBloc--withBtn:hover .callGreenBtnBloc-link, a.callGreenBtnBloc--withBtn:focus .callGreenBtnBloc-link,
.callGreenBtnBloc--withBtn[tabindex]:hover .callGreenBtnBloc-link,
.callGreenBtnBloc--withBtn[tabindex]:focus .callGreenBtnBloc-link, [data-custom-redirect]:hover .PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:hover .PushCommunication-zoning--primary .PushCommunication-btn--secondary,
[data-custom-redirect]:hover .PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:hover .PushCommunication-zoning--transparent .PushCommunication-btn--secondary, [data-custom-redirect]:hover.PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:hover.PushCommunication-zoning--primary .PushCommunication-btn--secondary, [data-custom-redirect]:hover.PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:hover.PushCommunication-zoning--transparent .PushCommunication-btn--secondary, [data-custom-redirect]:focus .PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:focus .PushCommunication-zoning--primary .PushCommunication-btn--secondary,
[data-custom-redirect]:focus .PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:focus .PushCommunication-zoning--transparent .PushCommunication-btn--secondary, [data-custom-redirect]:focus.PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:focus.PushCommunication-zoning--primary .PushCommunication-btn--secondary, [data-custom-redirect]:focus.PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),
[data-custom-redirect]:focus.PushCommunication-zoning--transparent .PushCommunication-btn--secondary, a.ES-join-projectsBloc--withBtn:hover .ES-join-projectsBloc-link, a.ES-join-projectsBloc--withBtn:focus .ES-join-projectsBloc-link,
.ES-join-projectsBloc--withBtn[tabindex]:hover .ES-join-projectsBloc-link,
.ES-join-projectsBloc--withBtn[tabindex]:focus .ES-join-projectsBloc-link {
  color: #007D8F;
  background-color: #ffffff;
  border-color: #ffffff; }

.ImportDocs-BtnSecondary[disabled] {
  background-color: transparent;
  border-color: #3398a6;
  color: #3398a6; }

.PushNinePos-btn--transparent, .Error404-btnNoBg {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff; }
  .PushNinePos-btn--transparent:hover, .Error404-btnNoBg:hover, .hover.PushNinePos-btn--transparent, .hover.Error404-btnNoBg, .PushNinePos-btn--transparent:focus, .Error404-btnNoBg:focus, .hover.PushNinePos-btn--transparent, .hover.Error404-btnNoBg {
    background-color: transparent;
    border-color: #007D8F;
    color: #007D8F; }

.btn-default.a-actif, .btn-primary,
.btnWrap-primary a, .FormActions-btn--submit, .LayerNav-articlesBtn, .PushCR-button, .PushPage-button, .PushNinePos-btn--primary, .SubscribeBtn-block--white .SubscribeBtn-btn,
.SubscribeBtn-block--white .GenericBtn-btn, .SubscribeBtn-block--gray .SubscribeBtn-btn,
.SubscribeBtn-block--gray .GenericBtn-btn, .SubscribeBtn-btn, .GenericBtn-block--white .SubscribeBtn-btn,
.GenericBtn-block--white .GenericBtn-btn, .GenericBtn-block--gray .SubscribeBtn-btn,
.GenericBtn-block--gray .GenericBtn-btn, .GenericBtn-btn, .TechnicalError-btnPrimary, .Error404-btnPrimary, .PushCommunication-btn--primary, .HeaderVisuel-button, .Modal-action--primary, .NewsFeed-btn, .CompareBox-btn, .ZCoord-itemBtnPrimary,
.ZCoord-itemBtnSecondary, .ZCoord-BtnPrimary, .SubcribeEDocs-BtnPrimary, .FirstLogin-button--submit {
  background-color: #007D8F;
  color: #ffffff;
  border-width: 1px;
  border-color: #007D8F; }
  .btn-default.a-actif:hover, .btn-primary:hover,
  .btnWrap-primary a:hover, .FormActions-btn--submit:hover, .LayerNav-articlesBtn:hover, .PushCR-button:hover, .PushPage-button:hover, .PushNinePos-btn--primary:hover, .SubscribeBtn-btn:hover, .GenericBtn-btn:hover, .TechnicalError-btnPrimary:hover, .Error404-btnPrimary:hover, .PushCommunication-btn--primary:hover, .HeaderVisuel-button:hover, .Modal-action--primary:hover, .NewsFeed-btn:hover, .CompareBox-btn:hover, .ZCoord-itemBtnPrimary:hover,
  .ZCoord-itemBtnSecondary:hover, .ZCoord-BtnPrimary:hover, .SubcribeEDocs-BtnPrimary:hover, .FirstLogin-button--submit:hover, .hover.btn-default.a-actif, .hover.btn-primary,
  .btnWrap-primary a.hover, .hover.FormActions-btn--submit, .hover.LayerNav-articlesBtn, .hover.PushCR-button, .hover.PushPage-button, .hover.PushNinePos-btn--primary, .hover.SubscribeBtn-btn, .hover.GenericBtn-btn, .hover.TechnicalError-btnPrimary, .hover.Error404-btnPrimary, .hover.PushCommunication-btn--primary, .hover.HeaderVisuel-button, .hover.Modal-action--primary, .hover.NewsFeed-btn, .hover.CompareBox-btn, .hover.ZCoord-itemBtnPrimary,
  .hover.ZCoord-itemBtnSecondary, .hover.ZCoord-BtnPrimary, .hover.SubcribeEDocs-BtnPrimary, .hover.FirstLogin-button--submit, .btn-default.a-actif:focus, .btn-primary:focus,
  .btnWrap-primary a:focus, .FormActions-btn--submit:focus, .LayerNav-articlesBtn:focus, .PushCR-button:focus, .PushPage-button:focus, .PushNinePos-btn--primary:focus, .SubscribeBtn-btn:focus, .GenericBtn-btn:focus, .TechnicalError-btnPrimary:focus, .Error404-btnPrimary:focus, .PushCommunication-btn--primary:focus, .HeaderVisuel-button:focus, .Modal-action--primary:focus, .NewsFeed-btn:focus, .CompareBox-btn:focus, .ZCoord-itemBtnPrimary:focus,
  .ZCoord-itemBtnSecondary:focus, .ZCoord-BtnPrimary:focus, .SubcribeEDocs-BtnPrimary:focus, .FirstLogin-button--submit:focus, .focus.btn-default.a-actif, .focus.btn-primary,
  .btnWrap-primary a.focus, .focus.FormActions-btn--submit, .focus.LayerNav-articlesBtn, .focus.PushCR-button, .focus.PushPage-button, .focus.PushNinePos-btn--primary, .focus.SubscribeBtn-btn, .focus.GenericBtn-btn, .focus.TechnicalError-btnPrimary, .focus.Error404-btnPrimary, .focus.PushCommunication-btn--primary, .focus.HeaderVisuel-button, .focus.Modal-action--primary, .focus.NewsFeed-btn, .focus.CompareBox-btn, .focus.ZCoord-itemBtnPrimary,
  .focus.ZCoord-itemBtnSecondary, .focus.ZCoord-BtnPrimary, .focus.SubcribeEDocs-BtnPrimary, .focus.FirstLogin-button--submit, .btn-default.a-actif:active, .btn-primary:active,
  .btnWrap-primary a:active, .FormActions-btn--submit:active, .LayerNav-articlesBtn:active, .PushCR-button:active, .PushPage-button:active, .PushNinePos-btn--primary:active, .SubscribeBtn-btn:active, .GenericBtn-btn:active, .TechnicalError-btnPrimary:active, .Error404-btnPrimary:active, .PushCommunication-btn--primary:active, .HeaderVisuel-button:active, .Modal-action--primary:active, .NewsFeed-btn:active, .CompareBox-btn:active, .ZCoord-itemBtnPrimary:active,
  .ZCoord-itemBtnSecondary:active, .ZCoord-BtnPrimary:active, .SubcribeEDocs-BtnPrimary:active, .FirstLogin-button--submit:active, .active.btn-default.a-actif, .active.btn-primary,
  .btnWrap-primary a.active, .active.FormActions-btn--submit, .active.LayerNav-articlesBtn, .active.PushCR-button, .active.PushPage-button, .active.PushNinePos-btn--primary, .active.SubscribeBtn-btn, .active.GenericBtn-btn, .active.TechnicalError-btnPrimary, .active.Error404-btnPrimary, .active.PushCommunication-btn--primary, .active.HeaderVisuel-button, .active.Modal-action--primary, .active.NewsFeed-btn, .active.CompareBox-btn, .active.ZCoord-itemBtnPrimary,
  .active.ZCoord-itemBtnSecondary, .active.ZCoord-BtnPrimary, .active.SubcribeEDocs-BtnPrimary, .active.FirstLogin-button--submit {
    background-color: #006675;
    color: #ffffff;
    border-color: #006675; }
  .disabled.btn-default.a-actif, .disabled.btn-primary,
  .btnWrap-primary a.disabled, .disabled.FormActions-btn--submit, .disabled.LayerNav-articlesBtn, .disabled.PushCR-button, .disabled.PushPage-button, .disabled.PushNinePos-btn--primary, .disabled.SubscribeBtn-btn, .disabled.GenericBtn-btn, .disabled.TechnicalError-btnPrimary, .disabled.Error404-btnPrimary, .disabled.PushCommunication-btn--primary, .disabled.HeaderVisuel-button, .disabled.Modal-action--primary, .disabled.NewsFeed-btn, .disabled.CompareBox-btn, .disabled.ZCoord-itemBtnPrimary,
  .disabled.ZCoord-itemBtnSecondary, .disabled.ZCoord-BtnPrimary, .disabled.SubcribeEDocs-BtnPrimary, .disabled.FirstLogin-button--submit, .disabled.btn-default.a-actif:hover, .disabled.btn-primary:hover,
  .btnWrap-primary a.disabled:hover, .disabled.FormActions-btn--submit:hover, .disabled.LayerNav-articlesBtn:hover, .disabled.PushCR-button:hover, .disabled.PushPage-button:hover, .disabled.PushNinePos-btn--primary:hover, .disabled.SubscribeBtn-btn:hover, .disabled.GenericBtn-btn:hover, .disabled.TechnicalError-btnPrimary:hover, .disabled.Error404-btnPrimary:hover, .disabled.PushCommunication-btn--primary:hover, .disabled.HeaderVisuel-button:hover, .disabled.Modal-action--primary:hover, .disabled.NewsFeed-btn:hover, .disabled.CompareBox-btn:hover, .disabled.ZCoord-itemBtnPrimary:hover,
  .disabled.ZCoord-itemBtnSecondary:hover, .disabled.ZCoord-BtnPrimary:hover, .disabled.SubcribeEDocs-BtnPrimary:hover, .disabled.FirstLogin-button--submit:hover, .disabled.hover.btn-default.a-actif, .disabled.hover.btn-primary,
  .btnWrap-primary a.disabled.hover, .disabled.hover.FormActions-btn--submit, .disabled.hover.LayerNav-articlesBtn, .disabled.hover.PushCR-button, .disabled.hover.PushPage-button, .disabled.hover.PushNinePos-btn--primary, .disabled.hover.SubscribeBtn-btn, .disabled.hover.GenericBtn-btn, .disabled.hover.TechnicalError-btnPrimary, .disabled.hover.Error404-btnPrimary, .disabled.hover.PushCommunication-btn--primary, .disabled.hover.HeaderVisuel-button, .disabled.hover.Modal-action--primary, .disabled.hover.NewsFeed-btn, .disabled.hover.CompareBox-btn, .disabled.hover.ZCoord-itemBtnPrimary,
  .disabled.hover.ZCoord-itemBtnSecondary, .disabled.hover.ZCoord-BtnPrimary, .disabled.hover.SubcribeEDocs-BtnPrimary, .disabled.hover.FirstLogin-button--submit, .disabled.btn-default.a-actif:focus, .disabled.btn-primary:focus,
  .btnWrap-primary a.disabled:focus, .disabled.FormActions-btn--submit:focus, .disabled.LayerNav-articlesBtn:focus, .disabled.PushCR-button:focus, .disabled.PushPage-button:focus, .disabled.PushNinePos-btn--primary:focus, .disabled.SubscribeBtn-btn:focus, .disabled.GenericBtn-btn:focus, .disabled.TechnicalError-btnPrimary:focus, .disabled.Error404-btnPrimary:focus, .disabled.PushCommunication-btn--primary:focus, .disabled.HeaderVisuel-button:focus, .disabled.Modal-action--primary:focus, .disabled.NewsFeed-btn:focus, .disabled.CompareBox-btn:focus, .disabled.ZCoord-itemBtnPrimary:focus,
  .disabled.ZCoord-itemBtnSecondary:focus, .disabled.ZCoord-BtnPrimary:focus, .disabled.SubcribeEDocs-BtnPrimary:focus, .disabled.FirstLogin-button--submit:focus, .disabled.focus.btn-default.a-actif, .disabled.focus.btn-primary,
  .btnWrap-primary a.disabled.focus, .disabled.focus.FormActions-btn--submit, .disabled.focus.LayerNav-articlesBtn, .disabled.focus.PushCR-button, .disabled.focus.PushPage-button, .disabled.focus.PushNinePos-btn--primary, .disabled.focus.SubscribeBtn-btn, .disabled.focus.GenericBtn-btn, .disabled.focus.TechnicalError-btnPrimary, .disabled.focus.Error404-btnPrimary, .disabled.focus.PushCommunication-btn--primary, .disabled.focus.HeaderVisuel-button, .disabled.focus.Modal-action--primary, .disabled.focus.NewsFeed-btn, .disabled.focus.CompareBox-btn, .disabled.focus.ZCoord-itemBtnPrimary,
  .disabled.focus.ZCoord-itemBtnSecondary, .disabled.focus.ZCoord-BtnPrimary, .disabled.focus.SubcribeEDocs-BtnPrimary, .disabled.focus.FirstLogin-button--submit, .disabled.btn-default.a-actif:active, .disabled.btn-primary:active,
  .btnWrap-primary a.disabled:active, .disabled.FormActions-btn--submit:active, .disabled.LayerNav-articlesBtn:active, .disabled.PushCR-button:active, .disabled.PushPage-button:active, .disabled.PushNinePos-btn--primary:active, .disabled.SubscribeBtn-btn:active, .disabled.GenericBtn-btn:active, .disabled.TechnicalError-btnPrimary:active, .disabled.Error404-btnPrimary:active, .disabled.PushCommunication-btn--primary:active, .disabled.HeaderVisuel-button:active, .disabled.Modal-action--primary:active, .disabled.NewsFeed-btn:active, .disabled.CompareBox-btn:active, .disabled.ZCoord-itemBtnPrimary:active,
  .disabled.ZCoord-itemBtnSecondary:active, .disabled.ZCoord-BtnPrimary:active, .disabled.SubcribeEDocs-BtnPrimary:active, .disabled.FirstLogin-button--submit:active, .disabled.active.btn-default.a-actif, .disabled.active.btn-primary,
  .btnWrap-primary a.disabled.active, .disabled.active.FormActions-btn--submit, .disabled.active.LayerNav-articlesBtn, .disabled.active.PushCR-button, .disabled.active.PushPage-button, .disabled.active.PushNinePos-btn--primary, .disabled.active.SubscribeBtn-btn, .disabled.active.GenericBtn-btn, .disabled.active.TechnicalError-btnPrimary, .disabled.active.Error404-btnPrimary, .disabled.active.PushCommunication-btn--primary, .disabled.active.HeaderVisuel-button, .disabled.active.Modal-action--primary, .disabled.active.NewsFeed-btn, .disabled.active.CompareBox-btn, .disabled.active.ZCoord-itemBtnPrimary,
  .disabled.active.ZCoord-itemBtnSecondary, .disabled.active.ZCoord-BtnPrimary, .disabled.active.SubcribeEDocs-BtnPrimary, .disabled.active.FirstLogin-button--submit, [disabled].btn-default.a-actif, [disabled].btn-primary,
  .btnWrap-primary a[disabled], [disabled].FormActions-btn--submit, [disabled].LayerNav-articlesBtn, [disabled].PushCR-button, [disabled].PushPage-button, [disabled].PushNinePos-btn--primary, [disabled].SubscribeBtn-btn, [disabled].GenericBtn-btn, [disabled].TechnicalError-btnPrimary, [disabled].Error404-btnPrimary, [disabled].PushCommunication-btn--primary, [disabled].HeaderVisuel-button, [disabled].Modal-action--primary, [disabled].NewsFeed-btn, [disabled].CompareBox-btn, [disabled].ZCoord-itemBtnPrimary,
  [disabled].ZCoord-itemBtnSecondary, [disabled].ZCoord-BtnPrimary, [disabled].SubcribeEDocs-BtnPrimary, [disabled].FirstLogin-button--submit, [disabled].btn-default.a-actif:hover, [disabled].btn-primary:hover,
  .btnWrap-primary a[disabled]:hover, [disabled].FormActions-btn--submit:hover, [disabled].LayerNav-articlesBtn:hover, [disabled].PushCR-button:hover, [disabled].PushPage-button:hover, [disabled].PushNinePos-btn--primary:hover, [disabled].SubscribeBtn-btn:hover, [disabled].GenericBtn-btn:hover, [disabled].TechnicalError-btnPrimary:hover, [disabled].Error404-btnPrimary:hover, [disabled].PushCommunication-btn--primary:hover, [disabled].HeaderVisuel-button:hover, [disabled].Modal-action--primary:hover, [disabled].NewsFeed-btn:hover, [disabled].CompareBox-btn:hover, [disabled].ZCoord-itemBtnPrimary:hover,
  [disabled].ZCoord-itemBtnSecondary:hover, [disabled].ZCoord-BtnPrimary:hover, [disabled].SubcribeEDocs-BtnPrimary:hover, [disabled].FirstLogin-button--submit:hover, [disabled].hover.btn-default.a-actif, [disabled].hover.btn-primary,
  .btnWrap-primary a[disabled].hover, [disabled].hover.FormActions-btn--submit, [disabled].hover.LayerNav-articlesBtn, [disabled].hover.PushCR-button, [disabled].hover.PushPage-button, [disabled].hover.PushNinePos-btn--primary, [disabled].hover.SubscribeBtn-btn, [disabled].hover.GenericBtn-btn, [disabled].hover.TechnicalError-btnPrimary, [disabled].hover.Error404-btnPrimary, [disabled].hover.PushCommunication-btn--primary, [disabled].hover.HeaderVisuel-button, [disabled].hover.Modal-action--primary, [disabled].hover.NewsFeed-btn, [disabled].hover.CompareBox-btn, [disabled].hover.ZCoord-itemBtnPrimary,
  [disabled].hover.ZCoord-itemBtnSecondary, [disabled].hover.ZCoord-BtnPrimary, [disabled].hover.SubcribeEDocs-BtnPrimary, [disabled].hover.FirstLogin-button--submit, [disabled].btn-default.a-actif:focus, [disabled].btn-primary:focus,
  .btnWrap-primary a[disabled]:focus, [disabled].FormActions-btn--submit:focus, [disabled].LayerNav-articlesBtn:focus, [disabled].PushCR-button:focus, [disabled].PushPage-button:focus, [disabled].PushNinePos-btn--primary:focus, [disabled].SubscribeBtn-btn:focus, [disabled].GenericBtn-btn:focus, [disabled].TechnicalError-btnPrimary:focus, [disabled].Error404-btnPrimary:focus, [disabled].PushCommunication-btn--primary:focus, [disabled].HeaderVisuel-button:focus, [disabled].Modal-action--primary:focus, [disabled].NewsFeed-btn:focus, [disabled].CompareBox-btn:focus, [disabled].ZCoord-itemBtnPrimary:focus,
  [disabled].ZCoord-itemBtnSecondary:focus, [disabled].ZCoord-BtnPrimary:focus, [disabled].SubcribeEDocs-BtnPrimary:focus, [disabled].FirstLogin-button--submit:focus, [disabled].focus.btn-default.a-actif, [disabled].focus.btn-primary,
  .btnWrap-primary a[disabled].focus, [disabled].focus.FormActions-btn--submit, [disabled].focus.LayerNav-articlesBtn, [disabled].focus.PushCR-button, [disabled].focus.PushPage-button, [disabled].focus.PushNinePos-btn--primary, [disabled].focus.SubscribeBtn-btn, [disabled].focus.GenericBtn-btn, [disabled].focus.TechnicalError-btnPrimary, [disabled].focus.Error404-btnPrimary, [disabled].focus.PushCommunication-btn--primary, [disabled].focus.HeaderVisuel-button, [disabled].focus.Modal-action--primary, [disabled].focus.NewsFeed-btn, [disabled].focus.CompareBox-btn, [disabled].focus.ZCoord-itemBtnPrimary,
  [disabled].focus.ZCoord-itemBtnSecondary, [disabled].focus.ZCoord-BtnPrimary, [disabled].focus.SubcribeEDocs-BtnPrimary, [disabled].focus.FirstLogin-button--submit, [disabled].btn-default.a-actif:active, [disabled].btn-primary:active,
  .btnWrap-primary a[disabled]:active, [disabled].FormActions-btn--submit:active, [disabled].LayerNav-articlesBtn:active, [disabled].PushCR-button:active, [disabled].PushPage-button:active, [disabled].PushNinePos-btn--primary:active, [disabled].SubscribeBtn-btn:active, [disabled].GenericBtn-btn:active, [disabled].TechnicalError-btnPrimary:active, [disabled].Error404-btnPrimary:active, [disabled].PushCommunication-btn--primary:active, [disabled].HeaderVisuel-button:active, [disabled].Modal-action--primary:active, [disabled].NewsFeed-btn:active, [disabled].CompareBox-btn:active, [disabled].ZCoord-itemBtnPrimary:active,
  [disabled].ZCoord-itemBtnSecondary:active, [disabled].ZCoord-BtnPrimary:active, [disabled].SubcribeEDocs-BtnPrimary:active, [disabled].FirstLogin-button--submit:active, [disabled].active.btn-default.a-actif, [disabled].active.btn-primary,
  .btnWrap-primary a[disabled].active, [disabled].active.FormActions-btn--submit, [disabled].active.LayerNav-articlesBtn, [disabled].active.PushCR-button, [disabled].active.PushPage-button, [disabled].active.PushNinePos-btn--primary, [disabled].active.SubscribeBtn-btn, [disabled].active.GenericBtn-btn, [disabled].active.TechnicalError-btnPrimary, [disabled].active.Error404-btnPrimary, [disabled].active.PushCommunication-btn--primary, [disabled].active.HeaderVisuel-button, [disabled].active.Modal-action--primary, [disabled].active.NewsFeed-btn, [disabled].active.CompareBox-btn, [disabled].active.ZCoord-itemBtnPrimary,
  [disabled].active.ZCoord-itemBtnSecondary, [disabled].active.ZCoord-BtnPrimary, [disabled].active.SubcribeEDocs-BtnPrimary, [disabled].active.FirstLogin-button--submit,
  fieldset[disabled] .btn-default.a-actif,
  fieldset[disabled] .btn-primary,
  fieldset[disabled]
  .btnWrap-primary a,
  .btnWrap-primary
  fieldset[disabled] a,
  fieldset[disabled] .FormActions-btn--submit,
  fieldset[disabled] .LayerNav-articlesBtn,
  fieldset[disabled] .PushCR-button,
  fieldset[disabled] .PushPage-button,
  fieldset[disabled] .PushNinePos-btn--primary,
  fieldset[disabled] .SubscribeBtn-btn,
  fieldset[disabled] .GenericBtn-btn,
  fieldset[disabled] .TechnicalError-btnPrimary,
  fieldset[disabled] .Error404-btnPrimary,
  fieldset[disabled] .PushCommunication-btn--primary,
  fieldset[disabled] .HeaderVisuel-button,
  fieldset[disabled] .Modal-action--primary,
  fieldset[disabled] .NewsFeed-btn,
  fieldset[disabled] .CompareBox-btn,
  fieldset[disabled] .ZCoord-itemBtnPrimary,
  fieldset[disabled]
  .ZCoord-itemBtnSecondary,
  fieldset[disabled] .ZCoord-BtnPrimary,
  fieldset[disabled] .SubcribeEDocs-BtnPrimary,
  fieldset[disabled] .FirstLogin-button--submit,
  fieldset[disabled] .btn-default.a-actif:hover,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled]
  .btnWrap-primary a:hover,
  .btnWrap-primary
  fieldset[disabled] a:hover,
  fieldset[disabled] .FormActions-btn--submit:hover,
  fieldset[disabled] .LayerNav-articlesBtn:hover,
  fieldset[disabled] .PushCR-button:hover,
  fieldset[disabled] .PushPage-button:hover,
  fieldset[disabled] .PushNinePos-btn--primary:hover,
  fieldset[disabled] .SubscribeBtn-btn:hover,
  fieldset[disabled] .GenericBtn-btn:hover,
  fieldset[disabled] .TechnicalError-btnPrimary:hover,
  fieldset[disabled] .Error404-btnPrimary:hover,
  fieldset[disabled] .PushCommunication-btn--primary:hover,
  fieldset[disabled] .HeaderVisuel-button:hover,
  fieldset[disabled] .Modal-action--primary:hover,
  fieldset[disabled] .NewsFeed-btn:hover,
  fieldset[disabled] .CompareBox-btn:hover,
  fieldset[disabled] .ZCoord-itemBtnPrimary:hover,
  fieldset[disabled]
  .ZCoord-itemBtnSecondary:hover,
  fieldset[disabled] .ZCoord-BtnPrimary:hover,
  fieldset[disabled] .SubcribeEDocs-BtnPrimary:hover,
  fieldset[disabled] .FirstLogin-button--submit:hover,
  fieldset[disabled] .hover.btn-default.a-actif,
  fieldset[disabled] .hover.btn-primary,
  fieldset[disabled]
  .btnWrap-primary a.hover,
  .btnWrap-primary
  fieldset[disabled] a.hover,
  fieldset[disabled] .hover.FormActions-btn--submit,
  fieldset[disabled] .hover.LayerNav-articlesBtn,
  fieldset[disabled] .hover.PushCR-button,
  fieldset[disabled] .hover.PushPage-button,
  fieldset[disabled] .hover.PushNinePos-btn--primary,
  fieldset[disabled] .hover.SubscribeBtn-btn,
  fieldset[disabled] .hover.GenericBtn-btn,
  fieldset[disabled] .hover.TechnicalError-btnPrimary,
  fieldset[disabled] .hover.Error404-btnPrimary,
  fieldset[disabled] .hover.PushCommunication-btn--primary,
  fieldset[disabled] .hover.HeaderVisuel-button,
  fieldset[disabled] .hover.Modal-action--primary,
  fieldset[disabled] .hover.NewsFeed-btn,
  fieldset[disabled] .hover.CompareBox-btn,
  fieldset[disabled] .hover.ZCoord-itemBtnPrimary,
  fieldset[disabled]
  .hover.ZCoord-itemBtnSecondary,
  fieldset[disabled] .hover.ZCoord-BtnPrimary,
  fieldset[disabled] .hover.SubcribeEDocs-BtnPrimary,
  fieldset[disabled] .hover.FirstLogin-button--submit,
  fieldset[disabled] .btn-default.a-actif:focus,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled]
  .btnWrap-primary a:focus,
  .btnWrap-primary
  fieldset[disabled] a:focus,
  fieldset[disabled] .FormActions-btn--submit:focus,
  fieldset[disabled] .LayerNav-articlesBtn:focus,
  fieldset[disabled] .PushCR-button:focus,
  fieldset[disabled] .PushPage-button:focus,
  fieldset[disabled] .PushNinePos-btn--primary:focus,
  fieldset[disabled] .SubscribeBtn-btn:focus,
  fieldset[disabled] .GenericBtn-btn:focus,
  fieldset[disabled] .TechnicalError-btnPrimary:focus,
  fieldset[disabled] .Error404-btnPrimary:focus,
  fieldset[disabled] .PushCommunication-btn--primary:focus,
  fieldset[disabled] .HeaderVisuel-button:focus,
  fieldset[disabled] .Modal-action--primary:focus,
  fieldset[disabled] .NewsFeed-btn:focus,
  fieldset[disabled] .CompareBox-btn:focus,
  fieldset[disabled] .ZCoord-itemBtnPrimary:focus,
  fieldset[disabled]
  .ZCoord-itemBtnSecondary:focus,
  fieldset[disabled] .ZCoord-BtnPrimary:focus,
  fieldset[disabled] .SubcribeEDocs-BtnPrimary:focus,
  fieldset[disabled] .FirstLogin-button--submit:focus,
  fieldset[disabled] .focus.btn-default.a-actif,
  fieldset[disabled] .focus.btn-primary,
  fieldset[disabled]
  .btnWrap-primary a.focus,
  .btnWrap-primary
  fieldset[disabled] a.focus,
  fieldset[disabled] .focus.FormActions-btn--submit,
  fieldset[disabled] .focus.LayerNav-articlesBtn,
  fieldset[disabled] .focus.PushCR-button,
  fieldset[disabled] .focus.PushPage-button,
  fieldset[disabled] .focus.PushNinePos-btn--primary,
  fieldset[disabled] .focus.SubscribeBtn-btn,
  fieldset[disabled] .focus.GenericBtn-btn,
  fieldset[disabled] .focus.TechnicalError-btnPrimary,
  fieldset[disabled] .focus.Error404-btnPrimary,
  fieldset[disabled] .focus.PushCommunication-btn--primary,
  fieldset[disabled] .focus.HeaderVisuel-button,
  fieldset[disabled] .focus.Modal-action--primary,
  fieldset[disabled] .focus.NewsFeed-btn,
  fieldset[disabled] .focus.CompareBox-btn,
  fieldset[disabled] .focus.ZCoord-itemBtnPrimary,
  fieldset[disabled]
  .focus.ZCoord-itemBtnSecondary,
  fieldset[disabled] .focus.ZCoord-BtnPrimary,
  fieldset[disabled] .focus.SubcribeEDocs-BtnPrimary,
  fieldset[disabled] .focus.FirstLogin-button--submit,
  fieldset[disabled] .btn-default.a-actif:active,
  fieldset[disabled] .btn-primary:active,
  fieldset[disabled]
  .btnWrap-primary a:active,
  .btnWrap-primary
  fieldset[disabled] a:active,
  fieldset[disabled] .FormActions-btn--submit:active,
  fieldset[disabled] .LayerNav-articlesBtn:active,
  fieldset[disabled] .PushCR-button:active,
  fieldset[disabled] .PushPage-button:active,
  fieldset[disabled] .PushNinePos-btn--primary:active,
  fieldset[disabled] .SubscribeBtn-btn:active,
  fieldset[disabled] .GenericBtn-btn:active,
  fieldset[disabled] .TechnicalError-btnPrimary:active,
  fieldset[disabled] .Error404-btnPrimary:active,
  fieldset[disabled] .PushCommunication-btn--primary:active,
  fieldset[disabled] .HeaderVisuel-button:active,
  fieldset[disabled] .Modal-action--primary:active,
  fieldset[disabled] .NewsFeed-btn:active,
  fieldset[disabled] .CompareBox-btn:active,
  fieldset[disabled] .ZCoord-itemBtnPrimary:active,
  fieldset[disabled]
  .ZCoord-itemBtnSecondary:active,
  fieldset[disabled] .ZCoord-BtnPrimary:active,
  fieldset[disabled] .SubcribeEDocs-BtnPrimary:active,
  fieldset[disabled] .FirstLogin-button--submit:active,
  fieldset[disabled] .active.btn-default.a-actif,
  fieldset[disabled] .active.btn-primary,
  fieldset[disabled]
  .btnWrap-primary a.active,
  .btnWrap-primary
  fieldset[disabled] a.active,
  fieldset[disabled] .active.FormActions-btn--submit,
  fieldset[disabled] .active.LayerNav-articlesBtn,
  fieldset[disabled] .active.PushCR-button,
  fieldset[disabled] .active.PushPage-button,
  fieldset[disabled] .active.PushNinePos-btn--primary,
  fieldset[disabled] .active.SubscribeBtn-btn,
  fieldset[disabled] .active.GenericBtn-btn,
  fieldset[disabled] .active.TechnicalError-btnPrimary,
  fieldset[disabled] .active.Error404-btnPrimary,
  fieldset[disabled] .active.PushCommunication-btn--primary,
  fieldset[disabled] .active.HeaderVisuel-button,
  fieldset[disabled] .active.Modal-action--primary,
  fieldset[disabled] .active.NewsFeed-btn,
  fieldset[disabled] .active.CompareBox-btn,
  fieldset[disabled] .active.ZCoord-itemBtnPrimary,
  fieldset[disabled]
  .active.ZCoord-itemBtnSecondary,
  fieldset[disabled] .active.ZCoord-BtnPrimary,
  fieldset[disabled] .active.SubcribeEDocs-BtnPrimary,
  fieldset[disabled] .active.FirstLogin-button--submit {
    background-color: #98cbd3;
    border-color: #98cbd3;
    color: #ffffff;
    cursor: not-allowed; }

[data-custom-redirect]:hover .PushCommunication-btn--primary, [data-custom-redirect]:focus .PushCommunication-btn--primary {
  background-color: #006675;
  color: #ffffff;
  border-color: #006675; }

.CompareBox--disabled .CompareBox-btn, .CompareBox--disabled .CompareBox-btn:hover, .CompareBox--disabled .CompareBox-btn:focus {
  background-color: #98cbd3;
  border-color: #98cbd3;
  color: #ffffff;
  cursor: not-allowed; }

.btn-primary--grayPanel, .panel-gray .btn-primary, .LayerNav--primary .LayerNav-articlesBtn, .SimilarSolutions--alternate .btn, .PushNinePos-btn--white, .SubscribeBtn-block--primary .SubscribeBtn-btn,
.SubscribeBtn-block--primary .GenericBtn-btn, .SubscribeBtn-btnWhite, .GreenBtn-callbackLaterFooterBtn,
.GreenBtn-callbackLaterFooterBtn--callbackNow, .GreenBtn-callbackUrgencyMessageBtn, .GreenBtn-contentBlockItemBtnPrimaryWhite, .cardMagFilter-action, .cardMagArticle-layerButton, .GenericBtn-block--primary .SubscribeBtn-btn,
.GenericBtn-block--primary .GenericBtn-btn, .GenericBtn-btnWhite, .MyOptionsCard-action--button, .PushCommunication-zoning--primary .PushCommunication-btn--primary,
.PushCommunication-zoning--transparent .PushCommunication-btn--primary, .HeaderVisuel-button--alt, .ZCoord-itemBtnSecondary, .EDocsCustomFilter-btnPrimaryWhite {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #007D8F; }
  .btn-primary--grayPanel:hover, .panel-gray .btn-primary:hover, .LayerNav--primary .LayerNav-articlesBtn:hover, .SimilarSolutions--alternate .btn:hover, .PushNinePos-btn--white:hover, .SubscribeBtn-block--primary .SubscribeBtn-btn:hover,
  .SubscribeBtn-block--primary .GenericBtn-btn:hover, .SubscribeBtn-btnWhite:hover, .GreenBtn-callbackLaterFooterBtn:hover,
  .GreenBtn-callbackLaterFooterBtn--callbackNow:hover, .GreenBtn-callbackUrgencyMessageBtn:hover, .GreenBtn-contentBlockItemBtnPrimaryWhite:hover, .cardMagFilter-action:hover, .cardMagArticle-layerButton:hover, .GenericBtn-block--primary .SubscribeBtn-btn:hover,
  .GenericBtn-block--primary .GenericBtn-btn:hover, .GenericBtn-btnWhite:hover, .MyOptionsCard-action--button:hover, .PushCommunication-zoning--primary .PushCommunication-btn--primary:hover,
  .PushCommunication-zoning--transparent .PushCommunication-btn--primary:hover, .HeaderVisuel-button--alt:hover, .ZCoord-itemBtnSecondary:hover, .EDocsCustomFilter-btnPrimaryWhite:hover, .hover.btn-primary--grayPanel, .panel-gray .hover.btn-primary, .LayerNav--primary .hover.LayerNav-articlesBtn, .SimilarSolutions--alternate .hover.btn, .hover.PushNinePos-btn--white, .SubscribeBtn-block--primary .hover.SubscribeBtn-btn,
  .SubscribeBtn-block--primary .hover.GenericBtn-btn, .hover.SubscribeBtn-btnWhite, .hover.GreenBtn-callbackLaterFooterBtn,
  .hover.GreenBtn-callbackLaterFooterBtn--callbackNow, .hover.GreenBtn-callbackUrgencyMessageBtn, .hover.GreenBtn-contentBlockItemBtnPrimaryWhite, .hover.cardMagFilter-action, .hover.cardMagArticle-layerButton, .GenericBtn-block--primary .hover.SubscribeBtn-btn,
  .GenericBtn-block--primary .hover.GenericBtn-btn, .hover.GenericBtn-btnWhite, .hover.MyOptionsCard-action--button, .PushCommunication-zoning--primary .hover.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent .hover.PushCommunication-btn--primary, .hover.HeaderVisuel-button--alt, .hover.ZCoord-itemBtnSecondary, .hover.EDocsCustomFilter-btnPrimaryWhite, .btn-primary--grayPanel:focus, .panel-gray .btn-primary:focus, .LayerNav--primary .LayerNav-articlesBtn:focus, .SimilarSolutions--alternate .btn:focus, .PushNinePos-btn--white:focus, .SubscribeBtn-block--primary .SubscribeBtn-btn:focus,
  .SubscribeBtn-block--primary .GenericBtn-btn:focus, .SubscribeBtn-btnWhite:focus, .GreenBtn-callbackLaterFooterBtn:focus,
  .GreenBtn-callbackLaterFooterBtn--callbackNow:focus, .GreenBtn-callbackUrgencyMessageBtn:focus, .GreenBtn-contentBlockItemBtnPrimaryWhite:focus, .cardMagFilter-action:focus, .cardMagArticle-layerButton:focus, .GenericBtn-block--primary .SubscribeBtn-btn:focus,
  .GenericBtn-block--primary .GenericBtn-btn:focus, .GenericBtn-btnWhite:focus, .MyOptionsCard-action--button:focus, .PushCommunication-zoning--primary .PushCommunication-btn--primary:focus,
  .PushCommunication-zoning--transparent .PushCommunication-btn--primary:focus, .HeaderVisuel-button--alt:focus, .ZCoord-itemBtnSecondary:focus, .EDocsCustomFilter-btnPrimaryWhite:focus, .focus.btn-primary--grayPanel, .panel-gray .focus.btn-primary, .LayerNav--primary .focus.LayerNav-articlesBtn, .SimilarSolutions--alternate .focus.btn, .focus.PushNinePos-btn--white, .SubscribeBtn-block--primary .focus.SubscribeBtn-btn,
  .SubscribeBtn-block--primary .focus.GenericBtn-btn, .focus.SubscribeBtn-btnWhite, .focus.GreenBtn-callbackLaterFooterBtn,
  .focus.GreenBtn-callbackLaterFooterBtn--callbackNow, .focus.GreenBtn-callbackUrgencyMessageBtn, .focus.GreenBtn-contentBlockItemBtnPrimaryWhite, .focus.cardMagFilter-action, .focus.cardMagArticle-layerButton, .GenericBtn-block--primary .focus.SubscribeBtn-btn,
  .GenericBtn-block--primary .focus.GenericBtn-btn, .focus.GenericBtn-btnWhite, .focus.MyOptionsCard-action--button, .PushCommunication-zoning--primary .focus.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent .focus.PushCommunication-btn--primary, .focus.HeaderVisuel-button--alt, .focus.ZCoord-itemBtnSecondary, .focus.EDocsCustomFilter-btnPrimaryWhite {
    color: #007D8F;
    background-color: #fbfbfb;
    border-color: #fbfbfb; }
  .disabled.btn-primary--grayPanel, .panel-gray .disabled.btn-primary, .LayerNav--primary .disabled.LayerNav-articlesBtn, .SimilarSolutions--alternate .disabled.btn, .disabled.PushNinePos-btn--white, .SubscribeBtn-block--primary .disabled.SubscribeBtn-btn,
  .SubscribeBtn-block--primary .disabled.GenericBtn-btn, .disabled.SubscribeBtn-btnWhite, .disabled.GreenBtn-callbackLaterFooterBtn,
  .disabled.GreenBtn-callbackLaterFooterBtn--callbackNow, .disabled.GreenBtn-callbackUrgencyMessageBtn, .disabled.GreenBtn-contentBlockItemBtnPrimaryWhite, .disabled.cardMagFilter-action, .disabled.cardMagArticle-layerButton, .GenericBtn-block--primary .disabled.SubscribeBtn-btn,
  .GenericBtn-block--primary .disabled.GenericBtn-btn, .disabled.GenericBtn-btnWhite, .disabled.MyOptionsCard-action--button, .PushCommunication-zoning--primary .disabled.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent .disabled.PushCommunication-btn--primary, .disabled.HeaderVisuel-button--alt, .disabled.ZCoord-itemBtnSecondary, .disabled.EDocsCustomFilter-btnPrimaryWhite, .disabled.btn-primary--grayPanel:hover, .panel-gray .disabled.btn-primary:hover, .LayerNav--primary .disabled.LayerNav-articlesBtn:hover, .SimilarSolutions--alternate .disabled.btn:hover, .disabled.PushNinePos-btn--white:hover, .SubscribeBtn-block--primary .disabled.SubscribeBtn-btn:hover,
  .SubscribeBtn-block--primary .disabled.GenericBtn-btn:hover, .disabled.SubscribeBtn-btnWhite:hover, .disabled.GreenBtn-callbackLaterFooterBtn:hover,
  .disabled.GreenBtn-callbackLaterFooterBtn--callbackNow:hover, .disabled.GreenBtn-callbackUrgencyMessageBtn:hover, .disabled.GreenBtn-contentBlockItemBtnPrimaryWhite:hover, .disabled.cardMagFilter-action:hover, .disabled.cardMagArticle-layerButton:hover, .GenericBtn-block--primary .disabled.SubscribeBtn-btn:hover,
  .GenericBtn-block--primary .disabled.GenericBtn-btn:hover, .disabled.GenericBtn-btnWhite:hover, .disabled.MyOptionsCard-action--button:hover, .PushCommunication-zoning--primary .disabled.PushCommunication-btn--primary:hover,
  .PushCommunication-zoning--transparent .disabled.PushCommunication-btn--primary:hover, .disabled.HeaderVisuel-button--alt:hover, .disabled.ZCoord-itemBtnSecondary:hover, .disabled.EDocsCustomFilter-btnPrimaryWhite:hover, .disabled.hover.btn-primary--grayPanel, .panel-gray .disabled.hover.btn-primary, .LayerNav--primary .disabled.hover.LayerNav-articlesBtn, .SimilarSolutions--alternate .disabled.hover.btn, .disabled.hover.PushNinePos-btn--white, .SubscribeBtn-block--primary .disabled.hover.SubscribeBtn-btn,
  .SubscribeBtn-block--primary .disabled.hover.GenericBtn-btn, .disabled.hover.SubscribeBtn-btnWhite, .disabled.hover.GreenBtn-callbackLaterFooterBtn,
  .disabled.hover.GreenBtn-callbackLaterFooterBtn--callbackNow, .disabled.hover.GreenBtn-callbackUrgencyMessageBtn, .disabled.hover.GreenBtn-contentBlockItemBtnPrimaryWhite, .disabled.hover.cardMagFilter-action, .disabled.hover.cardMagArticle-layerButton, .GenericBtn-block--primary .disabled.hover.SubscribeBtn-btn,
  .GenericBtn-block--primary .disabled.hover.GenericBtn-btn, .disabled.hover.GenericBtn-btnWhite, .disabled.hover.MyOptionsCard-action--button, .PushCommunication-zoning--primary .disabled.hover.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent .disabled.hover.PushCommunication-btn--primary, .disabled.hover.HeaderVisuel-button--alt, .disabled.hover.ZCoord-itemBtnSecondary, .disabled.hover.EDocsCustomFilter-btnPrimaryWhite, .disabled.btn-primary--grayPanel:focus, .panel-gray .disabled.btn-primary:focus, .LayerNav--primary .disabled.LayerNav-articlesBtn:focus, .SimilarSolutions--alternate .disabled.btn:focus, .disabled.PushNinePos-btn--white:focus, .SubscribeBtn-block--primary .disabled.SubscribeBtn-btn:focus,
  .SubscribeBtn-block--primary .disabled.GenericBtn-btn:focus, .disabled.SubscribeBtn-btnWhite:focus, .disabled.GreenBtn-callbackLaterFooterBtn:focus,
  .disabled.GreenBtn-callbackLaterFooterBtn--callbackNow:focus, .disabled.GreenBtn-callbackUrgencyMessageBtn:focus, .disabled.GreenBtn-contentBlockItemBtnPrimaryWhite:focus, .disabled.cardMagFilter-action:focus, .disabled.cardMagArticle-layerButton:focus, .GenericBtn-block--primary .disabled.SubscribeBtn-btn:focus,
  .GenericBtn-block--primary .disabled.GenericBtn-btn:focus, .disabled.GenericBtn-btnWhite:focus, .disabled.MyOptionsCard-action--button:focus, .PushCommunication-zoning--primary .disabled.PushCommunication-btn--primary:focus,
  .PushCommunication-zoning--transparent .disabled.PushCommunication-btn--primary:focus, .disabled.HeaderVisuel-button--alt:focus, .disabled.ZCoord-itemBtnSecondary:focus, .disabled.EDocsCustomFilter-btnPrimaryWhite:focus, .disabled.focus.btn-primary--grayPanel, .panel-gray .disabled.focus.btn-primary, .LayerNav--primary .disabled.focus.LayerNav-articlesBtn, .SimilarSolutions--alternate .disabled.focus.btn, .disabled.focus.PushNinePos-btn--white, .SubscribeBtn-block--primary .disabled.focus.SubscribeBtn-btn,
  .SubscribeBtn-block--primary .disabled.focus.GenericBtn-btn, .disabled.focus.SubscribeBtn-btnWhite, .disabled.focus.GreenBtn-callbackLaterFooterBtn,
  .disabled.focus.GreenBtn-callbackLaterFooterBtn--callbackNow, .disabled.focus.GreenBtn-callbackUrgencyMessageBtn, .disabled.focus.GreenBtn-contentBlockItemBtnPrimaryWhite, .disabled.focus.cardMagFilter-action, .disabled.focus.cardMagArticle-layerButton, .GenericBtn-block--primary .disabled.focus.SubscribeBtn-btn,
  .GenericBtn-block--primary .disabled.focus.GenericBtn-btn, .disabled.focus.GenericBtn-btnWhite, .disabled.focus.MyOptionsCard-action--button, .PushCommunication-zoning--primary .disabled.focus.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent .disabled.focus.PushCommunication-btn--primary, .disabled.focus.HeaderVisuel-button--alt, .disabled.focus.ZCoord-itemBtnSecondary, .disabled.focus.EDocsCustomFilter-btnPrimaryWhite, [disabled].btn-primary--grayPanel, .panel-gray [disabled].btn-primary, .LayerNav--primary [disabled].LayerNav-articlesBtn, .SimilarSolutions--alternate [disabled].btn, [disabled].PushNinePos-btn--white, .SubscribeBtn-block--primary [disabled].SubscribeBtn-btn,
  .SubscribeBtn-block--primary [disabled].GenericBtn-btn, [disabled].SubscribeBtn-btnWhite, [disabled].GreenBtn-callbackLaterFooterBtn,
  [disabled].GreenBtn-callbackLaterFooterBtn--callbackNow, [disabled].GreenBtn-callbackUrgencyMessageBtn, [disabled].GreenBtn-contentBlockItemBtnPrimaryWhite, [disabled].cardMagFilter-action, [disabled].cardMagArticle-layerButton, .GenericBtn-block--primary [disabled].SubscribeBtn-btn,
  .GenericBtn-block--primary [disabled].GenericBtn-btn, [disabled].GenericBtn-btnWhite, [disabled].MyOptionsCard-action--button, .PushCommunication-zoning--primary [disabled].PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent [disabled].PushCommunication-btn--primary, [disabled].HeaderVisuel-button--alt, [disabled].ZCoord-itemBtnSecondary, [disabled].EDocsCustomFilter-btnPrimaryWhite, [disabled].btn-primary--grayPanel:hover, .panel-gray [disabled].btn-primary:hover, .LayerNav--primary [disabled].LayerNav-articlesBtn:hover, .SimilarSolutions--alternate [disabled].btn:hover, [disabled].PushNinePos-btn--white:hover, .SubscribeBtn-block--primary [disabled].SubscribeBtn-btn:hover,
  .SubscribeBtn-block--primary [disabled].GenericBtn-btn:hover, [disabled].SubscribeBtn-btnWhite:hover, [disabled].GreenBtn-callbackLaterFooterBtn:hover,
  [disabled].GreenBtn-callbackLaterFooterBtn--callbackNow:hover, [disabled].GreenBtn-callbackUrgencyMessageBtn:hover, [disabled].GreenBtn-contentBlockItemBtnPrimaryWhite:hover, [disabled].cardMagFilter-action:hover, [disabled].cardMagArticle-layerButton:hover, .GenericBtn-block--primary [disabled].SubscribeBtn-btn:hover,
  .GenericBtn-block--primary [disabled].GenericBtn-btn:hover, [disabled].GenericBtn-btnWhite:hover, [disabled].MyOptionsCard-action--button:hover, .PushCommunication-zoning--primary [disabled].PushCommunication-btn--primary:hover,
  .PushCommunication-zoning--transparent [disabled].PushCommunication-btn--primary:hover, [disabled].HeaderVisuel-button--alt:hover, [disabled].ZCoord-itemBtnSecondary:hover, [disabled].EDocsCustomFilter-btnPrimaryWhite:hover, [disabled].hover.btn-primary--grayPanel, .panel-gray [disabled].hover.btn-primary, .LayerNav--primary [disabled].hover.LayerNav-articlesBtn, .SimilarSolutions--alternate [disabled].hover.btn, [disabled].hover.PushNinePos-btn--white, .SubscribeBtn-block--primary [disabled].hover.SubscribeBtn-btn,
  .SubscribeBtn-block--primary [disabled].hover.GenericBtn-btn, [disabled].hover.SubscribeBtn-btnWhite, [disabled].hover.GreenBtn-callbackLaterFooterBtn,
  [disabled].hover.GreenBtn-callbackLaterFooterBtn--callbackNow, [disabled].hover.GreenBtn-callbackUrgencyMessageBtn, [disabled].hover.GreenBtn-contentBlockItemBtnPrimaryWhite, [disabled].hover.cardMagFilter-action, [disabled].hover.cardMagArticle-layerButton, .GenericBtn-block--primary [disabled].hover.SubscribeBtn-btn,
  .GenericBtn-block--primary [disabled].hover.GenericBtn-btn, [disabled].hover.GenericBtn-btnWhite, [disabled].hover.MyOptionsCard-action--button, .PushCommunication-zoning--primary [disabled].hover.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent [disabled].hover.PushCommunication-btn--primary, [disabled].hover.HeaderVisuel-button--alt, [disabled].hover.ZCoord-itemBtnSecondary, [disabled].hover.EDocsCustomFilter-btnPrimaryWhite, [disabled].btn-primary--grayPanel:focus, .panel-gray [disabled].btn-primary:focus, .LayerNav--primary [disabled].LayerNav-articlesBtn:focus, .SimilarSolutions--alternate [disabled].btn:focus, [disabled].PushNinePos-btn--white:focus, .SubscribeBtn-block--primary [disabled].SubscribeBtn-btn:focus,
  .SubscribeBtn-block--primary [disabled].GenericBtn-btn:focus, [disabled].SubscribeBtn-btnWhite:focus, [disabled].GreenBtn-callbackLaterFooterBtn:focus,
  [disabled].GreenBtn-callbackLaterFooterBtn--callbackNow:focus, [disabled].GreenBtn-callbackUrgencyMessageBtn:focus, [disabled].GreenBtn-contentBlockItemBtnPrimaryWhite:focus, [disabled].cardMagFilter-action:focus, [disabled].cardMagArticle-layerButton:focus, .GenericBtn-block--primary [disabled].SubscribeBtn-btn:focus,
  .GenericBtn-block--primary [disabled].GenericBtn-btn:focus, [disabled].GenericBtn-btnWhite:focus, [disabled].MyOptionsCard-action--button:focus, .PushCommunication-zoning--primary [disabled].PushCommunication-btn--primary:focus,
  .PushCommunication-zoning--transparent [disabled].PushCommunication-btn--primary:focus, [disabled].HeaderVisuel-button--alt:focus, [disabled].ZCoord-itemBtnSecondary:focus, [disabled].EDocsCustomFilter-btnPrimaryWhite:focus, [disabled].focus.btn-primary--grayPanel, .panel-gray [disabled].focus.btn-primary, .LayerNav--primary [disabled].focus.LayerNav-articlesBtn, .SimilarSolutions--alternate [disabled].focus.btn, [disabled].focus.PushNinePos-btn--white, .SubscribeBtn-block--primary [disabled].focus.SubscribeBtn-btn,
  .SubscribeBtn-block--primary [disabled].focus.GenericBtn-btn, [disabled].focus.SubscribeBtn-btnWhite, [disabled].focus.GreenBtn-callbackLaterFooterBtn,
  [disabled].focus.GreenBtn-callbackLaterFooterBtn--callbackNow, [disabled].focus.GreenBtn-callbackUrgencyMessageBtn, [disabled].focus.GreenBtn-contentBlockItemBtnPrimaryWhite, [disabled].focus.cardMagFilter-action, [disabled].focus.cardMagArticle-layerButton, .GenericBtn-block--primary [disabled].focus.SubscribeBtn-btn,
  .GenericBtn-block--primary [disabled].focus.GenericBtn-btn, [disabled].focus.GenericBtn-btnWhite, [disabled].focus.MyOptionsCard-action--button, .PushCommunication-zoning--primary [disabled].focus.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent [disabled].focus.PushCommunication-btn--primary, [disabled].focus.HeaderVisuel-button--alt, [disabled].focus.ZCoord-itemBtnSecondary, [disabled].focus.EDocsCustomFilter-btnPrimaryWhite,
  fieldset[disabled] .btn-primary--grayPanel,
  fieldset[disabled] .panel-gray .btn-primary, .panel-gray
  fieldset[disabled] .btn-primary,
  fieldset[disabled] .LayerNav--primary .LayerNav-articlesBtn, .LayerNav--primary
  fieldset[disabled] .LayerNav-articlesBtn,
  fieldset[disabled] .SimilarSolutions--alternate .btn, .SimilarSolutions--alternate
  fieldset[disabled] .btn,
  fieldset[disabled] .PushNinePos-btn--white,
  fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btn, .SubscribeBtn-block--primary
  fieldset[disabled] .SubscribeBtn-btn,
  fieldset[disabled]
  .SubscribeBtn-block--primary .GenericBtn-btn,
  .SubscribeBtn-block--primary
  fieldset[disabled] .GenericBtn-btn,
  fieldset[disabled] .SubscribeBtn-btnWhite,
  fieldset[disabled] .GreenBtn-callbackLaterFooterBtn,
  fieldset[disabled]
  .GreenBtn-callbackLaterFooterBtn--callbackNow,
  fieldset[disabled] .GreenBtn-callbackUrgencyMessageBtn,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite,
  fieldset[disabled] .cardMagFilter-action,
  fieldset[disabled] .cardMagArticle-layerButton,
  fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btn, .GenericBtn-block--primary
  fieldset[disabled] .SubscribeBtn-btn,
  fieldset[disabled]
  .GenericBtn-block--primary .GenericBtn-btn,
  .GenericBtn-block--primary
  fieldset[disabled] .GenericBtn-btn,
  fieldset[disabled] .GenericBtn-btnWhite,
  fieldset[disabled] .MyOptionsCard-action--button,
  fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn--primary, .PushCommunication-zoning--primary
  fieldset[disabled] .PushCommunication-btn--primary,
  fieldset[disabled]
  .PushCommunication-zoning--transparent .PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent
  fieldset[disabled] .PushCommunication-btn--primary,
  fieldset[disabled] .HeaderVisuel-button--alt,
  fieldset[disabled] .ZCoord-itemBtnSecondary,
  fieldset[disabled] .EDocsCustomFilter-btnPrimaryWhite,
  fieldset[disabled] .btn-primary--grayPanel:hover,
  fieldset[disabled] .panel-gray .btn-primary:hover, .panel-gray
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .LayerNav--primary .LayerNav-articlesBtn:hover, .LayerNav--primary
  fieldset[disabled] .LayerNav-articlesBtn:hover,
  fieldset[disabled] .SimilarSolutions--alternate .btn:hover, .SimilarSolutions--alternate
  fieldset[disabled] .btn:hover,
  fieldset[disabled] .PushNinePos-btn--white:hover,
  fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btn:hover, .SubscribeBtn-block--primary
  fieldset[disabled] .SubscribeBtn-btn:hover,
  fieldset[disabled]
  .SubscribeBtn-block--primary .GenericBtn-btn:hover,
  .SubscribeBtn-block--primary
  fieldset[disabled] .GenericBtn-btn:hover,
  fieldset[disabled] .SubscribeBtn-btnWhite:hover,
  fieldset[disabled] .GreenBtn-callbackLaterFooterBtn:hover,
  fieldset[disabled]
  .GreenBtn-callbackLaterFooterBtn--callbackNow:hover,
  fieldset[disabled] .GreenBtn-callbackUrgencyMessageBtn:hover,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite:hover,
  fieldset[disabled] .cardMagFilter-action:hover,
  fieldset[disabled] .cardMagArticle-layerButton:hover,
  fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btn:hover, .GenericBtn-block--primary
  fieldset[disabled] .SubscribeBtn-btn:hover,
  fieldset[disabled]
  .GenericBtn-block--primary .GenericBtn-btn:hover,
  .GenericBtn-block--primary
  fieldset[disabled] .GenericBtn-btn:hover,
  fieldset[disabled] .GenericBtn-btnWhite:hover,
  fieldset[disabled] .MyOptionsCard-action--button:hover,
  fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn--primary:hover, .PushCommunication-zoning--primary
  fieldset[disabled] .PushCommunication-btn--primary:hover,
  fieldset[disabled]
  .PushCommunication-zoning--transparent .PushCommunication-btn--primary:hover,
  .PushCommunication-zoning--transparent
  fieldset[disabled] .PushCommunication-btn--primary:hover,
  fieldset[disabled] .HeaderVisuel-button--alt:hover,
  fieldset[disabled] .ZCoord-itemBtnSecondary:hover,
  fieldset[disabled] .EDocsCustomFilter-btnPrimaryWhite:hover,
  fieldset[disabled] .hover.btn-primary--grayPanel,
  fieldset[disabled] .panel-gray .hover.btn-primary, .panel-gray
  fieldset[disabled] .hover.btn-primary,
  fieldset[disabled] .LayerNav--primary .hover.LayerNav-articlesBtn, .LayerNav--primary
  fieldset[disabled] .hover.LayerNav-articlesBtn,
  fieldset[disabled] .SimilarSolutions--alternate .hover.btn, .SimilarSolutions--alternate
  fieldset[disabled] .hover.btn,
  fieldset[disabled] .hover.PushNinePos-btn--white,
  fieldset[disabled] .SubscribeBtn-block--primary .hover.SubscribeBtn-btn, .SubscribeBtn-block--primary
  fieldset[disabled] .hover.SubscribeBtn-btn,
  fieldset[disabled]
  .SubscribeBtn-block--primary .hover.GenericBtn-btn,
  .SubscribeBtn-block--primary
  fieldset[disabled] .hover.GenericBtn-btn,
  fieldset[disabled] .hover.SubscribeBtn-btnWhite,
  fieldset[disabled] .hover.GreenBtn-callbackLaterFooterBtn,
  fieldset[disabled]
  .hover.GreenBtn-callbackLaterFooterBtn--callbackNow,
  fieldset[disabled] .hover.GreenBtn-callbackUrgencyMessageBtn,
  fieldset[disabled] .hover.GreenBtn-contentBlockItemBtnPrimaryWhite,
  fieldset[disabled] .hover.cardMagFilter-action,
  fieldset[disabled] .hover.cardMagArticle-layerButton,
  fieldset[disabled] .GenericBtn-block--primary .hover.SubscribeBtn-btn, .GenericBtn-block--primary
  fieldset[disabled] .hover.SubscribeBtn-btn,
  fieldset[disabled]
  .GenericBtn-block--primary .hover.GenericBtn-btn,
  .GenericBtn-block--primary
  fieldset[disabled] .hover.GenericBtn-btn,
  fieldset[disabled] .hover.GenericBtn-btnWhite,
  fieldset[disabled] .hover.MyOptionsCard-action--button,
  fieldset[disabled] .PushCommunication-zoning--primary .hover.PushCommunication-btn--primary, .PushCommunication-zoning--primary
  fieldset[disabled] .hover.PushCommunication-btn--primary,
  fieldset[disabled]
  .PushCommunication-zoning--transparent .hover.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent
  fieldset[disabled] .hover.PushCommunication-btn--primary,
  fieldset[disabled] .hover.HeaderVisuel-button--alt,
  fieldset[disabled] .hover.ZCoord-itemBtnSecondary,
  fieldset[disabled] .hover.EDocsCustomFilter-btnPrimaryWhite,
  fieldset[disabled] .btn-primary--grayPanel:focus,
  fieldset[disabled] .panel-gray .btn-primary:focus, .panel-gray
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .LayerNav--primary .LayerNav-articlesBtn:focus, .LayerNav--primary
  fieldset[disabled] .LayerNav-articlesBtn:focus,
  fieldset[disabled] .SimilarSolutions--alternate .btn:focus, .SimilarSolutions--alternate
  fieldset[disabled] .btn:focus,
  fieldset[disabled] .PushNinePos-btn--white:focus,
  fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btn:focus, .SubscribeBtn-block--primary
  fieldset[disabled] .SubscribeBtn-btn:focus,
  fieldset[disabled]
  .SubscribeBtn-block--primary .GenericBtn-btn:focus,
  .SubscribeBtn-block--primary
  fieldset[disabled] .GenericBtn-btn:focus,
  fieldset[disabled] .SubscribeBtn-btnWhite:focus,
  fieldset[disabled] .GreenBtn-callbackLaterFooterBtn:focus,
  fieldset[disabled]
  .GreenBtn-callbackLaterFooterBtn--callbackNow:focus,
  fieldset[disabled] .GreenBtn-callbackUrgencyMessageBtn:focus,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite:focus,
  fieldset[disabled] .cardMagFilter-action:focus,
  fieldset[disabled] .cardMagArticle-layerButton:focus,
  fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btn:focus, .GenericBtn-block--primary
  fieldset[disabled] .SubscribeBtn-btn:focus,
  fieldset[disabled]
  .GenericBtn-block--primary .GenericBtn-btn:focus,
  .GenericBtn-block--primary
  fieldset[disabled] .GenericBtn-btn:focus,
  fieldset[disabled] .GenericBtn-btnWhite:focus,
  fieldset[disabled] .MyOptionsCard-action--button:focus,
  fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn--primary:focus, .PushCommunication-zoning--primary
  fieldset[disabled] .PushCommunication-btn--primary:focus,
  fieldset[disabled]
  .PushCommunication-zoning--transparent .PushCommunication-btn--primary:focus,
  .PushCommunication-zoning--transparent
  fieldset[disabled] .PushCommunication-btn--primary:focus,
  fieldset[disabled] .HeaderVisuel-button--alt:focus,
  fieldset[disabled] .ZCoord-itemBtnSecondary:focus,
  fieldset[disabled] .EDocsCustomFilter-btnPrimaryWhite:focus,
  fieldset[disabled] .focus.btn-primary--grayPanel,
  fieldset[disabled] .panel-gray .focus.btn-primary, .panel-gray
  fieldset[disabled] .focus.btn-primary,
  fieldset[disabled] .LayerNav--primary .focus.LayerNav-articlesBtn, .LayerNav--primary
  fieldset[disabled] .focus.LayerNav-articlesBtn,
  fieldset[disabled] .SimilarSolutions--alternate .focus.btn, .SimilarSolutions--alternate
  fieldset[disabled] .focus.btn,
  fieldset[disabled] .focus.PushNinePos-btn--white,
  fieldset[disabled] .SubscribeBtn-block--primary .focus.SubscribeBtn-btn, .SubscribeBtn-block--primary
  fieldset[disabled] .focus.SubscribeBtn-btn,
  fieldset[disabled]
  .SubscribeBtn-block--primary .focus.GenericBtn-btn,
  .SubscribeBtn-block--primary
  fieldset[disabled] .focus.GenericBtn-btn,
  fieldset[disabled] .focus.SubscribeBtn-btnWhite,
  fieldset[disabled] .focus.GreenBtn-callbackLaterFooterBtn,
  fieldset[disabled]
  .focus.GreenBtn-callbackLaterFooterBtn--callbackNow,
  fieldset[disabled] .focus.GreenBtn-callbackUrgencyMessageBtn,
  fieldset[disabled] .focus.GreenBtn-contentBlockItemBtnPrimaryWhite,
  fieldset[disabled] .focus.cardMagFilter-action,
  fieldset[disabled] .focus.cardMagArticle-layerButton,
  fieldset[disabled] .GenericBtn-block--primary .focus.SubscribeBtn-btn, .GenericBtn-block--primary
  fieldset[disabled] .focus.SubscribeBtn-btn,
  fieldset[disabled]
  .GenericBtn-block--primary .focus.GenericBtn-btn,
  .GenericBtn-block--primary
  fieldset[disabled] .focus.GenericBtn-btn,
  fieldset[disabled] .focus.GenericBtn-btnWhite,
  fieldset[disabled] .focus.MyOptionsCard-action--button,
  fieldset[disabled] .PushCommunication-zoning--primary .focus.PushCommunication-btn--primary, .PushCommunication-zoning--primary
  fieldset[disabled] .focus.PushCommunication-btn--primary,
  fieldset[disabled]
  .PushCommunication-zoning--transparent .focus.PushCommunication-btn--primary,
  .PushCommunication-zoning--transparent
  fieldset[disabled] .focus.PushCommunication-btn--primary,
  fieldset[disabled] .focus.HeaderVisuel-button--alt,
  fieldset[disabled] .focus.ZCoord-itemBtnSecondary,
  fieldset[disabled] .focus.EDocsCustomFilter-btnPrimaryWhite {
    color: #999999;
    background-color: #e9e9e9;
    border-color: #e9e9e9; }

[data-custom-redirect]:hover .PushCommunication-zoning--primary .PushCommunication-btn--primary,
[data-custom-redirect]:hover .PushCommunication-zoning--transparent .PushCommunication-btn--primary, [data-custom-redirect]:hover.PushCommunication-zoning--primary .PushCommunication-btn--primary, [data-custom-redirect]:hover.PushCommunication-zoning--transparent .PushCommunication-btn--primary, [data-custom-redirect]:focus .PushCommunication-zoning--primary .PushCommunication-btn--primary,
[data-custom-redirect]:focus .PushCommunication-zoning--transparent .PushCommunication-btn--primary, [data-custom-redirect]:focus.PushCommunication-zoning--primary .PushCommunication-btn--primary, [data-custom-redirect]:focus.PushCommunication-zoning--transparent .PushCommunication-btn--primary {
  color: #007D8F;
  background-color: #fbfbfb;
  border-color: #fbfbfb; }

.ImportDocs-BtnPrimaryWhitePrimary[disabled], .ImportDocs-actionButton[disabled] {
  color: #999999;
  background-color: #e9e9e9;
  border-color: #e9e9e9; }

.btn-primary--primaryPanel, .panel-primary .btn-primary, .CustomMessage-btn, .ImportDocs-BtnPrimaryWhitePrimary, .ImportDocs-actionButton {
  background-color: #ffffff;
  color: #007D8F;
  border-width: 0;
  border-color: #ffffff; }
  .btn-primary--primaryPanel:hover, .panel-primary .btn-primary:hover, .CustomMessage-btn:hover, .ImportDocs-BtnPrimaryWhitePrimary:hover, .ImportDocs-actionButton:hover, .hover.btn-primary--primaryPanel, .panel-primary .hover.btn-primary, .hover.CustomMessage-btn, .hover.ImportDocs-BtnPrimaryWhitePrimary, .hover.ImportDocs-actionButton, .btn-primary--primaryPanel:focus, .panel-primary .btn-primary:focus, .CustomMessage-btn:focus, .ImportDocs-BtnPrimaryWhitePrimary:focus, .ImportDocs-actionButton:focus, .focus.btn-primary--primaryPanel, .panel-primary .focus.btn-primary, .focus.CustomMessage-btn, .focus.ImportDocs-BtnPrimaryWhitePrimary, .focus.ImportDocs-actionButton {
    color: #007D8F;
    background-color: #fbfbfb;
    border-color: #fbfbfb; }
  .disabled.btn-primary--primaryPanel, .panel-primary .disabled.btn-primary, .disabled.CustomMessage-btn, .disabled.ImportDocs-BtnPrimaryWhitePrimary, .disabled.ImportDocs-actionButton, .disabled.btn-primary--primaryPanel:hover, .panel-primary .disabled.btn-primary:hover, .disabled.CustomMessage-btn:hover, .disabled.ImportDocs-BtnPrimaryWhitePrimary:hover, .disabled.ImportDocs-actionButton:hover, .disabled.hover.btn-primary--primaryPanel, .panel-primary .disabled.hover.btn-primary, .disabled.hover.CustomMessage-btn, .disabled.hover.ImportDocs-BtnPrimaryWhitePrimary, .disabled.hover.ImportDocs-actionButton, .disabled.btn-primary--primaryPanel:focus, .panel-primary .disabled.btn-primary:focus, .disabled.CustomMessage-btn:focus, .disabled.ImportDocs-BtnPrimaryWhitePrimary:focus, .disabled.ImportDocs-actionButton:focus, .disabled.focus.btn-primary--primaryPanel, .panel-primary .disabled.focus.btn-primary, .disabled.focus.CustomMessage-btn, .disabled.focus.ImportDocs-BtnPrimaryWhitePrimary, .disabled.focus.ImportDocs-actionButton, [disabled].btn-primary--primaryPanel, .panel-primary [disabled].btn-primary, [disabled].CustomMessage-btn, [disabled].ImportDocs-BtnPrimaryWhitePrimary, [disabled].ImportDocs-actionButton, [disabled].btn-primary--primaryPanel:hover, .panel-primary [disabled].btn-primary:hover, [disabled].CustomMessage-btn:hover, [disabled].ImportDocs-BtnPrimaryWhitePrimary:hover, [disabled].ImportDocs-actionButton:hover, [disabled].hover.btn-primary--primaryPanel, .panel-primary [disabled].hover.btn-primary, [disabled].hover.CustomMessage-btn, [disabled].hover.ImportDocs-BtnPrimaryWhitePrimary, [disabled].hover.ImportDocs-actionButton, [disabled].btn-primary--primaryPanel:focus, .panel-primary [disabled].btn-primary:focus, [disabled].CustomMessage-btn:focus, [disabled].ImportDocs-BtnPrimaryWhitePrimary:focus, [disabled].ImportDocs-actionButton:focus, [disabled].focus.btn-primary--primaryPanel, .panel-primary [disabled].focus.btn-primary, [disabled].focus.CustomMessage-btn, [disabled].focus.ImportDocs-BtnPrimaryWhitePrimary, [disabled].focus.ImportDocs-actionButton,
  fieldset[disabled] .btn-primary--primaryPanel,
  fieldset[disabled] .panel-primary .btn-primary, .panel-primary
  fieldset[disabled] .btn-primary,
  fieldset[disabled] .CustomMessage-btn,
  fieldset[disabled] .ImportDocs-BtnPrimaryWhitePrimary,
  fieldset[disabled] .ImportDocs-actionButton,
  fieldset[disabled] .btn-primary--primaryPanel:hover,
  fieldset[disabled] .panel-primary .btn-primary:hover, .panel-primary
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .CustomMessage-btn:hover,
  fieldset[disabled] .ImportDocs-BtnPrimaryWhitePrimary:hover,
  fieldset[disabled] .ImportDocs-actionButton:hover,
  fieldset[disabled] .hover.btn-primary--primaryPanel,
  fieldset[disabled] .panel-primary .hover.btn-primary, .panel-primary
  fieldset[disabled] .hover.btn-primary,
  fieldset[disabled] .hover.CustomMessage-btn,
  fieldset[disabled] .hover.ImportDocs-BtnPrimaryWhitePrimary,
  fieldset[disabled] .hover.ImportDocs-actionButton,
  fieldset[disabled] .btn-primary--primaryPanel:focus,
  fieldset[disabled] .panel-primary .btn-primary:focus, .panel-primary
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .CustomMessage-btn:focus,
  fieldset[disabled] .ImportDocs-BtnPrimaryWhitePrimary:focus,
  fieldset[disabled] .ImportDocs-actionButton:focus,
  fieldset[disabled] .focus.btn-primary--primaryPanel,
  fieldset[disabled] .panel-primary .focus.btn-primary, .panel-primary
  fieldset[disabled] .focus.btn-primary,
  fieldset[disabled] .focus.CustomMessage-btn,
  fieldset[disabled] .focus.ImportDocs-BtnPrimaryWhitePrimary,
  fieldset[disabled] .focus.ImportDocs-actionButton {
    color: #006a7a;
    background-color: #2690a0;
    border-color: #2690a0; }

.GreenBtn-dialogBoxSatisfactionFooterBtn, .GreenBtn-contentBlockItemBtnPrimary {
  background-color: #009787;
  border-color: #009787;
  color: #ffffff; }
  .GreenBtn-dialogBoxSatisfactionFooterBtn:hover, .GreenBtn-contentBlockItemBtnPrimary:hover, .hover.GreenBtn-dialogBoxSatisfactionFooterBtn, .hover.GreenBtn-contentBlockItemBtnPrimary, .GreenBtn-dialogBoxSatisfactionFooterBtn:focus, .GreenBtn-contentBlockItemBtnPrimary:focus, .focus.GreenBtn-dialogBoxSatisfactionFooterBtn, .focus.GreenBtn-contentBlockItemBtnPrimary {
    color: #ffffff;
    background-color: #01897b;
    border-color: #01897b; }
  .disabled.GreenBtn-dialogBoxSatisfactionFooterBtn, .disabled.GreenBtn-contentBlockItemBtnPrimary, .disabled.GreenBtn-dialogBoxSatisfactionFooterBtn:hover, .disabled.GreenBtn-contentBlockItemBtnPrimary:hover, .disabled.hover.GreenBtn-dialogBoxSatisfactionFooterBtn, .disabled.hover.GreenBtn-contentBlockItemBtnPrimary, .disabled.GreenBtn-dialogBoxSatisfactionFooterBtn:focus, .disabled.GreenBtn-contentBlockItemBtnPrimary:focus, .disabled.focus.GreenBtn-dialogBoxSatisfactionFooterBtn, .disabled.focus.GreenBtn-contentBlockItemBtnPrimary, [disabled].GreenBtn-dialogBoxSatisfactionFooterBtn, [disabled].GreenBtn-contentBlockItemBtnPrimary, [disabled].GreenBtn-dialogBoxSatisfactionFooterBtn:hover, [disabled].GreenBtn-contentBlockItemBtnPrimary:hover, [disabled].hover.GreenBtn-dialogBoxSatisfactionFooterBtn, [disabled].hover.GreenBtn-contentBlockItemBtnPrimary, [disabled].GreenBtn-dialogBoxSatisfactionFooterBtn:focus, [disabled].GreenBtn-contentBlockItemBtnPrimary:focus, [disabled].focus.GreenBtn-dialogBoxSatisfactionFooterBtn, [disabled].focus.GreenBtn-contentBlockItemBtnPrimary,
  fieldset[disabled] .GreenBtn-dialogBoxSatisfactionFooterBtn,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimary,
  fieldset[disabled] .GreenBtn-dialogBoxSatisfactionFooterBtn:hover,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimary:hover,
  fieldset[disabled] .hover.GreenBtn-dialogBoxSatisfactionFooterBtn,
  fieldset[disabled] .hover.GreenBtn-contentBlockItemBtnPrimary,
  fieldset[disabled] .GreenBtn-dialogBoxSatisfactionFooterBtn:focus,
  fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimary:focus,
  fieldset[disabled] .focus.GreenBtn-dialogBoxSatisfactionFooterBtn,
  fieldset[disabled] .focus.GreenBtn-contentBlockItemBtnPrimary {
    color: whitesmoke;
    border-color: #27a79a;
    background-color: #27a79a; }

/*
  .btn-default {
    @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
  }
  .btn-primary {
    @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
  }
  */
.btn-success,
.btnWrap-success a {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus,
  .btnWrap-success a:focus,
  .btnWrap-success a.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover,
  .btnWrap-success a:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .open > .btn-success.dropdown-toggle, .open >
  .btnWrap-success a.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus, .open >
    .btnWrap-success a.dropdown-toggle:hover, .open >
    .btnWrap-success a.dropdown-toggle:focus, .open >
    .btnWrap-success a.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .open > .btn-success.dropdown-toggle, .open >
  .btnWrap-success a.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus,
  .btnWrap-success a.disabled:hover,
  .btnWrap-success a.disabled:focus,
  .btnWrap-success a.disabled.focus,
  .btnWrap-success a[disabled]:hover,
  .btnWrap-success a[disabled]:focus,
  .btnWrap-success a[disabled].focus,
  fieldset[disabled]
  .btnWrap-success a:hover,
  fieldset[disabled]
  .btnWrap-success a:focus,
  fieldset[disabled]
  .btnWrap-success a.focus {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge,
  .btnWrap-success a .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info,
.btnWrap-info a {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus,
  .btnWrap-info a:focus,
  .btnWrap-info a.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover,
  .btnWrap-info a:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .open > .btn-info.dropdown-toggle, .open >
  .btnWrap-info a.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus, .open >
    .btnWrap-info a.dropdown-toggle:hover, .open >
    .btnWrap-info a.dropdown-toggle:focus, .open >
    .btnWrap-info a.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .open > .btn-info.dropdown-toggle, .open >
  .btnWrap-info a.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus,
  .btnWrap-info a.disabled:hover,
  .btnWrap-info a.disabled:focus,
  .btnWrap-info a.disabled.focus,
  .btnWrap-info a[disabled]:hover,
  .btnWrap-info a[disabled]:focus,
  .btnWrap-info a[disabled].focus,
  fieldset[disabled]
  .btnWrap-info a:hover,
  fieldset[disabled]
  .btnWrap-info a:focus,
  fieldset[disabled]
  .btnWrap-info a.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge,
  .btnWrap-info a .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning,
.btnWrap-warning a {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus,
  .btnWrap-warning a:focus,
  .btnWrap-warning a.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover,
  .btnWrap-warning a:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .open > .btn-warning.dropdown-toggle, .open >
  .btnWrap-warning a.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
    .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus, .open >
    .btnWrap-warning a.dropdown-toggle:hover, .open >
    .btnWrap-warning a.dropdown-toggle:focus, .open >
    .btnWrap-warning a.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .open > .btn-warning.dropdown-toggle, .open >
  .btnWrap-warning a.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus,
  .btnWrap-warning a.disabled:hover,
  .btnWrap-warning a.disabled:focus,
  .btnWrap-warning a.disabled.focus,
  .btnWrap-warning a[disabled]:hover,
  .btnWrap-warning a[disabled]:focus,
  .btnWrap-warning a[disabled].focus,
  fieldset[disabled]
  .btnWrap-warning a:hover,
  fieldset[disabled]
  .btnWrap-warning a:focus,
  fieldset[disabled]
  .btnWrap-warning a.focus {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge,
  .btnWrap-warning a .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger,
.btnWrap-danger a {
  color: #fff;
  background-color: #d70000;
  border-color: #be0000; }
  .btn-danger:focus, .btn-danger.focus,
  .btnWrap-danger a:focus,
  .btnWrap-danger a.focus {
    color: #fff;
    background-color: #a40000;
    border-color: #3e0000; }
  .btn-danger:hover,
  .btnWrap-danger a:hover {
    color: #fff;
    background-color: #a40000;
    border-color: maroon; }
  .open > .btn-danger.dropdown-toggle, .open >
  .btnWrap-danger a.dropdown-toggle {
    color: #fff;
    background-color: #a40000;
    border-color: maroon; }
    .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus, .open >
    .btnWrap-danger a.dropdown-toggle:hover, .open >
    .btnWrap-danger a.dropdown-toggle:focus, .open >
    .btnWrap-danger a.dropdown-toggle.focus {
      color: #fff;
      background-color: maroon;
      border-color: #3e0000; }
  .open > .btn-danger.dropdown-toggle, .open >
  .btnWrap-danger a.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus,
  .btnWrap-danger a.disabled:hover,
  .btnWrap-danger a.disabled:focus,
  .btnWrap-danger a.disabled.focus,
  .btnWrap-danger a[disabled]:hover,
  .btnWrap-danger a[disabled]:focus,
  .btnWrap-danger a[disabled].focus,
  fieldset[disabled]
  .btnWrap-danger a:hover,
  fieldset[disabled]
  .btnWrap-danger a:focus,
  fieldset[disabled]
  .btnWrap-danger a.focus {
    background-color: #d70000;
    border-color: #be0000; }
  .btn-danger .badge,
  .btnWrap-danger a .badge {
    color: #d70000;
    background-color: #fff; }

.btn-link {
  color: #007D8F;
  font-weight: normal;
  -moz-border-radius: 0;
       border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -moz-box-shadow: none;
         box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #006675;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.33333;
  -moz-border-radius: 6px;
       border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
  -moz-border-radius: 3px;
       border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 11px;
  line-height: 1.5;
  -moz-border-radius: 3px;
       border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.btn-icon {
  background-color: #007D8F;
  width: 30px;
  height: 30px;
  line-height: 26px;
  -moz-border-radius: 2px;
       border-radius: 2px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  vertical-align: middle; }
  .btn-icon:hover, .btn-icon:focus {
    background-color: #006675; }
  .btn-icon:active {
    color: #37474f; }
  .btn-icon:disabled {
    background-color: #98cbd3;
    cursor: not-allowed; }

.btn-previous {
  position: relative;
  display: inline-block;
  font-family: 'NPC Icons';
  font-style: normal;
  font-weight: 400;
  color: white; }
  .btn-previous:before {
    content: "\f108"; }

.btn-next {
  position: relative;
  display: inline-block;
  font-family: 'NPC Icons';
  font-style: normal;
  font-weight: 400;
  color: white; }
  .btn-next:before {
    content: "\f107"; }

.label-pagenumber {
  font-size: 16px;
  color: #007D8F;
  line-height: 30px;
  vertical-align: middle;
  font-weight: 600; }

.panel-primary .label-pagenumber {
  color: #ffffff; }

.operation-cours, .operation-cours-passif {
  border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  font-weight: 600;
  padding: 1em;
  margin: 4.3333333vh 0 1em 10%; }

.operation-cours {
  border: 4px solid #007D8F;
  background-color: #007D8F;
  color: white; }

.operation-cours a, .operation-avenir-actif a {
  color: white;
  text-decoration: none; }

.operation-cours-passif {
  border: 1px solid #007D8F;
  border-right: 0;
  color: #007D8F;
  background-color: white; }

.operation-cours-passif a, .operation-avenir a {
  color: #007D8F;
  text-decoration: none; }

.operation-avenir {
  border: 1px solid #007D8F;
  border-left: 0;
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  background-color: white;
  color: #007D8F;
  font-weight: normal;
  padding: 1em;
  margin: 4.3333333vh 10% 1em 0; }

.operation-avenir-actif {
  border: 4px solid #007D8F;
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  background-color: #007D8F;
  color: white;
  font-weight: 600;
  padding: 1em;
  margin: 4.3333333vh 10% 1em 0; }

.guidebutton button.button-default,
.guidebutton button.moveNext,
.guidebutton button:not(.af-icon-button),
.guidebutton input[type='button'] {
  background-color: #007D8F !important;
  border: 1px solid #007D8F !important;
  -moz-border-radius: 4px !important;
       border-radius: 4px !important;
  color: #ffffff !important; }
  .guidebutton button.button-default:hover,
  .guidebutton button.moveNext:hover,
  .guidebutton button:not(.af-icon-button):hover,
  .guidebutton input[type='button']:hover {
    background-color: #006675 !important;
    border: 1px solid #006675 !important;
    color: #ffffff !important; }

.guidebutton button.movePrev {
  background-color: transparent !important;
  border: 1px solid #007D8F !important;
  -moz-border-radius: 4px !important;
       border-radius: 4px !important;
  color: #007D8F !important; }
  .guidebutton button.movePrev:hover {
    background-color: transparent !important;
    border: 1px solid #006675 !important;
    color: #006675 !important; }

button.ficheAgence.btn-default, button.ficheAgence.btn-default:hover {
  background-color: #ffffff !important;
  border: none !important;
  -moz-border-radius: 4px !important;
       border-radius: 4px !important;
  color: #454545 !important; }

/*doc
---
title: Formulaires
name: forms
category: forms
---

*/
/*doc
---
title: Message d'erreur
parent: forms
name: alert
category: forms
---

```html_example
<div class="alert alert-danger" role="alert"><b>Attention</b> Vous devez renseigner le champs <u>Titre</u> pour finaliser votre virement.</div>
```
*/
/*doc
---
title: Titre encart
parent: forms
name: encart
category: forms
---

```html_example
<div class="encart">Mle Adolphe Iris</div>
```
*/
/*doc
---
title: Bouton radio
parent: buttons
name: radio-button
category: buttons
---

```html_example
<form>
	<div class="form-group">
		<div class="radio">
			<input type="radio" name="optradio" class="radio-input" id="optradio1"><label for="optradio1" class="radio-label">Option 1</label>
		</div>
		<div class="radio">
			<input type="radio" name="optradio" class="radio-input" id="optradio2" checked><label for="optradio2" class="radio-label">Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2</label>
		</div>
		<div class="radio disabled">
			<input type="radio" name="optradio" class="radio-input" id="optradio3" disabled><label for="optradio3" class="radio-label">Option 3</label>
		</div>
	</div>
</form>
<form class="form-inline">
	<div class="form-group">
		<div class="radio">
			<input type="radio" name="optradio" class="radio-input" id="optradio1"><label for="optradio1" class="radio-label">Option 1</label>
		</div>
		<div class="radio">
			<input type="radio" name="optradio" class="radio-input" id="optradio2" checked><label for="optradio2" class="radio-label">Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2</label>
		</div>
		<div class="radio disabled">
			<input type="radio" name="optradio" class="radio-input" id="optradio3" disabled><label for="optradio3" class="radio-label">Option 3</label>
		</div>
	</div>
</form>
```
*/
/*doc
---
title: Checkbox
parent: buttons
name: checkbox
category: buttons
---

```html_example
<form>
	<div class="form-group">
		<div class="checkbox">
			<input type="checkbox" value="" class="checkbox-input" id="checkbox1"><label class="checkbox-label" for="checkbox1">Option 1</label>
		</div>
		<div class="checkbox">
			<input type="checkbox" value="" class="checkbox-input" id="checkbox2" checked><label class="checkbox-label" for="checkbox2">Option 2</label>
		</div>
		<div class="checkbox disabled">
			<input type="checkbox" value="" class="checkbox-input"  id="checkbox3" disabled><label class="checkbox-label" for="checkbox3">Option 3</label>
		</div>
		<div class="checkbox disabled">
			<input type="checkbox" value="" class="checkbox-input"  id="checkbox4" checked disabled><label class="checkbox-label" for="checkbox4">Option 4</label>
		</div>
	</div>
</form>
<form class="form-inline">
	<div class="form-group">
		<div class="checkbox">
			<input type="checkbox" value="" class="checkbox-input" id="checkbox1"><label class="checkbox-label" for="checkbox1">Option 1</label>
		</div>
		<div class="checkbox">
			<input type="checkbox" value="" class="checkbox-input" id="checkbox2" checked><label class="checkbox-label" for="checkbox2">Option 2</label>
		</div>
		<div class="checkbox disabled">
			<input type="checkbox" value="" class="checkbox-input"  id="checkbox3" disabled><label class="checkbox-label" for="checkbox3">Option 3</label>
		</div>
		<div class="checkbox disabled">
			<input type="checkbox" value="" class="checkbox-input"  id="checkbox4" checked disabled><label class="checkbox-label" for="checkbox4">Option 4</label>
		</div>
	</div>
</form>
```
*/
/*doc
---
title: Input
name: input
category: input
---

*/
/*doc
---
title: Input text
parent: input
name: input-text
category: input
---

Lien vers la documentation du composant [bootstrap-add-clear](http://gesquive.github.io/bootstrap-add-clear/).

Scripts à inclure :

    <script src="bootstrap-add-clear.js" type="text/javascript"></script>

```html_example
<form>
	<div class="form-group">
		<label for="input1">Titre</label>
		<input type="text" class="form-control input-clear" id="input1" placeholder="Ex : Virement Loyer">
	</div>
	<div class="form-group">
		<label for="input2">Titre</label>
		<input type="password" class="form-control input-clear" id="input2" placeholder="Password">
	</div>
	<div class="form-group has-error">
		<label for="input3">Titre</label>
		<input type="text" class="form-control input-clear" id="input3" value="Texte avec erreur">
	</div>
</form>
<script>
$(function(){
	$(":input.input-clear[type=text]").addClear();
	$(":input.input-clear[type=password]").addClear();
});
</script>
```
*/
/*doc
---
title: Input group
parent: input
name: input-group
category: input
---

```html_example
<form>
	<fieldset class="input-group-vertical">
		<div class="form-group">
			<label class="sr-only">Email Address</label>
			<input type="text" class="form-control" placeholder="Email Address">
		</div>
		<div class="form-group">
			<label class="sr-only">Username</label>
			<input type="text" class="form-control" placeholder="Username">
		</div>
		<div class="form-group">
			<label class="sr-only">Password</label>
			<input type="text" class="form-control" placeholder="Password">
		</div>
		<div class="form-group">
			<label class="sr-only">Spirit Animal</label>
			<input type="text" class="form-control" placeholder="Spirit Animal">
		</div>
	</fieldset>
</form>
```
*/
/*doc
---
title: Input group date
parent: input
name: input-group-date
category: input
---

```html_example
<form>
	<fieldset>
		<div class="input-group input-date">
			<input type="text" class="form-control numeric day" placeholder="JJ" maxlength="2">
			<input type="text" class="form-control numeric month" placeholder="MM" maxlength="2">
			<input type="text" class="form-control numeric year" placeholder="AAAA" maxlength="4">
		</div>
	</fieldset>
</form>
<form class="form-inline">
	<fieldset>
		<div class="input-group input-date">
			<input type="text" class="form-control numeric day" placeholder="JJ" maxlength="2">
			<input type="text" class="form-control numeric month" placeholder="MM" maxlength="2">
			<input type="text" class="form-control numeric year" placeholder="AAAA" maxlength="4">
		</div>
	</fieldset>
</form>
<script>
$(function(){
	$('.form-control.numeric').keypress(function(key) {
        if(key.charCode < 48 || key.charCode > 57) return false;
    });
});
</script>

```
*/
/*doc
---
title: Input group amount
parent: input
name: input-group-amount
category: input
---

```html_example
<form>
	<div class="input-group input-amount">
		<input type="text" class="form-control numeric integral">
		<input type="text" class="form-control numeric fractional" maxlength="2">
	</div>
</form>
<form class="form-inline">
	<div class="input-group input-amount">
		<input type="text" class="form-control numeric integral">
		<input type="text" class="form-control numeric fractional" maxlength="2">
	</div>
</form>
<script>
$(function(){
	$('.form-control.numeric').keypress(function(key) {
        if(key.charCode < 48 || key.charCode > 57) return false;
    });
});
</script>

```
*/
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 17px;
  font-size: 18px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #454545; }

form {
  padding: 10px 10px; }

input[type="search"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: none; }

.form-error {
  display: none; }

input[type="tel"]:invalid,
input[type="url"]:invalid,
input[type="email"]:invalid {
  border-color: #d70000; }
  input[type="tel"]:invalid + .form-error,
  input[type="url"]:invalid + .form-error,
  input[type="email"]:invalid + .form-error {
    display: block;
    margin: 10px 0;
    color: #d70000; }

output {
  display: block;
  padding-top: 12px;
  font-size: 12px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 42px;
  padding: 11px 12px;
  font-size: 12px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
       border-radius: 4px; }
  .form-control:focus {
    border-color: #007D8F;
    outline: 0; }
  .form-control::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
    text-overflow: ellipsis !important; }
  .form-control:-moz-placeholder {
    color: #999;
    opacity: 1;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
    text-overflow: ellipsis !important; }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
    text-overflow: ellipsis !important; }
  .form-control:-ms-input-placeholder {
    color: #999;
    opacity: 1;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
    text-overflow: ellipsis !important; }
  .form-control::placeholder {
    color: #999;
    opacity: 1;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
    text-overflow: ellipsis !important; }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly]:not(.date),
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }
  @media (max-width: 989px) {
    .form-control, .form-control::-webkit-input-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .form-control, .form-control:-moz-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .form-control, .form-control::-moz-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .form-control, .form-control:-ms-input-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .form-control, .form-control::placeholder {
      font-size: 16px;
      font-weight: 400; } }

.fake-text-form-control {
  font-size: 12px;
  line-height: 1.42857; }
  @media (max-width: 989px) {
    .fake-text-form-control, .fake-text-form-control::-webkit-input-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .fake-text-form-control, .fake-text-form-control:-moz-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .fake-text-form-control, .fake-text-form-control::-moz-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .fake-text-form-control, .fake-text-form-control:-ms-input-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .fake-text-form-control, .fake-text-form-control::placeholder {
      font-size: 16px;
      font-weight: 400; } }

textarea.form-control {
  height: auto;
  resize: vertical;
  max-height: 325px; }

input[type="search"] {
  -webkit-appearance: textfield; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 42px; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn,
  .input-group-sm
  input[type="month"] {
    line-height: 28px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn,
  .input-group-lg
  input[type="month"] {
    line-height: 42px; } }

.form-group {
  margin-bottom: 15px; }

.form-group-100 {
  width: 100% !important; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 17px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 0;
  min-height: 29px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 28px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
  -moz-border-radius: 3px;
       border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 28px;
  line-height: 28px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-sm .form-control {
  height: 28px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
  -moz-border-radius: 3px;
       border-radius: 3px; }

.form-group-sm select.form-control {
  height: 28px;
  line-height: 28px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 28px;
  min-height: 28px;
  padding: 6px 10px;
  font-size: 11px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 42px;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.33333;
  -moz-border-radius: 6px;
       border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 42px;
  line-height: 42px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-lg .form-control {
  height: 42px;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.33333;
  -moz-border-radius: 6px;
       border-radius: 6px; }

.form-group-lg select.form-control {
  height: 42px;
  line-height: 42px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 42px;
  min-height: 32px;
  padding: 11px 16px;
  font-size: 15px;
  line-height: 1.33333; }

.has-feedback,
.has-clear {
  position: relative; }
  .has-feedback .form-control,
  .has-clear .form-control {
    padding-right: 54px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 42px;
  height: 42px;
  line-height: 42px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 28px;
  height: 28px;
  line-height: 28px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  color: #3c763d; }
  .has-success .form-control:focus {
    border-color: #3c763d;
    color: #3c763d; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  color: #8a6d3b; }
  .has-warning .form-control:focus {
    border-color: #8a6d3b;
    color: #8a6d3b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #d70000; }

.has-error .form-control {
  border-color: #d70000;
  color: #d70000; }
  .has-error .form-control:focus {
    border-color: #d70000;
    color: #d70000; }

.has-error .input-group-addon {
  color: #d70000;
  border-color: #d70000;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #d70000; }

/* div.has-error::after {
    //position: relative;
    display: inline-block;
    float: right;
    content: ".";
    font-size: 48px;
    color: $state-danger-border;
    margin-top: -60px;
    margin-right: -16px;
    //z-index: 9999;
    } */
.has-feedback label ~ .form-control-feedback {
  top: 22px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #858585; }

@media (min-width: 650px) {
  .form-inline .form-group,
  .form-inline .input-field {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      border: none;
      width: auto; }
    .form-inline .input-group .input-group-addon {
      background-color: white;
      color: #007D8F; }
    .form-inline .input-group > input {
      border: none;
      height: 39px !important; }
  .form-inline .input-group.input-amount .form-control,
  .form-inline .input-group.input-date .form-control {
    border: 1px solid #ccc !important; }
  .form-inline .input-group.input-amount > input,
  .form-inline .input-group.input-date > input {
    border: 1px solid #ccc !important; }
  .form-inline .input-group.input-amount > input:focus,
  .form-inline .input-group.input-date > input:focus {
    border: 1px solid #007D8F !important; }
  .form-inline .input-group-100 {
    width: 100% !important; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
    /* -- Modification NPC pour éviter que le label ne viennt dessus le bouton
        label {
          padding-left: 0;
        }
        */ }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 29px; }

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 650px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 12px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

@media (min-width: 650px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 15px; } }

@media (min-width: 650px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 11px; } }

.radio label,
.radio-inline label,
.checkbox label,
.checkbox-inline label {
  padding-left: 25px; }

.radio input[type="radio"],
.radio input[type="checkbox"],
.radio-inline input[type="radio"],
.radio-inline input[type="checkbox"],
.checkbox input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="radio"],
.checkbox-inline input[type="checkbox"] {
  margin-left: -25px; }

input[type="radio"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
  margin-top: 6px;
  margin-right: 4px;
  vertical-align: top;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer; }
  input[type="radio"]:focus,
  .radio input[type="radio"]:focus,
  .radio-inline input[type="radio"]:focus {
    outline: none; }
  input[type="radio"]:before, input[type="radio"]:after,
  .radio input[type="radio"]:before,
  .radio input[type="radio"]:after,
  .radio-inline input[type="radio"]:before,
  .radio-inline input[type="radio"]:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    -moz-border-radius: 50%;
         border-radius: 50%;
    -moz-transition: 240ms;
    transition: 240ms; }
  input[type="radio"]:before,
  .radio input[type="radio"]:before,
  .radio-inline input[type="radio"]:before {
    position: absolute;
    left: 0;
    top: -3px;
    background-color: #007D8F;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
         transform: scale(0); }
  input[type="radio"]:after,
  .radio input[type="radio"]:after,
  .radio-inline input[type="radio"]:after {
    position: relative;
    top: -3px;
    border: 1px solid #999999; }
  input[type="radio"]:checked:before,
  .radio input[type="radio"]:checked:before,
  .radio-inline input[type="radio"]:checked:before {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
         transform: scale(0.5); }
  input[type="radio"]:disabled:checked:before,
  .radio input[type="radio"]:disabled:checked:before,
  .radio-inline input[type="radio"]:disabled:checked:before {
    background-color: #999999; }
  input[type="radio"]:checked:after,
  .radio input[type="radio"]:checked:after,
  .radio-inline input[type="radio"]:checked:after {
    border-color: #999999; }
  input[type="radio"]:disabled:after, input[type="radio"]:disabled:checked:after,
  .radio input[type="radio"]:disabled:after,
  .radio input[type="radio"]:disabled:checked:after,
  .radio-inline input[type="radio"]:disabled:after,
  .radio-inline input[type="radio"]:disabled:checked:after {
    border-color: #999999; }

input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: relative;
  border: none;
  margin-bottom: -4px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer; }
  input[type="checkbox"]:focus,
  .checkbox input[type="checkbox"]:focus,
  .checkbox-inline input[type="checkbox"]:focus {
    outline: none; }
  input[type="checkbox"]:focus:after,
  .checkbox input[type="checkbox"]:focus:after,
  .checkbox-inline input[type="checkbox"]:focus:after {
    border-color: #007D8F; }
  input[type="checkbox"]:after,
  .checkbox input[type="checkbox"]:after,
  .checkbox-inline input[type="checkbox"]:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    margin-top: -2px;
    margin-right: 5px;
    border: 1px solid #999999;
    -moz-border-radius: 2px;
         border-radius: 2px;
    -moz-transition: 240ms;
    transition: 240ms; }
  input[type="checkbox"]:checked:before,
  .checkbox input[type="checkbox"]:checked:before,
  .checkbox-inline input[type="checkbox"]:checked:before {
    position: absolute;
    top: 0;
    left: 6px;
    display: table;
    width: 6px;
    height: 12px;
    border: 2px solid #fff;
    border-top-width: 0;
    border-left-width: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
         transform: rotate(45deg); }
  input[type="checkbox"]:checked:after,
  .checkbox input[type="checkbox"]:checked:after,
  .checkbox-inline input[type="checkbox"]:checked:after {
    padding-left: 2px;
    padding-top: 1px;
    background-color: transparent;
    border-color: #999999;
    font-family: 'Glyphicons Halflings';
    font-size: 8px;
    color: #007D8F;
    content: "\e074"; }
  input[type="checkbox"]:disabled:after,
  .checkbox input[type="checkbox"]:disabled:after,
  .checkbox-inline input[type="checkbox"]:disabled:after {
    border-color: #777777; }
  input[type="checkbox"]:disabled:checked:after,
  .checkbox input[type="checkbox"]:disabled:checked:after,
  .checkbox-inline input[type="checkbox"]:disabled:checked:after {
    background-color: #777777;
    border-color: transparent; }

.input-group-vertical {
  margin-bottom: 10px; }
  .input-group-vertical .form-control {
    -moz-border-radius: 0;
         border-radius: 0; }
  .input-group-vertical .form-group {
    margin-bottom: 0; }
  .input-group-vertical .form-group:not(:last-child) .form-control:not(:focus) {
    border-bottom-color: transparent; }
  .input-group-vertical .form-group:first-child .form-control {
    -moz-border-radius-topleft: 3px;
         border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
         border-top-right-radius: 3px; }
  .input-group-vertical .form-group:last-child .form-control {
    -moz-border-radius-bottomright: 3px;
         border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
         border-bottom-left-radius: 3px;
    top: -2px; }

.input-date > span {
  background-color: transparent;
  border: none;
  width: 10px;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px; }

.input-date .form-control {
  text-align: center;
  font-size: 12px;
  font-weight: 600; }

.input-date .form-control.day {
  width: 30px;
  padding: 0 0;
  -moz-border-radius-topleft: 3px;
       border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
       border-bottom-left-radius: 3px; }

.input-date .form-control.month {
  width: 30px;
  padding: 0 0;
  margin-left: -1px; }

.input-date .form-control.year {
  width: 40px;
  padding: 0 0;
  -moz-border-radius-topright: 3px;
       border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
       border-bottom-right-radius: 3px;
  margin-left: -2px; }

.input-amount > span {
  background-color: transparent;
  border: none;
  width: 10px;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px; }

.input-amount .form-control {
  text-align: center;
  font-size: 12px;
  font-weight: 600; }

.input-amount .form-control.integral {
  text-align: right;
  width: 94px;
  padding: 1px 4px; }

.input-amount .form-control.fractional {
  text-align: left;
  width: 30px;
  padding: 1px 4px;
  margin-left: -1px; }

div.input-search {
  float: left;
  display: block;
  position: relative; }
  div.input-search > span.input-icon {
    color: #99cc00;
    position: absolute;
    top: -10px;
    margin-right: -12px; }
  div.input-search > input {
    padding-right: 18px; }

.form-label {
  text-transform: uppercase; }

.form-label-white {
  color: white;
  text-transform: uppercase; }

.btn-100 {
  width: 100% !important; }

.encart {
  background-color: #007D8F;
  text-transform: uppercase;
  min-height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  padding-left: 10px; }

.add-clear-x {
  color: #007D8F;
  top: 0 !important; }

.has-clear input::-ms-clear {
  display: none; }

.has-clear ~ .input-field-icon {
  display: none; }

.radio-input {
  position: absolute;
  left: -10000px;
  opacity: 0; }

.radio-input + .radio-label {
  position: relative;
  padding-left: 20px; }

.radio-input + .radio-label:before, .radio-input + .radio-label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  -moz-transition: 240ms;
  transition: 240ms; }

.radio-input + .radio-label:before {
  border: 1px solid #999999;
  background-color: #ffffff; }

.radio-input + .radio-label:after {
  background-color: #007D8F;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
          transform: scale(0); }

.radio-input:checked + .radio-label:after {
  -webkit-transform: scale(0.5);
     -moz-transform: scale(0.5);
          transform: scale(0.5); }

.radio-input:disabled:checked + .radio-label:after {
  background-color: #999999; }

.checkbox-input,
input[type="checkbox"].checkbox-input {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.checkbox-input,
input[type="checkbox"].checkbox-input {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.checkbox-input + .checkbox-label, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a {
  position: relative;
  padding-left: 22px; }
  .checkbox-input + .checkbox-label:before, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:before, .checkbox-input + .checkbox-label:after, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:after {
    content: "";
    position: absolute;
    -moz-transition: 240ms;
    transition: 240ms;
    left: 7px;
    top: 8px; }
  .checkbox-input + .checkbox-label:before, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:before {
    width: 14px;
    height: 14px;
    margin: -7px;
    border: 1px solid #999;
    -moz-border-radius: 2px;
         border-radius: 2px; }
  .checkbox-input + .checkbox-label:after, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:after {
    width: 6px;
    height: 6px;
    margin: -3px;
    background-color: #007D8F;
    opacity: 0; }

.checkbox-input:checked + .checkbox-label:after, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li.selected a:after {
  opacity: 1; }

.checkbox-input:disabled + .checkbox-label:before, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li.disabled a:before {
  border-color: #777; }

.checkbox-input:disabled + .checkbox-label:after, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li.disabled a:after {
  background-color: #777; }

.GreenBtn-callbackLaterFooter .checkbox-input + .checkbox-label:before {
  background-color: #ffffff;
  border-color: #ffffff; }

.checkbox-input {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

/*
  .checkbox-input:disabled:checked+.checkbox-label:after {
    background-color:#777;
    border-color:transparent;
  }
  */
/*doc
  ---
  title: Input field
  parent: input
  name: input-field
  category: input
  ---

  Ajout d'éléments sur le input

  */
/*doc
  ---
  title: Input field - Icon
  parent: input-field
  name: input-field-01
  category: input
  ---

  ajout d'un icon sur la droite (`input-field-icon`)


  ```html_example
  <div class="form-group">
    <label for="input-field-01-1">Mon label</label>
    <div class="input-field">
      <input class="form-control" id="input-field-01-1" value="" name="" placeholder="">
      <span class="icon npc-magnifer input-field-icon"></span>
    </div>
  </div>
  ```
  */
/*doc
  ---
  title: Input field - Action
  parent: input-field
  name: input-field-02
  category: input
  ---

  ajout d'une action sur la droite (`input-field-action`).


  ```html_example
  <div class="form-group">
    <label for="input-field-02-1">Mon label 1</label>
    <div class="input-field">
      <input class="form-control" id="input-field-02-1" value="" name="" placeholder="">
      <a class="icon npc-add input-field-action"></a>
    </div>
    <label for="input-field-02-1">Mon label 2</label>
    <div class="input-field">
      <input class="form-control" id="input-field-02-2" value="" name="" placeholder="">
      <a class="icon npc-close input-field-action"></a>
    </div>
  </div>
  ```
  */
/*doc
  ---
  title: Input field - Inner Label
  parent: input-field
  name: input-field-03
  category: input
  ---

  Ajout du label sur la droite

  JS à ajouter :

  - `<script src="inputInnerLabel.js"></script>`


  <!--  BASE JS  -->
  <script src="./../../build/js/enquire.js" type="text/javascript"></script>
  <script src="./../../build/js/common.js" type="text/javascript"></script>

  <!--  CUSTOM JS -->
  <script src="./../../build/js/inputInnerLabel.js" type="text/javascript"></script>


  ```html_example
  @@include("../../kit/components/form/_inputInnerLabel.kit")
  ```
  */
.input-field {
  position: relative;
  margin-bottom: 15px; }
  .input-field:last-child {
    margin-bottom: 0; }
  .input-field .form-control {
    padding-right: 42px; }

.input-field-icon,
.input-field-action {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 42px;
  height: 42px;
  line-height: 42px;
  color: #007D8F;
  text-align: center;
  text-decoration: none; }
  .input-field-icon.npc-add,
  .input-field-action.npc-add {
    font-size: 16px; }
  .input-field-icon.npc-close,
  .input-field-action.npc-close {
    font-size: 11px; }
  .input-field-icon.npc-magnifer,
  .input-field-action.npc-magnifer {
    font-size: 17px; }

.input-field-icon {
  pointer-events: none; }

.input-field-action {
  cursor: pointer; }
  .input-field-action:hover, .input-field-action:focus {
    color: #006675;
    text-decoration: none; }

.input-field--innerLabel .input-field-label {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  margin: 0;
  line-height: 18px;
  text-transform: none;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  pointer-events: none; }

/*doc
---
title: Typographie
name: typography
category: typography
---

Eléments de typographie utilisables :

##Typographie - texte courant

<font style="font-size:16px">
<i>Open Sans Regular</i>
<p style="font-weight: 400">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z  a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
1 2 3 4 5 6 7 8 9 0 ' " ? ! ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *</p>

<i>Open Sans Semi bold</i>
<p style="font-weight: 600">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z  a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
1 2 3 4 5 6 7 8 9 0 ' " ? ! ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *</p>

<i>Open Sans Bold</i>
<p style="font-weight: 700">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z  a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
1 2 3 4 5 6 7 8 9 0 ' " ? ! ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *</p>
</font>

##Typographie - message conseiller

<font style="font-size:16px">
<i>Roboto Slab thin</i>
<p style="font-family: Roboto Slab; font-weight: 100">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z  a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
1 2 3 4 5 6 7 8 9 0 ' " ? ! ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *</p>

<i>Roboto Slab light</i>
<p style="font-family: Roboto Slab; font-weight: 300">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z  a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
1 2 3 4 5 6 7 8 9 0 ' " ? ! ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *</p>

<i>Roboto Slab regular</i>
<p style="font-family: Roboto Slab; font-weight: 400">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z  a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
1 2 3 4 5 6 7 8 9 0 ' " ? ! ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *</p>

<i>Roboto Slab bold</i>
<p style="font-family: Roboto Slab; font-weight: 700">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z  a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
1 2 3 4 5 6 7 8 9 0 ' " ? ! ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *</p>
</font>

#Hiérarchies

```html_example
<h1>Heading 1 - 28px</h1>
<h2>Heading 2 - 23px</h2>
<h3>Heading 3 - 15px</h3>
<h4>Heading 4 - 14px</h4>
<p>Paragraphe</p>
```

#Texte en gras
```html_example
<p> Texte avec une <span class="gras">partie en gras</span>.</p>
```

#Mise en évidence des statuts
```html_example
<p class="statut-accord">Statut accord</p>
<p class="statut-refuse">Statut refusé</p>
<p class="statut-partiel">Statut partiel</p>
```
*/
h1, .h1, h2, .h2, .Title, .SimilarSolutions--default .SimilarSolutions-title, h3, .h3, .alphabetList-title, h4, .h4, h5, .h5, h6, .h6 {
  font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color: inherit; }
  h1 small, .h1 small, h1 .small, .h1 .small, h2 small, .h2 small, .Title small, .SimilarSolutions--default .SimilarSolutions-title small, h2 .small, .h2 .small, .Title .small, .SimilarSolutions--default .SimilarSolutions-title .small, h3 small, .h3 small, .alphabetList-title small, h3 .small, .h3 .small, .alphabetList-title .small, h4 small, .h4 small, h4 .small, .h4 .small, h5 small, .h5 small, h5 .small, .h5 .small, h6 small, .h6 small, h6 .small, .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2,
.h2,
.Title,
.SimilarSolutions--default .SimilarSolutions-title,
h3,
.h3,
.alphabetList-title {
  margin-top: 17px;
  margin-bottom: 8.5px; }
  h1 small, .h1 small, h1 .small, .h1 .small, h2 small, .h2 small, .Title small, .SimilarSolutions--default .SimilarSolutions-title small, h2 .small, .h2 .small, .Title .small, .SimilarSolutions--default .SimilarSolutions-title .small, h3 small, .h3 small, .alphabetList-title small, h3 .small, .h3 .small, .alphabetList-title .small {
    font-size: 65%; }

h4, .h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 8.5px;
  margin-bottom: 8.5px; }
  h4 small, .h4 small, h4 .small, .h4 .small, h5 small, .h5 small, h5 .small, .h5 .small, h6 small, .h6 small, h6 .small, .h6 .small {
    font-size: 75%; }

h1, .h1 {
  color: #007D8F;
  font-size: 28px;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase; }

h2, .h2, .Title, .SimilarSolutions--default .SimilarSolutions-title {
  font-size: 23px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 30px; }

h3, .h3, .alphabetList-title {
  font-size: 18px;
  font-weight: 800; }

h4, .h4 {
  font-size: 14px;
  text-transform: uppercase; }

h5, .h5 {
  font-size: 12px; }

h6, .h6 {
  font-size: 11px; }

p {
  margin: 0 0 8.5px; }
  p.regular {
    font-weight: 400; }

.lead {
  margin-bottom: 17px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 650px) {
    .lead {
      font-size: 18px; } }

small,
.small {
  font-size: 91%; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #fff; }

.text-primary {
  color: #007D8F; }

a.text-primary:hover,
a.text-primary:focus {
  color: #00505c; }

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #d70000; }

a.text-danger:hover,
a.text-danger:focus {
  color: #a40000; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #007D8F; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #00505c; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 7.5px;
  margin: 34px 0 17px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 8.5px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.texte.section ul, .Chapters-item ul, .FirstLogin-container ul, .texte.section ol, .Chapters-item ol, .FirstLogin-container ol {
  padding-left: 20px; }

.texte.section ul, .Chapters-item ul, .FirstLogin-container ul {
  list-style-type: none; }
  .texte.section ul > li, .Chapters-item ul > li, .FirstLogin-container ul > li {
    position: relative; }
    .texte.section ul > li:before, .Chapters-item ul > li:before, .FirstLogin-container ul > li:before {
      position: absolute;
      top: 0;
      left: -10px;
      content: '•';
      font-size: 14px; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 17px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 650px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 8.5px 17px;
  margin: 0 0 17px;
  font-size: 15px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

address {
  margin-bottom: 17px;
  font-style: normal;
  line-height: 1.42857; }

.gras {
  font-weight: 700; }

.error {
  padding-left: 15px;
  padding-right: 15px;
  color: #d70000; }

.statut-accord {
  color: green; }

.statut-refuse {
  color: red; }

.statut-partiel {
  color: black; }

.haut-de-page {
  float: right; }

/*doc
---
title: Formulaires
name: forms
category: forms
---

*/
/*doc
---
title: Message d'erreur
parent: forms
name: alert
category: forms
---

```html_example
<div class="alert alert-danger" role="alert"><b>Attention</b> Vous devez renseigner le champs <u>Titre</u> pour finaliser votre virement.</div>
```
*/
/*doc
---
title: Titre encart
parent: forms
name: encart
category: forms
---

```html_example
<div class="encart">Mle Adolphe Iris</div>
```
*/
/*doc
---
title: Bouton radio
parent: buttons
name: radio-button
category: buttons
---

```html_example
<form>
	<div class="form-group">
		<div class="radio">
			<input type="radio" name="optradio" class="radio-input" id="optradio1"><label for="optradio1" class="radio-label">Option 1</label>
		</div>
		<div class="radio">
			<input type="radio" name="optradio" class="radio-input" id="optradio2" checked><label for="optradio2" class="radio-label">Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2</label>
		</div>
		<div class="radio disabled">
			<input type="radio" name="optradio" class="radio-input" id="optradio3" disabled><label for="optradio3" class="radio-label">Option 3</label>
		</div>
	</div>
</form>
<form class="form-inline">
	<div class="form-group">
		<div class="radio">
			<input type="radio" name="optradio" class="radio-input" id="optradio1"><label for="optradio1" class="radio-label">Option 1</label>
		</div>
		<div class="radio">
			<input type="radio" name="optradio" class="radio-input" id="optradio2" checked><label for="optradio2" class="radio-label">Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2 Option 2</label>
		</div>
		<div class="radio disabled">
			<input type="radio" name="optradio" class="radio-input" id="optradio3" disabled><label for="optradio3" class="radio-label">Option 3</label>
		</div>
	</div>
</form>
```
*/
/*doc
---
title: Checkbox
parent: buttons
name: checkbox
category: buttons
---

```html_example
<form>
	<div class="form-group">
		<div class="checkbox">
			<input type="checkbox" value="" class="checkbox-input" id="checkbox1"><label class="checkbox-label" for="checkbox1">Option 1</label>
		</div>
		<div class="checkbox">
			<input type="checkbox" value="" class="checkbox-input" id="checkbox2" checked><label class="checkbox-label" for="checkbox2">Option 2</label>
		</div>
		<div class="checkbox disabled">
			<input type="checkbox" value="" class="checkbox-input"  id="checkbox3" disabled><label class="checkbox-label" for="checkbox3">Option 3</label>
		</div>
		<div class="checkbox disabled">
			<input type="checkbox" value="" class="checkbox-input"  id="checkbox4" checked disabled><label class="checkbox-label" for="checkbox4">Option 4</label>
		</div>
	</div>
</form>
<form class="form-inline">
	<div class="form-group">
		<div class="checkbox">
			<input type="checkbox" value="" class="checkbox-input" id="checkbox1"><label class="checkbox-label" for="checkbox1">Option 1</label>
		</div>
		<div class="checkbox">
			<input type="checkbox" value="" class="checkbox-input" id="checkbox2" checked><label class="checkbox-label" for="checkbox2">Option 2</label>
		</div>
		<div class="checkbox disabled">
			<input type="checkbox" value="" class="checkbox-input"  id="checkbox3" disabled><label class="checkbox-label" for="checkbox3">Option 3</label>
		</div>
		<div class="checkbox disabled">
			<input type="checkbox" value="" class="checkbox-input"  id="checkbox4" checked disabled><label class="checkbox-label" for="checkbox4">Option 4</label>
		</div>
	</div>
</form>
```
*/
/*doc
---
title: Input
name: input
category: input
---

*/
/*doc
---
title: Input text
parent: input
name: input-text
category: input
---

Lien vers la documentation du composant [bootstrap-add-clear](http://gesquive.github.io/bootstrap-add-clear/).

Scripts à inclure :

    <script src="bootstrap-add-clear.js" type="text/javascript"></script>

```html_example
<form>
	<div class="form-group">
		<label for="input1">Titre</label>
		<input type="text" class="form-control input-clear" id="input1" placeholder="Ex : Virement Loyer">
	</div>
	<div class="form-group">
		<label for="input2">Titre</label>
		<input type="password" class="form-control input-clear" id="input2" placeholder="Password">
	</div>
	<div class="form-group has-error">
		<label for="input3">Titre</label>
		<input type="text" class="form-control input-clear" id="input3" value="Texte avec erreur">
	</div>
</form>
<script>
$(function(){
	$(":input.input-clear[type=text]").addClear();
	$(":input.input-clear[type=password]").addClear();
});
</script>
```
*/
/*doc
---
title: Input group
parent: input
name: input-group
category: input
---

```html_example
<form>
	<fieldset class="input-group-vertical">
		<div class="form-group">
			<label class="sr-only">Email Address</label>
			<input type="text" class="form-control" placeholder="Email Address">
		</div>
		<div class="form-group">
			<label class="sr-only">Username</label>
			<input type="text" class="form-control" placeholder="Username">
		</div>
		<div class="form-group">
			<label class="sr-only">Password</label>
			<input type="text" class="form-control" placeholder="Password">
		</div>
		<div class="form-group">
			<label class="sr-only">Spirit Animal</label>
			<input type="text" class="form-control" placeholder="Spirit Animal">
		</div>
	</fieldset>
</form>
```
*/
/*doc
---
title: Input group date
parent: input
name: input-group-date
category: input
---

```html_example
<form>
	<fieldset>
		<div class="input-group input-date">
			<input type="text" class="form-control numeric day" placeholder="JJ" maxlength="2">
			<input type="text" class="form-control numeric month" placeholder="MM" maxlength="2">
			<input type="text" class="form-control numeric year" placeholder="AAAA" maxlength="4">
		</div>
	</fieldset>
</form>
<form class="form-inline">
	<fieldset>
		<div class="input-group input-date">
			<input type="text" class="form-control numeric day" placeholder="JJ" maxlength="2">
			<input type="text" class="form-control numeric month" placeholder="MM" maxlength="2">
			<input type="text" class="form-control numeric year" placeholder="AAAA" maxlength="4">
		</div>
	</fieldset>
</form>
<script>
$(function(){
	$('.form-control.numeric').keypress(function(key) {
        if(key.charCode < 48 || key.charCode > 57) return false;
    });
});
</script>

```
*/
/*doc
---
title: Input group amount
parent: input
name: input-group-amount
category: input
---

```html_example
<form>
	<div class="input-group input-amount">
		<input type="text" class="form-control numeric integral">
		<input type="text" class="form-control numeric fractional" maxlength="2">
	</div>
</form>
<form class="form-inline">
	<div class="input-group input-amount">
		<input type="text" class="form-control numeric integral">
		<input type="text" class="form-control numeric fractional" maxlength="2">
	</div>
</form>
<script>
$(function(){
	$('.form-control.numeric').keypress(function(key) {
        if(key.charCode < 48 || key.charCode > 57) return false;
    });
});
</script>

```
*/
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 17px;
  font-size: 18px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #454545; }

form {
  padding: 10px 10px; }

input[type="search"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: none; }

.form-error {
  display: none; }

input[type="tel"]:invalid,
input[type="url"]:invalid,
input[type="email"]:invalid {
  border-color: #d70000; }
  input[type="tel"]:invalid + .form-error,
  input[type="url"]:invalid + .form-error,
  input[type="email"]:invalid + .form-error {
    display: block;
    margin: 10px 0;
    color: #d70000; }

output {
  display: block;
  padding-top: 12px;
  font-size: 12px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 42px;
  padding: 11px 12px;
  font-size: 12px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
       border-radius: 4px; }
  .form-control:focus {
    border-color: #007D8F;
    outline: 0; }
  .form-control::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
    text-overflow: ellipsis !important; }
  .form-control:-moz-placeholder {
    color: #999;
    opacity: 1;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
    text-overflow: ellipsis !important; }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
    text-overflow: ellipsis !important; }
  .form-control:-ms-input-placeholder {
    color: #999;
    opacity: 1;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
    text-overflow: ellipsis !important; }
  .form-control::placeholder {
    color: #999;
    opacity: 1;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
    text-overflow: ellipsis !important; }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly]:not(.date),
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }
  @media (max-width: 989px) {
    .form-control, .form-control::-webkit-input-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .form-control, .form-control:-moz-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .form-control, .form-control::-moz-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .form-control, .form-control:-ms-input-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .form-control, .form-control::placeholder {
      font-size: 16px;
      font-weight: 400; } }

.fake-text-form-control {
  font-size: 12px;
  line-height: 1.42857; }
  @media (max-width: 989px) {
    .fake-text-form-control, .fake-text-form-control::-webkit-input-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .fake-text-form-control, .fake-text-form-control:-moz-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .fake-text-form-control, .fake-text-form-control::-moz-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .fake-text-form-control, .fake-text-form-control:-ms-input-placeholder {
      font-size: 16px;
      font-weight: 400; }
    .fake-text-form-control, .fake-text-form-control::placeholder {
      font-size: 16px;
      font-weight: 400; } }

textarea.form-control {
  height: auto;
  resize: vertical;
  max-height: 325px; }

input[type="search"] {
  -webkit-appearance: textfield; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 42px; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn,
  .input-group-sm
  input[type="month"] {
    line-height: 28px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn,
  .input-group-lg
  input[type="month"] {
    line-height: 42px; } }

.form-group {
  margin-bottom: 15px; }

.form-group-100 {
  width: 100% !important; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 17px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 0;
  min-height: 29px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 28px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
  -moz-border-radius: 3px;
       border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 28px;
  line-height: 28px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-sm .form-control {
  height: 28px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
  -moz-border-radius: 3px;
       border-radius: 3px; }

.form-group-sm select.form-control {
  height: 28px;
  line-height: 28px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 28px;
  min-height: 28px;
  padding: 6px 10px;
  font-size: 11px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 42px;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.33333;
  -moz-border-radius: 6px;
       border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 42px;
  line-height: 42px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-lg .form-control {
  height: 42px;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.33333;
  -moz-border-radius: 6px;
       border-radius: 6px; }

.form-group-lg select.form-control {
  height: 42px;
  line-height: 42px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 42px;
  min-height: 32px;
  padding: 11px 16px;
  font-size: 15px;
  line-height: 1.33333; }

.has-feedback,
.has-clear {
  position: relative; }
  .has-feedback .form-control,
  .has-clear .form-control {
    padding-right: 54px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 42px;
  height: 42px;
  line-height: 42px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 28px;
  height: 28px;
  line-height: 28px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  color: #3c763d; }
  .has-success .form-control:focus {
    border-color: #3c763d;
    color: #3c763d; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  color: #8a6d3b; }
  .has-warning .form-control:focus {
    border-color: #8a6d3b;
    color: #8a6d3b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #d70000; }

.has-error .form-control {
  border-color: #d70000;
  color: #d70000; }
  .has-error .form-control:focus {
    border-color: #d70000;
    color: #d70000; }

.has-error .input-group-addon {
  color: #d70000;
  border-color: #d70000;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #d70000; }

/* div.has-error::after {
    //position: relative;
    display: inline-block;
    float: right;
    content: ".";
    font-size: 48px;
    color: $state-danger-border;
    margin-top: -60px;
    margin-right: -16px;
    //z-index: 9999;
    } */
.has-feedback label ~ .form-control-feedback {
  top: 22px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #858585; }

@media (min-width: 650px) {
  .form-inline .form-group,
  .form-inline .input-field {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      border: none;
      width: auto; }
    .form-inline .input-group .input-group-addon {
      background-color: white;
      color: #007D8F; }
    .form-inline .input-group > input {
      border: none;
      height: 39px !important; }
  .form-inline .input-group.input-amount .form-control,
  .form-inline .input-group.input-date .form-control {
    border: 1px solid #ccc !important; }
  .form-inline .input-group.input-amount > input,
  .form-inline .input-group.input-date > input {
    border: 1px solid #ccc !important; }
  .form-inline .input-group.input-amount > input:focus,
  .form-inline .input-group.input-date > input:focus {
    border: 1px solid #007D8F !important; }
  .form-inline .input-group-100 {
    width: 100% !important; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
    /* -- Modification NPC pour éviter que le label ne viennt dessus le bouton
        label {
          padding-left: 0;
        }
        */ }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 29px; }

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 650px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 12px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

@media (min-width: 650px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 15px; } }

@media (min-width: 650px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 11px; } }

.radio label,
.radio-inline label,
.checkbox label,
.checkbox-inline label {
  padding-left: 25px; }

.radio input[type="radio"],
.radio input[type="checkbox"],
.radio-inline input[type="radio"],
.radio-inline input[type="checkbox"],
.checkbox input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="radio"],
.checkbox-inline input[type="checkbox"] {
  margin-left: -25px; }

input[type="radio"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
  margin-top: 6px;
  margin-right: 4px;
  vertical-align: top;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer; }
  input[type="radio"]:focus,
  .radio input[type="radio"]:focus,
  .radio-inline input[type="radio"]:focus {
    outline: none; }
  input[type="radio"]:before, input[type="radio"]:after,
  .radio input[type="radio"]:before,
  .radio input[type="radio"]:after,
  .radio-inline input[type="radio"]:before,
  .radio-inline input[type="radio"]:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    -moz-border-radius: 50%;
         border-radius: 50%;
    -moz-transition: 240ms;
    transition: 240ms; }
  input[type="radio"]:before,
  .radio input[type="radio"]:before,
  .radio-inline input[type="radio"]:before {
    position: absolute;
    left: 0;
    top: -3px;
    background-color: #007D8F;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
         transform: scale(0); }
  input[type="radio"]:after,
  .radio input[type="radio"]:after,
  .radio-inline input[type="radio"]:after {
    position: relative;
    top: -3px;
    border: 1px solid #999999; }
  input[type="radio"]:checked:before,
  .radio input[type="radio"]:checked:before,
  .radio-inline input[type="radio"]:checked:before {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
         transform: scale(0.5); }
  input[type="radio"]:disabled:checked:before,
  .radio input[type="radio"]:disabled:checked:before,
  .radio-inline input[type="radio"]:disabled:checked:before {
    background-color: #999999; }
  input[type="radio"]:checked:after,
  .radio input[type="radio"]:checked:after,
  .radio-inline input[type="radio"]:checked:after {
    border-color: #999999; }
  input[type="radio"]:disabled:after, input[type="radio"]:disabled:checked:after,
  .radio input[type="radio"]:disabled:after,
  .radio input[type="radio"]:disabled:checked:after,
  .radio-inline input[type="radio"]:disabled:after,
  .radio-inline input[type="radio"]:disabled:checked:after {
    border-color: #999999; }

input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: relative;
  border: none;
  margin-bottom: -4px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer; }
  input[type="checkbox"]:focus,
  .checkbox input[type="checkbox"]:focus,
  .checkbox-inline input[type="checkbox"]:focus {
    outline: none; }
  input[type="checkbox"]:focus:after,
  .checkbox input[type="checkbox"]:focus:after,
  .checkbox-inline input[type="checkbox"]:focus:after {
    border-color: #007D8F; }
  input[type="checkbox"]:after,
  .checkbox input[type="checkbox"]:after,
  .checkbox-inline input[type="checkbox"]:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    margin-top: -2px;
    margin-right: 5px;
    border: 1px solid #999999;
    -moz-border-radius: 2px;
         border-radius: 2px;
    -moz-transition: 240ms;
    transition: 240ms; }
  input[type="checkbox"]:checked:before,
  .checkbox input[type="checkbox"]:checked:before,
  .checkbox-inline input[type="checkbox"]:checked:before {
    position: absolute;
    top: 0;
    left: 6px;
    display: table;
    width: 6px;
    height: 12px;
    border: 2px solid #fff;
    border-top-width: 0;
    border-left-width: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
         transform: rotate(45deg); }
  input[type="checkbox"]:checked:after,
  .checkbox input[type="checkbox"]:checked:after,
  .checkbox-inline input[type="checkbox"]:checked:after {
    padding-left: 2px;
    padding-top: 1px;
    background-color: transparent;
    border-color: #999999;
    font-family: 'Glyphicons Halflings';
    font-size: 8px;
    color: #007D8F;
    content: "\e074"; }
  input[type="checkbox"]:disabled:after,
  .checkbox input[type="checkbox"]:disabled:after,
  .checkbox-inline input[type="checkbox"]:disabled:after {
    border-color: #777777; }
  input[type="checkbox"]:disabled:checked:after,
  .checkbox input[type="checkbox"]:disabled:checked:after,
  .checkbox-inline input[type="checkbox"]:disabled:checked:after {
    background-color: #777777;
    border-color: transparent; }

.input-group-vertical {
  margin-bottom: 10px; }
  .input-group-vertical .form-control {
    -moz-border-radius: 0;
         border-radius: 0; }
  .input-group-vertical .form-group {
    margin-bottom: 0; }
  .input-group-vertical .form-group:not(:last-child) .form-control:not(:focus) {
    border-bottom-color: transparent; }
  .input-group-vertical .form-group:first-child .form-control {
    -moz-border-radius-topleft: 3px;
         border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
         border-top-right-radius: 3px; }
  .input-group-vertical .form-group:last-child .form-control {
    -moz-border-radius-bottomright: 3px;
         border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
         border-bottom-left-radius: 3px;
    top: -2px; }

.input-date > span {
  background-color: transparent;
  border: none;
  width: 10px;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px; }

.input-date .form-control {
  text-align: center;
  font-size: 12px;
  font-weight: 600; }

.input-date .form-control.day {
  width: 30px;
  padding: 0 0;
  -moz-border-radius-topleft: 3px;
       border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
       border-bottom-left-radius: 3px; }

.input-date .form-control.month {
  width: 30px;
  padding: 0 0;
  margin-left: -1px; }

.input-date .form-control.year {
  width: 40px;
  padding: 0 0;
  -moz-border-radius-topright: 3px;
       border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
       border-bottom-right-radius: 3px;
  margin-left: -2px; }

.input-amount > span {
  background-color: transparent;
  border: none;
  width: 10px;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px; }

.input-amount .form-control {
  text-align: center;
  font-size: 12px;
  font-weight: 600; }

.input-amount .form-control.integral {
  text-align: right;
  width: 94px;
  padding: 1px 4px; }

.input-amount .form-control.fractional {
  text-align: left;
  width: 30px;
  padding: 1px 4px;
  margin-left: -1px; }

div.input-search {
  float: left;
  display: block;
  position: relative; }
  div.input-search > span.input-icon {
    color: #99cc00;
    position: absolute;
    top: -10px;
    margin-right: -12px; }
  div.input-search > input {
    padding-right: 18px; }

.form-label {
  text-transform: uppercase; }

.form-label-white {
  color: white;
  text-transform: uppercase; }

.btn-100 {
  width: 100% !important; }

.encart {
  background-color: #007D8F;
  text-transform: uppercase;
  min-height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  padding-left: 10px; }

.add-clear-x {
  color: #007D8F;
  top: 0 !important; }

.has-clear input::-ms-clear {
  display: none; }

.has-clear ~ .input-field-icon {
  display: none; }

.radio-input {
  position: absolute;
  left: -10000px;
  opacity: 0; }

.radio-input + .radio-label {
  position: relative;
  padding-left: 20px; }

.radio-input + .radio-label:before, .radio-input + .radio-label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  -moz-transition: 240ms;
  transition: 240ms; }

.radio-input + .radio-label:before {
  border: 1px solid #999999;
  background-color: #ffffff; }

.radio-input + .radio-label:after {
  background-color: #007D8F;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
          transform: scale(0); }

.radio-input:checked + .radio-label:after {
  -webkit-transform: scale(0.5);
     -moz-transform: scale(0.5);
          transform: scale(0.5); }

.radio-input:disabled:checked + .radio-label:after {
  background-color: #999999; }

.checkbox-input,
input[type="checkbox"].checkbox-input {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.checkbox-input,
input[type="checkbox"].checkbox-input {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.checkbox-input + .checkbox-label, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a {
  position: relative;
  padding-left: 22px; }
  .checkbox-input + .checkbox-label:before, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:before, .checkbox-input + .checkbox-label:after, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:after {
    content: "";
    position: absolute;
    -moz-transition: 240ms;
    transition: 240ms;
    left: 7px;
    top: 8px; }
  .checkbox-input + .checkbox-label:before, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:before {
    width: 14px;
    height: 14px;
    margin: -7px;
    border: 1px solid #999;
    -moz-border-radius: 2px;
         border-radius: 2px; }
  .checkbox-input + .checkbox-label:after, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:after {
    width: 6px;
    height: 6px;
    margin: -3px;
    background-color: #007D8F;
    opacity: 0; }

.checkbox-input:checked + .checkbox-label:after, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li.selected a:after {
  opacity: 1; }

.checkbox-input:disabled + .checkbox-label:before, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li.disabled a:before {
  border-color: #777; }

.checkbox-input:disabled + .checkbox-label:after, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li.disabled a:after {
  background-color: #777; }

.GreenBtn-callbackLaterFooter .checkbox-input + .checkbox-label:before {
  background-color: #ffffff;
  border-color: #ffffff; }

.checkbox-input {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

/*
  .checkbox-input:disabled:checked+.checkbox-label:after {
    background-color:#777;
    border-color:transparent;
  }
  */
/*doc
  ---
  title: Input field
  parent: input
  name: input-field
  category: input
  ---

  Ajout d'éléments sur le input

  */
/*doc
  ---
  title: Input field - Icon
  parent: input-field
  name: input-field-01
  category: input
  ---

  ajout d'un icon sur la droite (`input-field-icon`)


  ```html_example
  <div class="form-group">
    <label for="input-field-01-1">Mon label</label>
    <div class="input-field">
      <input class="form-control" id="input-field-01-1" value="" name="" placeholder="">
      <span class="icon npc-magnifer input-field-icon"></span>
    </div>
  </div>
  ```
  */
/*doc
  ---
  title: Input field - Action
  parent: input-field
  name: input-field-02
  category: input
  ---

  ajout d'une action sur la droite (`input-field-action`).


  ```html_example
  <div class="form-group">
    <label for="input-field-02-1">Mon label 1</label>
    <div class="input-field">
      <input class="form-control" id="input-field-02-1" value="" name="" placeholder="">
      <a class="icon npc-add input-field-action"></a>
    </div>
    <label for="input-field-02-1">Mon label 2</label>
    <div class="input-field">
      <input class="form-control" id="input-field-02-2" value="" name="" placeholder="">
      <a class="icon npc-close input-field-action"></a>
    </div>
  </div>
  ```
  */
/*doc
  ---
  title: Input field - Inner Label
  parent: input-field
  name: input-field-03
  category: input
  ---

  Ajout du label sur la droite

  JS à ajouter :

  - `<script src="inputInnerLabel.js"></script>`


  <!--  BASE JS  -->
  <script src="./../../build/js/enquire.js" type="text/javascript"></script>
  <script src="./../../build/js/common.js" type="text/javascript"></script>

  <!--  CUSTOM JS -->
  <script src="./../../build/js/inputInnerLabel.js" type="text/javascript"></script>


  ```html_example
  @@include("../../kit/components/form/_inputInnerLabel.kit")
  ```
  */
.input-field {
  position: relative;
  margin-bottom: 15px; }
  .input-field:last-child {
    margin-bottom: 0; }
  .input-field .form-control {
    padding-right: 42px; }

.input-field-icon,
.input-field-action {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 42px;
  height: 42px;
  line-height: 42px;
  color: #007D8F;
  text-align: center;
  text-decoration: none; }
  .input-field-icon.npc-add,
  .input-field-action.npc-add {
    font-size: 16px; }
  .input-field-icon.npc-close,
  .input-field-action.npc-close {
    font-size: 11px; }
  .input-field-icon.npc-magnifer,
  .input-field-action.npc-magnifer {
    font-size: 17px; }

.input-field-icon {
  pointer-events: none; }

.input-field-action {
  cursor: pointer; }
  .input-field-action:hover, .input-field-action:focus {
    color: #006675;
    text-decoration: none; }

.input-field--innerLabel .input-field-label {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  margin: 0;
  line-height: 18px;
  text-transform: none;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  pointer-events: none; }

@-webkit-keyframes loaderDots {
  0%, 100% {
    background-color: #007D8F;
    box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F; }
  25% {
    background-color: #99cc00;
    box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F; }
  50% {
    background-color: #007D8F;
    box-shadow: 1.3em 0 0 #99cc00, 2.6em 0 0 #007D8F; }
  75% {
    background-color: #007D8F;
    box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #99cc00; } }

@-moz-keyframes loaderDots {
  0%, 100% {
    background-color: #007D8F;
    -moz-box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F;
         box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F; }
  25% {
    background-color: #99cc00;
    -moz-box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F;
         box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F; }
  50% {
    background-color: #007D8F;
    -moz-box-shadow: 1.3em 0 0 #99cc00, 2.6em 0 0 #007D8F;
         box-shadow: 1.3em 0 0 #99cc00, 2.6em 0 0 #007D8F; }
  75% {
    background-color: #007D8F;
    -moz-box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #99cc00;
         box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #99cc00; } }

@keyframes loaderDots {
  0%, 100% {
    background-color: #007D8F;
    -moz-box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F;
         box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F; }
  25% {
    background-color: #99cc00;
    -moz-box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F;
         box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F; }
  50% {
    background-color: #007D8F;
    -moz-box-shadow: 1.3em 0 0 #99cc00, 2.6em 0 0 #007D8F;
         box-shadow: 1.3em 0 0 #99cc00, 2.6em 0 0 #007D8F; }
  75% {
    background-color: #007D8F;
    -moz-box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #99cc00;
         box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #99cc00; } }

/*doc
---
title: Loader
name: loader
category: loader
---
*/
/*doc
---
title: Loader - Default
parent: loader
name: loader-01
category: loader
---

```html_example
<div class="loader"></div>
```
*/
/*doc
---
title: Loader - Big
parent: loader
name: loader-02
category: loader
---

```html_example
<div class="loader loader--big"></div>
```
*/
/*doc
---
title: Loader - Biggest
parent: loader
name: loader-03
category: loader
---

```html_example
<div class="loader loader--biggest"></div>
```
*/
/*doc
---
title: Loader - Positions
parent: loader
name: loader-50
category: loader
---

*/
/*doc
---
title: Loader - Position - Left
parent: loader-50
name: loader-50-01
category: loader
---

```html_example
<div class="loader loader--big loader--left"></div>
```
*/
/*doc
---
title: Loader - Position - Center
parent: loader-50
name: loader-50-02
category: loader
---

```html_example
<div class="loader loader--big loader--center"></div>
```
*/
/*doc
---
title: Loader - Position - Right
parent: loader-50
name: loader-50-03
category: loader
---

```html_example
<div class="loader loader--big loader--right"></div>
```
*/
/*doc
---
title: Loader - Modal
parent: loader-50
name: loader-50-04
category: loader
---

```html_example
<a href="#cookiesLoader" data-toggle="modal" >Ouvrir la modal</a>

<div id="cookiesLoader" class="loader loader--modal" role="dialog"  data-backdrop="static" data-keyboard="false" ></div>
```
*/
.loader {
  font-size: 4px;
  line-height: 1; }
  .loader:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    font-size: 4px;
    margin-right: 2.6em;
    -moz-border-radius: 50%;
         border-radius: 50%;
    background-color: #007D8F;
    -moz-box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F;
         box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F;
    -webkit-animation: loaderDots .75s linear infinite alternate;
       -moz-animation: loaderDots .75s linear infinite alternate;
            animation: loaderDots .75s linear infinite alternate;
    font-size: inherit; }

.loader--big {
  font-size: 8px; }

.loader--biggest {
  height: 50px;
  line-height: 52px;
  font-size: 10px; }

.loader--left {
  text-align: left; }

.loader--center {
  text-align: center; }

.loader--right {
  text-align: right; }

.loader--modal {
  display: none;
  position: fixed;
  font-size: 50px;
  top: 50%;
  left: 50%;
  z-index: 99999;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.Testimonials-carousel .carousel-indicators, .CarouselActu.owl-carousel .owl-dots, .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-dots, .pushMultiple-list.owl-loaded .owl-dots, .PushPage-items.owl-loaded .owl-dots, .PartnerEntities-carousel.owl-loaded .owl-dots, .StockIndicesKE.owl-loaded .owl-dots, .CarouselVideoPlayer.owl-carousel .owl-dots {
  text-align: center; }

.Testimonials-carousel .carousel-indicators li, .CarouselActu.owl-carousel .owl-dot, .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-dot, .pushMultiple-list.owl-loaded .owl-dot, .PushPage-items.owl-loaded .owl-dot, .PartnerEntities-carousel.owl-loaded .owl-dot, .StockIndicesKE.owl-loaded .owl-dot, .CarouselVideoPlayer.owl-carousel .owl-dot {
  background: #007D8F;
  -moz-border-radius: 50%;
       border-radius: 50%;
  border: 2px solid #007D8F;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  margin: 0 3px;
  padding: 0;
  -moz-transition: background 200ms ease;
  transition: background 200ms ease;
  width: 12px; }

.Testimonials-carousel .carousel-indicators li:hover:not(.active), .Testimonials-carousel .carousel-indicators li:focus:not(.active), .CarouselActu.owl-carousel .owl-dot:hover:not(.active), .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-dot:hover:not(.active), .pushMultiple-list.owl-loaded .owl-dot:hover:not(.active), .PushPage-items.owl-loaded .owl-dot:hover:not(.active), .PartnerEntities-carousel.owl-loaded .owl-dot:hover:not(.active), .StockIndicesKE.owl-loaded .owl-dot:hover:not(.active), .CarouselVideoPlayer.owl-carousel .owl-dot:hover:not(.active), .CarouselActu.owl-carousel .owl-dot:focus:not(.active), .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-dot:focus:not(.active), .pushMultiple-list.owl-loaded .owl-dot:focus:not(.active), .PushPage-items.owl-loaded .owl-dot:focus:not(.active), .PartnerEntities-carousel.owl-loaded .owl-dot:focus:not(.active), .StockIndicesKE.owl-loaded .owl-dot:focus:not(.active), .CarouselVideoPlayer.owl-carousel .owl-dot:focus:not(.active) {
  background: rgba(0, 125, 143, 0.8); }

.Testimonials-carousel .carousel-indicators li.active, .CarouselActu.owl-carousel .owl-dot.active, .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-dot.active, .pushMultiple-list.owl-loaded .owl-dot.active, .PushPage-items.owl-loaded .owl-dot.active, .PartnerEntities-carousel.owl-loaded .owl-dot.active, .StockIndicesKE.owl-loaded .owl-dot.active, .CarouselVideoPlayer.owl-carousel .owl-dot.active {
  background: transparent; }

.owl-nav.disabled {
  display: none; }

.PushPage-items.owl-loaded .owl-stage-outer {
  overflow: hidden; }

.PushPage-items.owl-loaded .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

/* Define default value for AEM editor mode */
@media screen and (min-width: 1170px) {
  .js-Template-head {
    min-height: 600px; } }

.ColLeft--primary .ColLeft-content {
  background-color: #007D8F; }

@media (min-width: 990px) and (max-width: 1400px) {
  .col-md-4 .callGreenBtnBloc {
    padding: 45px 55px; }
  .col-md-4 .callGreenBtnBloc-text {
    font-size: 16px; }
  .col-md-4 .callGreenBtnBloc-chatIcon {
    font-size: 9px; }
  .col-md-4 .callGreenBtnBloc-chatSvg {
    width: 65px;
    height: 65px; }
  .col-md-4 .callGreenBtnBloc-link {
    white-space: nowrap; } }

/* to dispatch components in the js fullheight */
.js-FullHeight {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 350px;
  height: -moz-calc(100vh - 60px);
  height: calc(100vh - 60px);
  overflow: hidden; }
  @media screen and (max-width: 989px) {
    .js-FullHeight {
      min-height: 550px;
      height: auto; } }
  .js-FullHeight > .parsys {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    .js-FullHeight > .parsys:first-child {
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .js-FullHeight > .parsys > .section {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
         -moz-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      .js-FullHeight > .parsys > .section.new {
        -webkit-box-flex: 0;
           -moz-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0; }
    .js-FullHeight > .parsys .parbase,
    .js-FullHeight > .parsys .componentZdg,
    .js-FullHeight > .parsys .campaign,
    .js-FullHeight > .parsys .campaign > div:first-child {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
         -moz-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: 100%; }
      .js-FullHeight > .parsys .parbase:first-child,
      .js-FullHeight > .parsys .componentZdg:first-child,
      .js-FullHeight > .parsys .campaign:first-child,
      .js-FullHeight > .parsys .campaign > div:first-child:first-child {
        -webkit-box-flex: 1;
           -moz-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
  .js-FullHeight > .parbase {
    width: 100%; }
  .js-FullHeight > .parsys > .section.new {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .js-FullHeight .PushCarousel3,
  .js-FullHeight .PushCarousel3-carousel {
    height: 100%; }
  .js-FullHeight .componentZdg {
    width: 100%; }

.js-FullHeight--removeMinHeight {
  min-height: initial; }

.new-zdg-supprimable {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  min-height: 350px; }
  .new-zdg-supprimable > div:first-child {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .new-zdg-supprimable .componentZdg .PushCarousel3 .PushCarousel3-carousel .PushCarousel3-carouselInner {
    min-height: 350px; }

.js-fullHeight--hasDelta > .parsys:first-child .PushLeftZone-backgroundWrapper, .js-fullHeight--hasDelta > .parsys:first-child .PushCommunication-backgroundWrapper, .js-fullHeight--hasDelta > .parsys:first-child .Etapier-backgroundWrapper, .componentZdg .js-fullHeight--hasDelta > .parsys:first-child .PushCommunication-backgroundWrapper, .componentZdg .js-fullHeight--hasDelta > .parsys:first-child .Etapier-backgroundWrapper, .js-fullHeight--hasDelta > .parsys:first-child .PushCarousel5, .js-fullHeight--hasDelta > .parsys:first-child .PushNinePos, .js-fullHeight--hasDelta > .parsys:first-child .componentZdg .VideoPlayer, .componentZdg .js-fullHeight--hasDelta > .parsys:first-child .VideoPlayer, .js-fullHeight--hasDelta > .parsys:first-child .ArticleDetail, .js-fullHeight--hasDelta > .parsys:first-child .PushDidYouKnow-background, .js-fullHeight--hasDelta > .parsys:first-child .componentZdg .PushCommunication-background, .componentZdg .js-fullHeight--hasDelta > .parsys:first-child .PushCommunication-background, .js-fullHeight--hasDelta > .parsys:first-child .componentZdg .Etapier-background, .componentZdg .js-fullHeight--hasDelta > .parsys:first-child .Etapier-background {
  margin-top: -60px;
  padding-top: 60px;
  -moz-box-sizing: content-box;
       box-sizing: content-box; }
  @media screen and (max-width: 989px) {
    .js-fullHeight--hasDelta > .parsys:first-child .PushLeftZone-backgroundWrapper, .js-fullHeight--hasDelta > .parsys:first-child .PushCommunication-backgroundWrapper, .js-fullHeight--hasDelta > .parsys:first-child .Etapier-backgroundWrapper, .componentZdg .js-fullHeight--hasDelta > .parsys:first-child .PushCommunication-backgroundWrapper, .componentZdg .js-fullHeight--hasDelta > .parsys:first-child .Etapier-backgroundWrapper, .js-fullHeight--hasDelta > .parsys:first-child .PushCarousel5, .js-fullHeight--hasDelta > .parsys:first-child .PushNinePos, .js-fullHeight--hasDelta > .parsys:first-child .componentZdg .VideoPlayer, .componentZdg .js-fullHeight--hasDelta > .parsys:first-child .VideoPlayer, .js-fullHeight--hasDelta > .parsys:first-child .ArticleDetail, .js-fullHeight--hasDelta > .parsys:first-child .PushDidYouKnow-background, .js-fullHeight--hasDelta > .parsys:first-child .componentZdg .PushCommunication-background, .componentZdg .js-fullHeight--hasDelta > .parsys:first-child .PushCommunication-background, .js-fullHeight--hasDelta > .parsys:first-child .componentZdg .Etapier-background, .componentZdg .js-fullHeight--hasDelta > .parsys:first-child .Etapier-background {
      margin-top: 0;
      padding-top: 0; } }
  .aem-AuthorLayer-Edit .js-fullHeight--hasDelta > .parsys:first-child .PushLeftZone-backgroundWrapper, .aem-AuthorLayer-Edit .js-fullHeight--hasDelta > .parsys:first-child .PushCommunication-backgroundWrapper, .aem-AuthorLayer-Edit .js-fullHeight--hasDelta > .parsys:first-child .Etapier-backgroundWrapper, .aem-AuthorLayer-Edit .js-fullHeight--hasDelta > .parsys:first-child .PushCarousel5, .aem-AuthorLayer-Edit .js-fullHeight--hasDelta > .parsys:first-child .PushNinePos, .aem-AuthorLayer-Edit .js-fullHeight--hasDelta > .parsys:first-child .componentZdg .VideoPlayer, .componentZdg .aem-AuthorLayer-Edit .js-fullHeight--hasDelta > .parsys:first-child .VideoPlayer, .aem-AuthorLayer-Edit .js-fullHeight--hasDelta > .parsys:first-child .ArticleDetail, .aem-AuthorLayer-Edit .js-fullHeight--hasDelta > .parsys:first-child .PushDidYouKnow-background, .aem-AuthorLayer-Edit .js-fullHeight--hasDelta > .parsys:first-child .componentZdg .PushCommunication-background, .componentZdg .aem-AuthorLayer-Edit .js-fullHeight--hasDelta > .parsys:first-child .PushCommunication-background, .aem-AuthorLayer-Edit .js-fullHeight--hasDelta > .parsys:first-child .componentZdg .Etapier-background, .componentZdg .aem-AuthorLayer-Edit .js-fullHeight--hasDelta > .parsys:first-child .Etapier-background {
    margin-top: 0;
    padding-top: 0; }

.Template iframe {
  border: none; }

/* Set margin-top for the fixed header */
.Template {
  position: relative;
  z-index: 1;
  margin-top: 120px; }
  @media screen and (max-width: 989px) {
    .Template {
      margin-top: 60px; } }
  @media print {
    .Template {
      margin-top: 0 !important; } }

/* Overload on 50% height splitted blocks */
.Template-splitMinHeight50 .C112 {
  height: 100%; }

/* to reduce margin */
.Template-reduceMargin {
  margin: 10px -5px; }

/* To reduce the row's left&right margin  */
.Template-reduceMargin15px {
  margin: 0 -15px; }

/* to set margin 5px */
.Template-margin5px {
  margin: 5px;
  background-color: white; }

/* to set margin bottom 5% */
.Template-marginBot5perc {
  margin-bottom: 5%; }

/* to set vertical padding 30px */
.Template-padTopBot30px {
  padding-top: 30px;
  padding-bottom: 30px; }

.Template-padLR {
  padding-left: 5%;
  padding-right: 5%; }

/* to set background gray */
/* to set background gray darker (ex : offer sheet R1)*/
/* Classes for templates like FAQ... */
.Template-headTitle {
  font-size: 40px;
  font-weight: 700; }

.Template-headIntro {
  font-style: italic;
  font-weight: 300; }

.Template-headPanel {
  position: relative;
  margin: 30px -15px 0;
  padding: 30px 15px;
  text-align: center;
  background: #007D8F;
  color: #ffffff; }
  .Template-headPanel::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -20px;
    margin-left: -12px;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent #007D8F; }

.Template-subtitle {
  margin: 0;
  padding: 0 0 30px; }

/* Partner Entities (c049) wrapper */
@media (min-width: 990px) {
  .Template-partnerEntities {
    overflow: hidden; }
    .Template-partnerEntities > div {
      float: left; }
      .Template-partnerEntities > div:first-child {
        width: 56%; }
        .Template-partnerEntities > div:first-child:last-child {
          width: 100%; }
        .Template-partnerEntities > div:first-child + div {
          width: 44%; }
      .Template-partnerEntities > div:nth-last-child(3) {
        width: 100%; } }

/* Padding left and right (5%) */
.Template-padLR {
  padding-left: 5%;
  padding-right: 5%; }

.Template-edito {
  max-width: 66%;
  margin: 0 auto;
  padding: 0 0 5%; }
  .Template-edito h1 {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    line-height: 45px; }
  .Template-edito h3 {
    margin-bottom: 0;
    font-size: 12px;
    color: #007D8F; }
  .Template-edito .RichText {
    font-size: 12px;
    font-weight: 300; }
  .Template-edito .RichText-chapeau {
    font-size: 15px; }
  .Template-edito .ArticleBloc-quote {
    margin-left: 0;
    margin-right: 0; }

/* Overwrite class for co-browser OBS, don't delete */
.gcb-virtualClick {
  z-index: 10010 !important; }

/* Overwrite class for co-browser OBS, don't delete */
/*doc
---
title: Custom redirect
name: custom-redirect
category: custom-redirect
---

Pour utilisation du `data-custom-redirect` permettant une redirection en JS sur un bloc :

- Ajout de l'attribut `data-custom-redirect` avec en valeur :
  - String : l'url à rediriger
  - Empty String : change le curseur et effet survol mais ne redirige pas (cas d'utilisation: modal)
  - Int : fait référence au Xème élément mis en paramètre (commence à 0)
  - Object (json) : permet l'ajout du target `blank`
    ```{ "url": "${url}", "target": "_blank" }```
- Ajout de l'attribut `tabindex`
  - valeur = 0 : navigable au clavier
  - valeur négative : n'est pas sélectionnable au clavier (à préférer car le prochain lien sera le lien SEO)
- Supprimer les liens inutiles (convertir en span par exemple)

*/
[data-custom-redirect] {
  cursor: pointer; }

.placeholder-2-bis-chalus {
  margin-top: 30px; }

ins.textAdded {
  color: #0c1;
  background-color: yellow;
  text-decoration: none; }

del.textRemoved {
  color: #c00; }

img.imageAdded {
  border: 2px solid #0c0; }

img.imageRemoved {
  border: 2px solid #c00; }

@keyframes loaderDots {
  0%, 100% {
    background-color: #007D8F;
    -moz-box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F;
         box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F; }
  25% {
    background-color: #99cc00;
    -moz-box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F;
         box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F; }
  50% {
    background-color: #007D8F;
    -moz-box-shadow: 1.3em 0 0 #99cc00, 2.6em 0 0 #007D8F;
         box-shadow: 1.3em 0 0 #99cc00, 2.6em 0 0 #007D8F; }
  75% {
    background-color: #007D8F;
    -moz-box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #99cc00;
         box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #99cc00; } }

/*doc
---
title: Loader
name: loader
category: loader
---
*/
/*doc
---
title: Loader - Default
parent: loader
name: loader-01
category: loader
---

```html_example
<div class="loader"></div>
```
*/
/*doc
---
title: Loader - Big
parent: loader
name: loader-02
category: loader
---

```html_example
<div class="loader loader--big"></div>
```
*/
/*doc
---
title: Loader - Biggest
parent: loader
name: loader-03
category: loader
---

```html_example
<div class="loader loader--biggest"></div>
```
*/
/*doc
---
title: Loader - Positions
parent: loader
name: loader-50
category: loader
---

*/
/*doc
---
title: Loader - Position - Left
parent: loader-50
name: loader-50-01
category: loader
---

```html_example
<div class="loader loader--big loader--left"></div>
```
*/
/*doc
---
title: Loader - Position - Center
parent: loader-50
name: loader-50-02
category: loader
---

```html_example
<div class="loader loader--big loader--center"></div>
```
*/
/*doc
---
title: Loader - Position - Right
parent: loader-50
name: loader-50-03
category: loader
---

```html_example
<div class="loader loader--big loader--right"></div>
```
*/
/*doc
---
title: Loader - Modal
parent: loader-50
name: loader-50-04
category: loader
---

```html_example
<a href="#cookiesLoader" data-toggle="modal" >Ouvrir la modal</a>

<div id="cookiesLoader" class="loader loader--modal" role="dialog"  data-backdrop="static" data-keyboard="false" ></div>
```
*/
.loader {
  font-size: 4px;
  line-height: 1; }
  .loader:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    font-size: 4px;
    margin-right: 2.6em;
    -moz-border-radius: 50%;
         border-radius: 50%;
    background-color: #007D8F;
    -moz-box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F;
         box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F;
    -webkit-animation: loaderDots .75s linear infinite alternate;
       -moz-animation: loaderDots .75s linear infinite alternate;
            animation: loaderDots .75s linear infinite alternate;
    font-size: inherit; }

.loader--big {
  font-size: 8px; }

.loader--biggest {
  height: 50px;
  line-height: 52px;
  font-size: 10px; }

.loader--left {
  text-align: left; }

.loader--center {
  text-align: center; }

.loader--right {
  text-align: right; }

.loader--modal {
  display: none;
  position: fixed;
  font-size: 50px;
  top: 50%;
  left: 50%;
  z-index: 99999;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

/*doc
---
title: formActions
name: formActions
category: formActions
---
 */
/*doc
---
title: formActions - Default
parent: formActions
name: formActions-01
category: formActions
---
```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/form/_formActions.kit")

</div>
```
 */
/*doc
---
title: formActions - No submit
parent: formActions
name: formActions-02
category: formActions
---
```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/form/_formActions--noSubmit.kit")

</div>
```
 */
/*doc
---
title: formActions - No back
parent: formActions
name: formActions-03
category: formActions
---
```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/form/_formActions--noBack.kit")

</div>
```
 */
/*doc
---
title: formActions - submit disabled
parent: formActions
name: formActions-04
category: formActions
---
```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/form/_formActions--submitDisabled.kit")

</div>
```
 */
/*doc
---
title: formActions - multiple actions
parent: formActions
name: formActions-05
category: formActions
---
```html_example
<div class="Styleguide-Synthesis-colRight"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/form/_formActions--multipleActions.kit")

</div>
```
 */
.FormActions {
  margin: 10px auto; }

.FormActions-inner {
  text-align: center;
  margin: -5px -7px; }

.FormActions-btn {
  margin: 5px 7px;
  min-width: 160px; }

.FormActions-btn--back {
  -webkit-box-ordinal-group: 11;
     -moz-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10; }

.FormActions-btn--submit {
  -webkit-box-ordinal-group: 0;
     -moz-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  border-width: 1px; }

@media (max-width: 649px) {
  .FormActions-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; } }

.Template-backgroundBrandGray01, .TabsNav--gray .TabsNav-item:not(.active), .bigButton, .PushEdito, .PushActu, .PartnerEntities-itemLink, .Blog, .Blog-link, .PushAdvice, .OurSolutionToSave, .pushFaq-linkText, .CheckList, .SubscribeBtn-block, .GenericBtn-block, .IncreaseTheCeiling--bgcGray, .ColumnControl--casA, .ColumnControl--casA-white, .ColumnControl--casA-grey, .ColumnControl--casB, .ColumnControl--casB-white, .ColumnControl--casB-grey, .ColumnControl--casC, .ColumnControl--casC-white, .ColumnControl--casC-grey, .ColumnControl--casD, .ColumnControl--casD-white, .ColumnControl--casD-grey, .ColumnControl--casE, .ColumnControl--casE-white, .ColumnControl--casE-grey, .simpleAccess, .swipableBloc-main, .NewsFeed, .NewsFeed-bodyCookies .OutputMsg, .PushInitiatives, .EDocs-redirectLinkText, .EDocs-redirectLinkImg {
  background-color: #f5f5f5; }

.Template-backgroundBrandGray01Darker, .ProgressBar {
  background-color: #ececec; }

.OurSolutionToSave-blocLink, .CheckList-stepToggle:before, .CheckList-stepToggle--FO:before {
  background-color: #ffffff; }

.CheckList-stepToggle:before, .CheckList-stepToggle--FO:before {
  color: #f5f5f5; }

.TabsNav-item--action, .TabsNav--gray .TabsNav-item:not(.active), .Blog-title,
.Blog-link, .NewsFeed-header, .NewsFeed-body {
  border-color: #ffffff; }

.Template-backgroundBrandGray01 .Template-backgroundBrandGray01, .IncreaseTheCeiling--bgcGray .Template-backgroundBrandGray01, .T007__notfound .Template-backgroundBrandGray01, .Template-backgroundBrandGray01 .TabsNav--gray .TabsNav-item:not(.active), .TabsNav--gray .Template-backgroundBrandGray01 .TabsNav-item:not(.active), .IncreaseTheCeiling--bgcGray .TabsNav--gray .TabsNav-item:not(.active), .TabsNav--gray .IncreaseTheCeiling--bgcGray .TabsNav-item:not(.active), .T007__notfound .TabsNav--gray .TabsNav-item:not(.active), .TabsNav--gray .T007__notfound .TabsNav-item:not(.active), .Template-backgroundBrandGray01 .bigButton, .IncreaseTheCeiling--bgcGray .bigButton, .T007__notfound .bigButton, .Template-backgroundBrandGray01 .PushEdito, .IncreaseTheCeiling--bgcGray .PushEdito, .T007__notfound .PushEdito, .Template-backgroundBrandGray01 .PushActu, .IncreaseTheCeiling--bgcGray .PushActu, .T007__notfound .PushActu, .Template-backgroundBrandGray01 .PartnerEntities-itemLink, .IncreaseTheCeiling--bgcGray .PartnerEntities-itemLink, .T007__notfound .PartnerEntities-itemLink, .Template-backgroundBrandGray01 .Blog, .IncreaseTheCeiling--bgcGray .Blog, .T007__notfound .Blog, .Template-backgroundBrandGray01 .Blog-link, .IncreaseTheCeiling--bgcGray .Blog-link, .T007__notfound .Blog-link, .Template-backgroundBrandGray01 .PushAdvice, .IncreaseTheCeiling--bgcGray .PushAdvice, .T007__notfound .PushAdvice, .Template-backgroundBrandGray01 .OurSolutionToSave, .IncreaseTheCeiling--bgcGray .OurSolutionToSave, .T007__notfound .OurSolutionToSave, .Template-backgroundBrandGray01 .pushFaq-linkText, .IncreaseTheCeiling--bgcGray .pushFaq-linkText, .T007__notfound .pushFaq-linkText, .Template-backgroundBrandGray01 .CheckList, .IncreaseTheCeiling--bgcGray .CheckList, .T007__notfound .CheckList, .Template-backgroundBrandGray01 .SubscribeBtn-block, .IncreaseTheCeiling--bgcGray .SubscribeBtn-block, .T007__notfound .SubscribeBtn-block, .Template-backgroundBrandGray01 .GenericBtn-block, .IncreaseTheCeiling--bgcGray .GenericBtn-block, .T007__notfound .GenericBtn-block, .Template-backgroundBrandGray01 .IncreaseTheCeiling--bgcGray, .IncreaseTheCeiling--bgcGray .IncreaseTheCeiling--bgcGray, .T007__notfound .IncreaseTheCeiling--bgcGray, .Template-backgroundBrandGray01 .ColumnControl--casA, .IncreaseTheCeiling--bgcGray .ColumnControl--casA, .T007__notfound .ColumnControl--casA, .Template-backgroundBrandGray01 .ColumnControl--casA-white, .IncreaseTheCeiling--bgcGray .ColumnControl--casA-white, .T007__notfound .ColumnControl--casA-white, .Template-backgroundBrandGray01 .ColumnControl--casA-grey, .IncreaseTheCeiling--bgcGray .ColumnControl--casA-grey, .T007__notfound .ColumnControl--casA-grey, .Template-backgroundBrandGray01 .ColumnControl--casB, .IncreaseTheCeiling--bgcGray .ColumnControl--casB, .T007__notfound .ColumnControl--casB, .Template-backgroundBrandGray01 .ColumnControl--casB-white, .IncreaseTheCeiling--bgcGray .ColumnControl--casB-white, .T007__notfound .ColumnControl--casB-white, .Template-backgroundBrandGray01 .ColumnControl--casB-grey, .IncreaseTheCeiling--bgcGray .ColumnControl--casB-grey, .T007__notfound .ColumnControl--casB-grey, .Template-backgroundBrandGray01 .ColumnControl--casC, .IncreaseTheCeiling--bgcGray .ColumnControl--casC, .T007__notfound .ColumnControl--casC, .Template-backgroundBrandGray01 .ColumnControl--casC-white, .IncreaseTheCeiling--bgcGray .ColumnControl--casC-white, .T007__notfound .ColumnControl--casC-white, .Template-backgroundBrandGray01 .ColumnControl--casC-grey, .IncreaseTheCeiling--bgcGray .ColumnControl--casC-grey, .T007__notfound .ColumnControl--casC-grey, .Template-backgroundBrandGray01 .ColumnControl--casD, .IncreaseTheCeiling--bgcGray .ColumnControl--casD, .T007__notfound .ColumnControl--casD, .Template-backgroundBrandGray01 .ColumnControl--casD-white, .IncreaseTheCeiling--bgcGray .ColumnControl--casD-white, .T007__notfound .ColumnControl--casD-white, .Template-backgroundBrandGray01 .ColumnControl--casD-grey, .IncreaseTheCeiling--bgcGray .ColumnControl--casD-grey, .T007__notfound .ColumnControl--casD-grey, .Template-backgroundBrandGray01 .ColumnControl--casE, .IncreaseTheCeiling--bgcGray .ColumnControl--casE, .T007__notfound .ColumnControl--casE, .Template-backgroundBrandGray01 .ColumnControl--casE-white, .IncreaseTheCeiling--bgcGray .ColumnControl--casE-white, .T007__notfound .ColumnControl--casE-white, .Template-backgroundBrandGray01 .ColumnControl--casE-grey, .IncreaseTheCeiling--bgcGray .ColumnControl--casE-grey, .T007__notfound .ColumnControl--casE-grey, .Template-backgroundBrandGray01 .simpleAccess, .IncreaseTheCeiling--bgcGray .simpleAccess, .T007__notfound .simpleAccess, .Template-backgroundBrandGray01 .swipableBloc-main, .IncreaseTheCeiling--bgcGray .swipableBloc-main, .T007__notfound .swipableBloc-main, .Template-backgroundBrandGray01 .NewsFeed, .IncreaseTheCeiling--bgcGray .NewsFeed, .T007__notfound .NewsFeed, .Template-backgroundBrandGray01 .NewsFeed-bodyCookies .OutputMsg, .NewsFeed-bodyCookies .Template-backgroundBrandGray01 .OutputMsg, .IncreaseTheCeiling--bgcGray .NewsFeed-bodyCookies .OutputMsg, .NewsFeed-bodyCookies .IncreaseTheCeiling--bgcGray .OutputMsg, .T007__notfound .NewsFeed-bodyCookies .OutputMsg, .NewsFeed-bodyCookies .T007__notfound .OutputMsg, .Template-backgroundBrandGray01 .PushInitiatives, .IncreaseTheCeiling--bgcGray .PushInitiatives, .T007__notfound .PushInitiatives, .Template-backgroundBrandGray01 .EDocs-redirectLinkText, .IncreaseTheCeiling--bgcGray .EDocs-redirectLinkText, .T007__notfound .EDocs-redirectLinkText, .Template-backgroundBrandGray01 .EDocs-redirectLinkImg, .IncreaseTheCeiling--bgcGray .EDocs-redirectLinkImg, .T007__notfound .EDocs-redirectLinkImg {
  background-color: #ffffff; }

.Template-backgroundBrandGray01 .OurSolutionToSave-blocLink, .IncreaseTheCeiling--bgcGray .OurSolutionToSave-blocLink, .T007__notfound .OurSolutionToSave-blocLink, .Template-backgroundBrandGray01 .CheckList-stepToggle:before, .IncreaseTheCeiling--bgcGray .CheckList-stepToggle:before, .T007__notfound .CheckList-stepToggle:before, .Template-backgroundBrandGray01 .CheckList-stepToggle--FO:before, .IncreaseTheCeiling--bgcGray .CheckList-stepToggle--FO:before, .T007__notfound .CheckList-stepToggle--FO:before {
  background-color: #f5f5f5; }

.Template-backgroundBrandGray01 .CheckList-stepToggle:before, .IncreaseTheCeiling--bgcGray .CheckList-stepToggle:before, .T007__notfound .CheckList-stepToggle:before, .Template-backgroundBrandGray01 .CheckList-stepToggle--FO:before, .IncreaseTheCeiling--bgcGray .CheckList-stepToggle--FO:before, .T007__notfound .CheckList-stepToggle--FO:before {
  color: #ffffff; }

.Template-backgroundBrandGray01 .TabsNav-item--action, .IncreaseTheCeiling--bgcGray .TabsNav-item--action, .T007__notfound .TabsNav-item--action, .Template-backgroundBrandGray01 .TabsNav--gray .TabsNav-item:not(.active), .TabsNav--gray .Template-backgroundBrandGray01 .TabsNav-item:not(.active), .IncreaseTheCeiling--bgcGray .TabsNav--gray .TabsNav-item:not(.active), .TabsNav--gray .IncreaseTheCeiling--bgcGray .TabsNav-item:not(.active), .T007__notfound .TabsNav--gray .TabsNav-item:not(.active), .TabsNav--gray .T007__notfound .TabsNav-item:not(.active), .Template-backgroundBrandGray01 .Blog-title, .IncreaseTheCeiling--bgcGray .Blog-title, .T007__notfound .Blog-title, .Template-backgroundBrandGray01
.Blog-link, .IncreaseTheCeiling--bgcGray
.Blog-link, .T007__notfound
.Blog-link, .Template-backgroundBrandGray01 .NewsFeed-header, .IncreaseTheCeiling--bgcGray .NewsFeed-header, .T007__notfound .NewsFeed-header, .Template-backgroundBrandGray01 .NewsFeed-body, .IncreaseTheCeiling--bgcGray .NewsFeed-body, .T007__notfound .NewsFeed-body {
  border-color: #f5f5f5; }

.Template-backgroundBrandGray01Darker .Template-backgroundBrandGray01Darker, .Template-backgroundBrandGray01Darker .ProgressBar {
  background-color: #ffffff; }

.Template-backgroundBrandGray01Darker .OurSolutionToSave-blocLink, .Template-backgroundBrandGray01Darker .CheckList-stepToggle:before, .Template-backgroundBrandGray01Darker .CheckList-stepToggle--FO:before {
  background-color: #ececec; }

.Template-backgroundBrandGray01Darker .TabsNav-item--action, .Template-backgroundBrandGray01Darker .TabsNav--gray .TabsNav-item:not(.active), .TabsNav--gray .Template-backgroundBrandGray01Darker .TabsNav-item:not(.active), .Template-backgroundBrandGray01Darker .Blog-title, .Template-backgroundBrandGray01Darker
.Blog-link, .Template-backgroundBrandGray01Darker .NewsFeed-header, .Template-backgroundBrandGray01Darker .NewsFeed-body {
  border-color: #ececec; }

/*doc
---
title: Row Alternation
name: rowAlternation
category: rowAlternation
---

The script is in common JS

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>


For use:

- wrap all items with `.js-backgroundGray01Alternate`
- add class to items `.js-backgroundGray01Alternate-item`

And if you want start with white item, add `data-start-white="true"` to the wrap

**Template exemple:**

- [t009 financeMyWork](../../build/examples/t009_financeMyWork.html)


```html_example
<div class="js-backgroundGray01Alternate">
  <div class="js-backgroundGray01Alternate-item">Item</div>
  <div class="js-backgroundGray01Alternate-item">Item</div>
  <div class="js-backgroundGray01Alternate-item">Item</div>
  <div class="js-backgroundGray01Alternate-item">Item</div>
  <div class="js-backgroundGray01Alternate-item">Item</div>
</div>
```

```html_example
<div class="js-backgroundGray01Alternate" data-start-white="true">
  <div class="js-backgroundGray01Alternate-item">Item</div>
  <div class="js-backgroundGray01Alternate-item">Item</div>
  <div class="js-backgroundGray01Alternate-item">Item</div>
  <div class="js-backgroundGray01Alternate-item">Item</div>
  <div class="js-backgroundGray01Alternate-item">Item</div>
</div>
```
*/
/*doc
---
title: Tabs Nav
name: tabsNav
category: tabsNav
---

## Navigation par onglet


<script src="../../build/js/tabsNav.js" type="text/javascript"></script>

importer ce script pour qu'il fonctionne :

`<script src="tabsNav.js" type="text/javascript"></script>`
*/
/*doc
---
title: Tabs Nav (Default)
name: 1-tabsNav-default
parent: tabsNav
category: tabsNav
---

```html_example
  <nav class="TabsNav js-TabsNav">
    <a data-toggle="tab" href="#menu1" class="TabsNav-item js-TabsNav-item active">en bref</a>
    <a data-toggle="tab" href="#menu2" class="TabsNav-item js-TabsNav-item">dans le détail</a>
  </nav>
```
*/
/*doc
---
title: Tabs Nav (More of 3)
name: 2-tabsNav-more
parent: tabsNav
category: tabsNav
---

```html_example
  <nav class="TabsNav js-TabsNav">
    <a data-toggle="tab" href="#menu1" class="TabsNav-item js-TabsNav-item active">en bref</a>
    <a data-toggle="tab" href="#menu2" class="TabsNav-item js-TabsNav-item">dans le détail</a>
    <a data-toggle="tab" href="#menu3" class="TabsNav-item js-TabsNav-item">vos questions</a>
    <a data-toggle="tab" href="#menu4" class="TabsNav-item js-TabsNav-item">plus 1</a>
    <a data-toggle="tab" href="#menu4" class="TabsNav-item js-TabsNav-item">plus 1</a>
    <a data-toggle="tab" href="#menu4" class="TabsNav-item js-TabsNav-item">plus 1</a>
    <a data-toggle="tab" href="#menu4" class="TabsNav-item js-TabsNav-item">plus 1</a>
  </nav>
```
*/
.TabsNav {
  display: table;
  width: 100%;
  table-layout: fixed; }

.TabsNav-item {
  position: relative;
  display: table-cell;
  height: 60px;
  padding: 5px;
  color: #ffffff;
  font-weight: 700;
  vertical-align: middle;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  background: #007D8F; }
  .TabsNav-item:hover, .TabsNav-item:focus {
    color: #ffffff;
    text-decoration: none; }
  .TabsNav-item.active {
    background: #006675; }
    .TabsNav-item.active:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -8px;
      border: solid 8px transparent;
      border-bottom: 0;
      border-top-color: #006675; }
  .TabsNav-item.disabled {
    background: #999999;
    cursor: not-allowed; }
    .TabsNav-item.disabled:after {
      border-top-color: #999999; }

.TabsNav-item--action {
  width: 60px; }
  .TabsNav-item--action:before {
    font-size: 10px; }

.TabsNav-item--prev {
  border-right-width: 1px;
  border-right-style: solid; }
  .TabsNav-item--prev:before {
    content: ""; }

.TabsNav-item--next {
  border-left-width: 1px;
  border-left-style: solid; }
  .TabsNav-item--next:before {
    content: ""; }

.TabsNav-item--hidden {
  display: none !important; }

.flexbox .TabsNav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.flexbox .TabsNav-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0; }

.flexbox .TabsNav-item--action {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-preferred-size: 60px;
      flex-basis: 60px; }

/*doc
---
title: Tabs Nav Gray(More of 3)
name: 3-tabsNav-gray
parent: tabsNav
category: tabsNav
---

```html_example
  <nav class="TabsNav TabsNav--gray js-TabsNav">
    <a data-toggle="tab" href="#menu1" class="TabsNav-item js-TabsNav-item active">en bref</a>
    <a data-toggle="tab" href="#menu2" class="TabsNav-item js-TabsNav-item">dans le détail</a>
    <a data-toggle="tab" href="#menu3" class="TabsNav-item js-TabsNav-item">vos questions</a>
    <a data-toggle="tab" href="#menu4" class="TabsNav-item js-TabsNav-item">plus 1</a>
    <a data-toggle="tab" href="#menu4" class="TabsNav-item js-TabsNav-item">plus 1</a>
    <a data-toggle="tab" href="#menu4" class="TabsNav-item js-TabsNav-item">plus 1</a>
    <a data-toggle="tab" href="#menu4" class="TabsNav-item js-TabsNav-item">plus 1</a>
  </nav>
```
*/
.TabsNav--gray .TabsNav-item:not(.active) {
  color: #999999;
  border-left-width: 1px;
  border-left-style: solid; }

.TabsNav--gray .TabsNav-item.active:not(.TabsNav-item--hidden) + .TabsNav-item {
  border-left-width: 0; }

.TabsNav--gray .TabsNav-item--prev {
  border-right: 0; }

/*doc
---
title: Progress Bar
name: ProgressBar
category: ProgressBar
---

les progress bars
*/
/*doc
---
title: Progress Bar - Default
parent: ProgressBar
name: ProgressBar-01
category: ProgressBar
---

default progress

```html_example

@@include("../../kit/components/_progressBar.kit")

```
*/
/*doc
---
title: Progress Bar - Vertical
parent: ProgressBar
name: ProgressBar-02
category: ProgressBar
---

vertical progress

```html_example

@@include("../../kit/components/_progressBar--vertical.kit")

```
*/
/*doc
---
title: Progress Bar - Empty
parent: ProgressBar
name: ProgressBar-03
category: ProgressBar
---

empty progress

```html_example

@@include("../../kit/components/_progressBar--empty.kit")

```
*/
/*doc
---
title: Progress Bar - Small
parent: ProgressBar
name: ProgressBar-04
category: ProgressBar
---

small progress

```html_example
<div style="max-width: 300px"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_progressBar--small.kit")

</div>
```
*/
.ProgressBar {
  position: relative;
  height: 10px;
  margin: 10px 0;
  padding-left: 10px;
  -moz-border-radius: 5px;
       border-radius: 5px;
  overflow: hidden; }

.ProgressBar-inner {
  height: 100%;
  margin-left: -10px;
  padding-left: 10px;
  background: #007D8F;
  -moz-border-radius: 5px;
       border-radius: 5px;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
  -webkit-transform-origin: 0 50%;
     -moz-transform-origin: 0 50%;
          transform-origin: 0 50%; }

.ProgressBar--empty .ProgressBar-inner {
  opacity: 0; }

.ProgressBar--vertical {
  position: relative;
  height: 100%;
  width: 10px;
  margin: 0; }
  .ProgressBar--vertical .ProgressBar {
    margin: 10px 0 8.5px 0; }
  .ProgressBar--vertical .ProgressBar-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; }

.ProgressBar--small {
  height: 5px;
  margin: 5px 0;
  padding-left: 5px; }
  .ProgressBar--small .ProgressBar-inner {
    margin-left: -5px;
    padding-left: 5px; }

/*doc
---
title: Dispatch
name: Dispatch
category: Dispatch
---

## Navigation par onglet


<script src="../../build/js/Dispatch.js" type="text/javascript"></script>

importer ce script pour qu'il fonctionne :

- `<script src="Dispatch.js" type="text/javascript"></script>`

Si pas de JS voulu, supprimer la class `js-Dispatch` du dispatch,
mais retirer aussi `data-toggle="tab"` de l'item ainsi que la class `js-Dispatch-item`
*/
/*doc
---
title: Dispatch (Default)
name: Dispatch-01
parent: Dispatch
category: Dispatch
---

```html_example
  <nav class="Dispatch js-Dispatch">
    <a data-toggle="tab" href="#menu1" class="Dispatch-item js-Dispatch-item active">en bref</a>
    <a data-toggle="tab" href="#menu2" class="Dispatch-item js-Dispatch-item">dans le détail</a>
  </nav>
```
*/
/*doc
---
title: Dispatch - Big
name: Dispatch-02
parent: Dispatch
category: Dispatch
---

```html_example
  <nav class="Dispatch js-Dispatch">
    <a data-toggle="tab" href="#menu1" class="Dispatch-item js-Dispatch-item active">Faire un<br> virement simple</a>
    <a data-toggle="tab" href="#menu2" class="Dispatch-item js-Dispatch-item">Faire un<br> virement multiple</a>
  </nav>
```
*/
.Dispatch {
  display: table;
  width: 100%;
  table-layout: fixed; }

.Dispatch-item {
  position: relative;
  display: table-cell;
  padding: 5px 5px 4px;
  height: 60px;
  font-size: 20px;
  line-height: .9;
  font-weight: 400;
  vertical-align: middle;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  border-bottom: 1px solid #d8d8d8; }
  .Dispatch-item, .Dispatch-item:hover, .Dispatch-item:focus {
    color: #454545;
    text-decoration: none; }
  .Dispatch-item:focus {
    color: #007D8F; }
  .Dispatch-item.active {
    color: #007D8F;
    padding-bottom: 0;
    border-bottom: 5px solid #007D8F; }
    .Dispatch-item.active:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin: 4px -10px 0;
      border: solid 10px transparent;
      border-bottom: 0;
      border-top-color: #007D8F; }

.flexbox .Dispatch {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.flexbox .Dispatch-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0; }

/*doc
---
title: Rich Text Editor
name: richtext
category: richtext
---
*/
/*doc
---
title: Rich Text - Default
parent: richtext
name: richtext-default
category: richtext
---

**Texte par défaut​**

- Open Sans​
- Regular​
- 34 pt​
- 56 pt​
- #454545​

```html_example
<div class="texte section">
  <p>
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </p>

  <ul>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
  </ul>

  <ol>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
  </ol>

  <ul>
    <li>Lorem ipsum dolor sit amet</li>
    <li>
      Lorem ipsum dolor sit amet
      <ul>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
      </ul>
    </li>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
  </ul>

  <ol>
    <li>Lorem ipsum dolor sit amet</li>
    <li>
      Lorem ipsum dolor sit amet
      <ol>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
      </ol>
    </li>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
  </ol>
</div>
```
*/
.texte.section {
  font: normal 400 17px/27px "Open Sans", sans-serif;
  color: #454545;
  text-transform: none; }

/*doc
---
title: Rich Text - Titre 1
parent: richtext
name: richtext-title-1
category: richtext
---

**Titre 1​**

- Open Sans​
- Bold​
- 80 pt​
- 90 pt​
- #007d8f​

```html_example
<div class="texte section">
  <h1>
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </h1>
  <div class="h1">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section h1, .texte.section .h1 {
  font: normal 700 40px/1.125 "Open Sans", sans-serif;
  color: #007D8F;
  text-transform: none; }

/*doc
---
title: Rich Text - Titre 2
parent: richtext
name: richtext-title-2
category: richtext
---

**Titre 2**

- Open Sans​
- Regular​
- 46 pt​
- 56 pt​
- #454545​

```html_example
<div class="texte section">
  <h2>
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </h2>
  <div class="h2">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section h2, .texte.section .h2 {
  font: normal 400 23px/1.217 "Open Sans", sans-serif;
  color: #454545;
  text-transform: none; }

/*doc
---
title: Rich Text - Titre 3
parent: richtext
name: richtext-title-3
category: richtext
---

**Titre 3**

- Open Sans​
- Bold​
- 36 pt​
- 44 pt​
- #007d8f​

```html_example
<div class="texte section">
  <h3>
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </h3>
  <div class="h3">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section h3, .texte.section .h3 {
  font: normal 700 18px/1.222 "Open Sans", sans-serif;
  color: #007D8F;
  text-transform: none; }

/*doc
---
title: Rich Text - Lien courant
parent: richtext
name: richtext-texteLienCourant
category: richtext
---

**Texte lien courant**

- Open Sans Semibold ​
- Regular​
- 34 pt​
- 56 pt​
- #007D8F
- underline

```html_example
<div class="texte section">
  <div class="texte RichText-lienCourant">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-lienCourant, .RichText-lienCourant, a > .RichText-lienCourant {
  font: normal 600 17px/1.647 "Open Sans", sans-serif;
  color: #007D8F;
  text-transform: none;
  text-decoration: underline; }

/*doc
---
title: Rich Text - Gros titre​
parent: richtext
name: richtext-title-gros
category: richtext
---

**Gros titre​**

- Open Sans​
- Light​
- 120 pt​
- 130 pt​
- #454545​

```html_example
<div class="texte section">
  <div class="texte RichText-grosTitre">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-grosTitre, .RichText-grosTitre, a > .RichText-grosTitre {
  font: normal 300 60px/1.083 "Open Sans", sans-serif;
  color: #454545;
  text-transform: none; }

/*doc
---
title: Rich Text - Titre de l’entrée projets​
parent: richtext
name: richtext-title-projet
category: richtext
---

**Titre de l’entrée projets​**

- Open Sans​
- Regular​
- 48 pt​
- 66 pt​
- #454545​

```html_example
<div class="texte section">
  <div class="texte RichText-titreProjet">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-titreProjet, .RichText-titreProjet, a > .RichText-titreProjet {
  font: normal 400 24px/1.375 "Open Sans", sans-serif;
  color: #454545;
  text-transform: none; }

/*doc
---
title: Rich Text - Titre composant​
parent: richtext
name: richtext-title-composant​
category: richtext
---

**Titre composant​**

- Open Sans​
- Regular​
- 46 pt​
- 60 pt​
- #007d8f​

```html_example
<div class="texte section">
  <div class="texte RichText-titreComposant">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-titreBlanc, .RichText-titreBlanc, a > .RichText-titreBlanc, .texte.section .RichText-titreComposant, .RichText-titreComposant, a > .RichText-titreComposant {
  font: normal 400 23px/1.304 "Open Sans", sans-serif;
  color: #007D8F;
  text-transform: none; }

/*doc
---
title: Rich Text - Titre blanc​
parent: richtext
name: richtext-title-blanc​
category: richtext
---

**Titre blanc​**

- Open Sans​
- Regular​
- 46 pt​
- 60 pt​
- #ffffff​

```html_example
<div class="texte section panel panel-primary">
  <div class="texte RichText-titreBlanc">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-titreBlanc, .RichText-titreBlanc, a > .RichText-titreBlanc {
  color: #ffffff; }
  .texte.section .RichText-titreBlanc a, .RichText-titreBlanc a {
    color: #ffffff;
    text-decoration: underline; }

/*doc
---
title: Rich Text - chapeau
parent: richtext
name: richtext-chapeau
category: richtext
---

**chapeau**

- Open Sans​
- Italic​
- 34 pt​
- 44 pt​
- #454545​

```html_example
<div class="texte section">
  <div class="texte RichText-chapeau">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-chapeau, .RichText-chapeau, a > .RichText-chapeau {
  font: italic 400 17px/1.294 "Open Sans", sans-serif;
  color: #454545;
  text-transform: none; }

/*doc
---
title: Rich Text - Mentions légales​
parent: richtext
name: richtext-legal
category: richtext
---

**Mentions légales​**

- Open Sans​
- Regular​
- 24 pt​
- 34 pt​
- #454545​

```html_example
<div class="texte section">
  <div class="texte RichText-legal">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-legal, .RichText-legal, a > .RichText-legal {
  font: normal 400 12px/1.417 "Open Sans", sans-serif;
  color: #454545;
  text-transform: none; }

/*doc
---
title: Rich Text - Mentions sanitaire
parent: richtext
name: richtext-sanitaire
category: richtext
---

**Mentions sanitaire**

- Open Sans​
- Regular​
- 64 pt​
- 72 pt​
- #454545​

```html_example
<div class="texte section">
  <div class="texte RichText-sanitaire">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.RichText-sanitaire, a > .RichText-sanitaire {
  font: normal 400 32px/1.125 "Open Sans", sans-serif;
  color: #454545;
  text-transform: none; }

/*doc
---
title: Rich Text - Mentions légales blanc​
parent: richtext
name: richtext-legalBlanc
category: richtext
---

**Mentions légales blanc​**

- Open Sans​
- Regular​
- 24 pt​
- 34 pt​
- #ffffff​

```html_example
<div class="texte section panel panel-primary">
  <div class="texte RichText-legalBlanc">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-legalBlanc, .RichText-legalBlanc, a > .RichText-legalBlanc {
  font: normal 400 12px/1.417 "Open Sans", sans-serif;
  color: #ffffff;
  text-transform: none; }
  .texte.section .RichText-legalBlanc a, .RichText-legalBlanc a {
    color: #ffffff;
    text-decoration: underline; }

/*doc
---
title: Rich Text - Emphase​
parent: richtext
name: richtext-emphase
category: richtext
---

**Emphase​**

- Roboto slab​
- Regular (OLD: Bold)​
- 40 pt​
- 50 pt​
- #454545​

```html_example
<div class="texte section">
  <div class="texte RichText-emphase">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-emphase, .RichText-emphase, a > .RichText-emphase {
  font: normal 400 20px/1.25 "Roboto Slab", Georgia, "Times New Roman", Times, serif;
  color: #454545;
  text-transform: none; }

/*doc
---
title: Rich Text - Emphase​ blanc
parent: richtext
name: richtext-emphase-blanc
category: richtext
---

**Emphase blanc​**

- Roboto slab​
- Regular (OLD: Bold)​
- 70 pt​
- 80 pt​
- #ffffff​

```html_example
<div class="texte section panel panel-primary">
  <div class="texte RichText-emphaseBlanc">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-emphaseBlanc, .RichText-emphaseBlanc, a > .RichText-emphaseBlanc {
  font: normal 400 35px/1.143 "Roboto Slab", Georgia, "Times New Roman", Times, serif;
  color: #ffffff;
  text-transform: none;
  /* STYLIZED RTE LINKS NOT UNDERLINED */
  text-decoration: none; }
  .texte.section .RichText-emphaseBlanc a, .RichText-emphaseBlanc a {
    color: #ffffff;
    text-decoration: underline; }

/*doc
---
title: Rich Text - Texte vignettes​
parent: richtext
name: richtext-texteVignettes
category: richtext
---

**Texte vignettes​**

- Open Sans​ Semibold​
- Regular​
- 24 pt​
- 17 pt​
- #454545​

```html_example
<div class="texte section">
  <div class="texte RichText-texteVignettes">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-texteVignettes, .RichText-texteVignettes, a > .RichText-texteVignettes {
  font: normal 600 12px/1.25 "Open Sans", sans-serif;
  color: #454545;
  text-transform: none; }
  .texte.section .RichText-texteVignettes a, .RichText-texteVignettes a {
    color: #007D8F;
    text-decoration: underline; }

/*doc
---
title: Rich Text - Texte focus blanc​
parent: richtext
name: richtext-focusBlanc
category: richtext
---

**Texte focus blanc​**

- Roboto Slab
- Regular​
- 40 pt​
- 60 pt​
- #fffff​

```html_example
<div class="texte section panel panel-primary">
  <div class="texte RichText-focusBlanc">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-focusBlanc, .RichText-focusBlanc, a > .RichText-focusBlanc {
  font: normal 400 20px/1.5 "Roboto Slab", Georgia, "Times New Roman", Times, serif;
  color: #ffffff;
  text-transform: none; }
  .texte.section .RichText-focusBlanc a, .RichText-focusBlanc a {
    color: #ffffff;
    text-decoration: underline; }

/*doc
---
title: Rich Text - Texte bloc partenaires​
parent: richtext
name: richtext-textePartenaire
category: richtext
---

**Texte bloc partenaires​**

- Open Sans​
- Regular​
- 24 pt​
- 38 pt​
- #454545​

```html_example
<div class="texte section">
  <div class="texte RichText-textePartenaire">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-textePartenaire, .RichText-textePartenaire, a > .RichText-textePartenaire {
  font: normal 400 12px/1.583 "Open Sans", sans-serif;
  color: #454545;
  text-transform: none; }

/*doc
---
title: Rich Text - Valeurs numériques​
parent: richtext
name: richtext-numerique
category: richtext
---

**Valeurs numériques​**

- Open Sans​ Semibold​
- Regular​
- 26 pt​
- 30 pt​
- #454545​

```html_example
<div class="texte section">
  <div class="texte RichText-numerique">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-numerique, .RichText-numerique, a > .RichText-numerique {
  font: normal 600 13px/1.154 "Open Sans", sans-serif;
  color: #454545;
  text-transform: none; }

/*doc
---
title: Rich Text - Texte discret​
parent: richtext
name: richtext-discret
category: richtext
---

**Texte discret​**

- Open Sans​ Semibold​
- Regular​
- 22 pt​
- 30 pt​
- #999999​

```html_example
<div class="texte section">
  <div class="texte RichText-discret">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-discret, .RichText-discret, a > .RichText-discret {
  font: normal 400 11px/1.364 "Open Sans", sans-serif;
  color: #999999;
  text-transform: none; }

/*doc
---
title: Rich Text - Texte courant blanc​
parent: richtext
name: richtext-texteBlanc
category: richtext
---

**Texte courant blanc​**

- Open Sans​
- Regular​
- 34 pt​
- 56 pt​
- #ffffff​

```html_example
<div class="texte section panel panel-primary">
  <div class="texte RichText-texteBlanc">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-texteBlanc, .RichText-texteBlanc, a > .RichText-texteBlanc {
  color: #ffffff; }
  .texte.section .RichText-texteBlanc a, .RichText-texteBlanc a {
    color: #ffffff;
    text-decoration: underline; }

/*doc
---
title: Rich Text - Texte semibold blanc​
parent: richtext
name: richtext-texteSemiBoldBlanc
category: richtext
---

**Texte semibold blanc​**

- Open Sans Semibold​
- Regular​
- 34 pt​
- 56 pt​
- #ffffff​

```html_example
<div class="texte section panel panel-primary">
  <div class="texte RichText-texteSemiBoldBlanc">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texte.section .RichText-texteSemiBoldBlanc, .RichText-texteSemiBoldBlanc, a > .RichText-texteSemiBoldBlanc {
  font-weight: 600;
  color: #ffffff; }
  .texte.section .RichText-texteSemiBoldBlanc a, .RichText-texteSemiBoldBlanc a {
    color: #ffffff;
    text-decoration: underline; }

/*doc
---
title: Rich Text - PUC
parent: richtext
name: richtext-puc
category: richtext
---

Formats à appliquer aux styles du PUC

*/
/*doc
---
title: Rich Text - PUC - Focus​
parent: richtext-puc
name: richtext-puc-focus
category: richtext
---

**Focus​**

- Open Sans
- Regular​
- 22 pt​
- 30 pt​
- #999999

```html_example
<div class="texte section">
  <div class="focus">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.focus {
  font: normal 400 11px/1.364 "Open Sans", sans-serif;
  color: #999999;
  text-transform: none; }

/*doc
---
title: Rich Text - PUC - Focus grand​
parent: richtext-puc
name: richtext-puc-focusGrand
category: richtext
---

**Focus grand​**

- Roboto slab​
- Bold​
- 40 pt​
- 50 pt​
- #454545

```html_example
<div class="texte section">
  <div class="focusGrand">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.focusGrand {
  font: normal 700 20px/1.25 "Roboto Slab", Georgia, "Times New Roman", Times, serif;
  color: #454545;
  text-transform: none; }

/*doc
---
title: Rich Text - PUC - Surligné​
parent: richtext-puc
name: richtext-puc-surligne
category: richtext
---

**Surligné​**

- Open Sans​
- Underline​
- 36 pt​
- 44 pt​
- #007d8f

```html_example
<div class="texte section">
  <div class="surligne">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.surligne {
  font: normal 400 18px/1.222 "Open Sans", sans-serif;
  color: #007D8F;
  text-transform: none;
  text-decoration: underline; }

/*doc
---
title: Rich Text - PUC - Titre​
parent: richtext-puc
name: richtext-puc-titre
category: richtext
---

**Titre​**

- Open Sans​
- Bold​
- 36 pt​
- 44 pt​
- #007d8f

```html_example
<div class="texte section">
  <div class="titre">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.titre {
  font: normal 700 18px/1.222 "Open Sans", sans-serif;
  color: #007D8F;
  text-transform: none; }

/*doc
---
title: Rich Text - PUC - Valeur numérique​
parent: richtext-puc
name: richtext-puc-numerique
category: richtext
---

**Valeur numérique​**

- Open Sans Semibold​
- Regular​
- 26 pt​
- 30 pt​
- #454545

```html_example
<div class="texte section">
  <div class="numerique">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.numerique {
  font: normal 600 13px/1.154 "Open Sans", sans-serif;
  color: #454545;
  text-transform: none; }

/*doc
---
title: Rich Text - PUC - Texte large​
parent: richtext-puc
name: richtext-puc-texteLarge
category: richtext
---

**Texte large​**

- Open Sans Semibold ​
- Regular​
- 30 pt​
- 50 pt​
- #454545

```html_example
<div class="texte section">
  <div class="texteLarge">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texteLarge {
  font: normal 600 15px/1.667 "Open Sans", sans-serif;
  color: #454545;
  text-transform: none; }

/*doc
---
title: Rich Text - PUC - Texte extra large​
parent: richtext-puc
name: richtext-puc-texteExtraLarge
category: richtext
---

**Texte extra large​**

- Open Sans Semibold ​
- Regular​
- 34 pt​
- 56 pt​
- #454545

```html_example
<div class="texte section">
  <div class="texteExtraLarge">
    Lorem ipsum dolor sit amet,
    <u>consectetur adipisicing elit.</u>
    <b>Ab accusantium adipisci assumenda at aut,</b>
    <strong>beatae blanditiis consectetur</strong>
    <a href="#">deserunt dolore</a>
    <span>eius eligendi fugiat nulla officiis omnis,</span>
    <i>quas quo ratione suscipit,</i>
    <em>temporibus!</em>
    <s>Sed ut perspiciatis unde omnis iste natus error</s>
    <small>sit voluptatem accusantium doloremque laudantium,</small>
    <sup>totam rem aperiam,</sup>
    <sub>eaque ipsa quae ab illo inventore</sub>
    veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  </div>
</div>
```
*/
.texteExtraLarge {
  font: normal 600 17px/1.647 "Open Sans", sans-serif;
  color: #454545;
  text-transform: none; }

.texte.section {
  padding: 25px 5%; }

.pearls .texte.section, .panel-group .texte.section, .internal-menu .texte.section, .combo-group .texte.section, .panel-combo .texte.section, .Animation-breathing .texte.section, .Pagination .texte.section, .CarouselActu .texte.section, .AlertBanner .texte.section, .OutputMsg .texte.section, .Warning .texte.section, .backtop .texte.section, .Footer .texte.section, .TopFooterSocial .texte.section, .MidFooterLink .texte.section, .list-links .texte.section, .BlockLink .texte.section, .FieldEdit .texte.section, .FormActions .texte.section, .TabsNav .texte.section, .ProgressBar .texte.section, .Dispatch .texte.section, .texte.section .texte.section, .Table .texte.section, .encart-2 .texte.section, .Header .texte.section, .HeaderSticky .texte.section, .MainNav .texte.section, .LayerNav .texte.section, .bigButton .texte.section, .GeolocationDisabled .texte.section, .GeolocationEnabled .texte.section, .BlocEpargne .texte.section, .Testimonials .texte.section, .ComplementarySolutions .texte.section, .SimilarSolutions .texte.section, .PushEdito .texte.section, .PushCarousel3 .texte.section, .PushCR .texte.section, .WelcomeMsg .texte.section, .C012 .texte.section, .PushSimulator .texte.section, .pushMultiple .texte.section, .PushPage .texte.section, .PushActu .texte.section, .Citation .texte.section, .PushCarousel5 .texte.section, .ClosestAgency .texte.section, .PushNeedHelp .texte.section, .AppStoreCA .texte.section, .Breadcrumb .texte.section, .HubAccounts .texte.section, .PushMyBank .texte.section, .PartnerEntities .texte.section, .PushNinePos .texte.section, .MyAgency .texte.section, .FastAccess .texte.section, .CookieHeadband .texte.section, .StockIndices .texte.section, .VideoPlayer .texte.section, .Blog .texte.section, .CourseProject .texte.section, .PushAdvice .texte.section, .OurSolutionToSave .texte.section, .TableSort-wrapper .texte.section, .C109 .texte.section, .callGreenBtnBloc .texte.section, .C112 .texte.section, .C112--whiteBg .texte.section, .pushFaq .texte.section, .OnFooter .texte.section, .PushAccomp .texte.section, .CourseProjectFixed .texte.section, .T006 .T006__result .texte.section, .T007__answers .texte.section, .T007__notfound .Faq-frequently .texte.section, .CheckList .texte.section, .ProjectBand .texte.section, .SubscribeBtn-block .texte.section, .C142 .texte.section, .cardMagFilter .texte.section, .cardMagArticle .texte.section, .cardMagSocial .texte.section, .ArticleDetail .texte.section, .ArticleBloc .texte.section, .Themes .texte.section, .AssociatedSolutions .texte.section, .Share .texte.section, .MarketPartner .texte.section, .C174 .texte.section, .GenericBtn-block .texte.section, .HeaderAlternate .texte.section, .AssociatedProducts .texte.section, .CardsDashboardSearch-form .texte.section, .CardsDashboardSearch-research .texte.section, .Card .texte.section, .IncreaseTheCeilingParent .texte.section, .DefectiveComponent .texte.section, .TechnicalError .texte.section, .Error404 .texte.section, .PushService .texte.section, .NavFO .texte.section, .Essential .texte.section, .Chapters .texte.section, .Accordions .texte.section, .LegalNotice .texte.section, .Modules .texte.section, .FindAgency .texte.section, .HeaderP400 .texte.section, .PushCommunication .texte.section, .Etapier .texte.section, .HeaderVisuel .texte.section, .CustomMessage .texte.section, .CustomMessage-main .texte.section, .PushDidYouKnow .texte.section, .RowControl .texte.section, .Captcha .texte.section, .simpleAccess .texte.section, .simpleAccess--primary .texte.section, .simpleAccesses .texte.section, .simpleAccesses--double .texte.section, .simpleAccesses--double-sm .texte.section, .simpleAccesses--double-md .texte.section, .simpleAccesses--faq .texte.section, .modal .texte.section, .Modal .texte.section, .alphabetNav .texte.section, .alphabetList .texte.section, .swipableBloc .texte.section, .AgencyAddress .texte.section, .SituationAnalyze .texte.section, .StoreLocatorPopIn-geolocationDisabled .texte.section, .Messagerie .texte.section, .PdfViewer .texte.section, .LandscapeMessage .texte.section, .NewsFeed .texte.section, .Richtext.section tr td span .texte.section,
.ResponsiveTable tr td span .texte.section,
.texte tr td span .texte.section, .PopinMag .texte.section, .PushInitiatives .texte.section, .ES-MainNav .texte.section, .ES-join-projectsBloc .texte.section, .ES-Themes .texte.section, .T006 .texte.section, .T007 .texte.section, .MySupportingDocuments .texte.section, .EDocsSearch .texte.section, .EDocs .texte.section, .FirstLogin-pearls .texte.section,
.FirstLogin-main .texte.section {
  padding: 0; }

.register.parsys .texte.section {
  padding: 25px 0; }

.texte.section span.RichText-lienCourant, .texte.section span.RichText-grosTitre, .texte.section span.RichText-titreProjet, .texte.section span.RichText-titreComposant, .texte.section span.RichText-titreBlanc, .texte.section span.RichText-chapeau, .texte.section span.RichText-legal, .texte.section span.RichText-legalBlanc, .texte.section span.RichText-emphase, .texte.section span.RichText-emphaseBlanc, .texte.section span.RichText-texteVignettes, .texte.section span.RichText-focusBlanc, .texte.section span.RichText-textePartenaire, .texte.section span.RichText-numerique, .texte.section span.RichText-discret, .texte.section span.RichText-texteSemiBoldBlanc, .texte.section span.RichText-texteBlanc, span.texte.section, span.RichText-lienCourant, span.RichText-grosTitre, span.RichText-titreProjet, span.RichText-titreComposant, span.RichText-titreBlanc, span.RichText-chapeau, span.RichText-legal, span.RichText-sanitaire, span.RichText-legalBlanc, span.RichText-emphase, span.RichText-emphaseBlanc, span.RichText-texteVignettes, span.RichText-focusBlanc, span.RichText-textePartenaire, span.RichText-numerique, span.RichText-discret, span.RichText-texteSemiBoldBlanc, span.RichText-texteBlanc {
  display: inline-block; }

.texte.section h1 a, .texte.section h1 a:hover, .texte.section h1 a:focus, .texte.section .h1 a, .texte.section .h1 a:hover, .texte.section .h1 a:focus, .texte.section h2 a, .texte.section h2 a:hover, .texte.section h2 a:focus, .texte.section .h2 a, .texte.section .h2 a:hover, .texte.section .h2 a:focus, .texte.section h3 a, .texte.section h3 a:hover, .texte.section h3 a:focus, .texte.section .h3 a, .texte.section .h3 a:hover, .texte.section .h3 a:focus {
  color: inherit;
  text-decoration: none; }

.texte.section ul, .texte.section .UnorderedList {
  display: table; }
  .texte.section ul.UnorderedList--middle, .texte.section .UnorderedList.UnorderedList--middle {
    margin: 0 auto; }
  .texte.section ul.UnorderedList--right, .texte.section .UnorderedList.UnorderedList--right {
    margin-left: auto; }

/* RTE whithout AEM */
/* NPC STYLE */
a > .RichText-lienCourant {
  text-decoration: underline; }

a > .RichText-grosTitre {
  text-decoration: underline; }

a > .RichText-titreProjet {
  text-decoration: underline; }

a > .RichText-titreComposant {
  text-decoration: underline; }

a > .RichText-titreBlanc {
  text-decoration: underline; }

a > .RichText-chapeau {
  text-decoration: underline; }

a > .RichText-legal {
  text-decoration: underline; }

a > .RichText-sanitaire {
  text-decoration: underline; }

a > .RichText-legalBlanc {
  text-decoration: underline; }

a > .RichText-emphase {
  text-decoration: underline; }

a > .RichText-emphaseBlanc {
  text-decoration: underline; }

a > .RichText-texteVignettes {
  text-decoration: underline; }

a > .RichText-focusBlanc {
  text-decoration: underline; }

a > .RichText-textePartenaire {
  text-decoration: underline; }

a > .RichText-numerique {
  text-decoration: underline; }

a > .RichText-discret {
  text-decoration: underline; }

a > .RichText-texteSemiBoldBlanc {
  text-decoration: underline; }

a > .RichText-texteBlanc {
  text-decoration: underline; }

/* PUC STYLE */
.Table {
  display: table;
  position: relative;
  width: 100%; }

.Table-row {
  display: table-row;
  width: 100%;
  border-bottom: 2px solid #f5f5f5; }

.Table-cellHead,
.Table-cellBody {
  display: table-cell;
  vertical-align: middle; }

.Table-cellHead {
  background-color: #007D8F;
  color: #ffffff; }

.Table-cellBloc {
  display: block;
  float: left; }

.Table-cellWidth100 {
  width: 100%; }

.Table-cellWidth80 {
  width: 80%; }

.Table-cellWidth70 {
  width: 70%; }

.Table-cellWidth50 {
  width: 50%; }

.Table-cellWidth30 {
  width: 30%; }

.Table-cellWidth20 {
  width: 20%; }

.encart-2 {
  background-color: #d8d8d8;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 800; }

.no-text-decoration {
  text-decoration: none; }

.InputFile {
  position: relative;
  overflow: hidden; }

.InputFile-field {
  position: absolute;
  left: -100000px;
  opacity: 0; }

/*
Placeholders
*/
.PushLeftZone, .Etapier, .CustomMessage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end !important;
     -moz-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
  position: relative;
  width: 100%;
  min-height: 350px;
  padding: 10% 7vw;
  background: #007D8F; }
  @media (min-width: 650px) {
    .PushLeftZone, .Etapier, .CustomMessage {
      padding: 10% 5vw; } }

.PushLeftZone-backgroundWrapper, .PushCommunication-backgroundWrapper, .Etapier-backgroundWrapper, .componentZdg .PushCommunication-backgroundWrapper, .componentZdg .Etapier-backgroundWrapper, .PushLeftZone-background, .PushCommunication-background, .Etapier-background, .componentZdg .PushCommunication-background, .componentZdg .Etapier-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.PushLeftZone-backgroundWrapper:after, .PushCommunication-backgroundWrapper:after, .Etapier-backgroundWrapper:after, .componentZdg .PushCommunication-backgroundWrapper:after, .componentZdg .Etapier-backgroundWrapper:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.PushLeftZone-backgroundWrapper--veil:after, .Etapier-backgroundWrapper:after {
  background: #000;
  opacity: .3; }

.PushLeftZone-background, .PushCommunication-background, .Etapier-background, .componentZdg .PushCommunication-background, .componentZdg .Etapier-background {
  -moz-background-size: cover;
       background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.PushLeftZone-background--filter, .Etapier-background {
  opacity: .5; }
  .backgroundblendmode .PushLeftZone-background--filter, .backgroundblendmode .Etapier-background {
    opacity: 1;
    background-blend-mode: soft-light;
    background-color: #007D8F; }

.PushLeftZone-main, .PushCarousel3-carousel, .Etapier-main, .CustomMessage-main {
  position: relative;
  width: 100%; }

.PushLeftZone-content {
  position: absolute;
  bottom: 10%;
  width: 100%;
  padding: 25px 30px;
  background: #ffffff; }

.PushLeftZone-sticky, .Etapier-sticky {
  position: absolute;
  top: -15px;
  left: 50%;
  z-index: 1;
  padding: 7px 25px;
  color: #ffffff;
  line-height: 1.25;
  white-space: nowrap;
  text-transform: uppercase;
  background: #99cc00;
  -moz-border-radius: 50px;
       border-radius: 50px;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%); }

/*
 Generic CSS class
*/
/*doc
---
title: Header
name: header
category: header
---
All headers


**Images for test :**

*Big*

- CA_Chalus_V.svg
- CA_Champ-Bourgogne_V.svg
- CA_Charente-Maritime-Deux-Sevres_V.svg
- CA_Corse_V.svg
- CA_Toute-une-banque-pour-vous_V.svg


*Small*

- CA_Chalus_H.svg
- CA_Champ-Bourgogne_H.svg
- CA_Charente-Maritime-Deux-Sevres_H.svg
- CA_Corse_H.svg
- CA_Toute-une-banque-pour-vous_H.svg


**Textes possibles pour le lien marché**
        Vous êtes un particulier
        Vous êtes une entreprise
        Vous êtes un professionnel
        Vous êtes un agriculteur
        Vous êtes une association
        Vous êtes une collectivité

*/
/*doc
---
title: Header - big
name: header-01-big
parent: header
category: header
---
All big headers
*/
/*doc
---
title: Header - small
name: header-02-small
parent: header
category: header
---
All small headers
*/
/*doc
---
title: Header - components
name: header-03-components
parent: header
category: header
---
All headers components
*/
/*doc
---
title: CT037 Header
name: ct037-header
parent: header-01-big
category: header
---

**Template exemple:**
<ul>
<li><a href="../../build/examples/test-header.html" target="_blank">Intégration test</a></li>
</ul>

```html_example
@@include("../../kit/components/_ct037_header--include.kit")
```
*/
/*doc
---
title: Header Multilangue
name: headerMultilangue
parent: header
category: header
---

**Template exemple:**
<ul>
<li><a href="../../build/examples/test-headerMultilangue.html" target="_blank">Intégration test</a></li>
</ul>

```html_example
@@include("../../kit/components/_header-multilangue.kit")
```
*/
.NewHeader-logo, .HeaderSticky-logo, .HeaderAlternate-logo {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  padding: 10px; }
  @media (min-width: 990px) {
    .NewHeader-logo, .HeaderSticky-logo, .HeaderAlternate-logo {
      max-width: 236px; } }

.Header-search, .HeaderSticky-search, .HeaderSticky-help, .HeaderSticky-login, .HeaderLogged-secondNavLink, .Login-close, .Header-help, .Header-open, .Header-login, .HeaderAlternate-logo,
.HeaderAlternate-title,
.HeaderAlternate-back {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px; }

.Header-search, .HeaderSticky-search, .HeaderSticky-help, .HeaderSticky-login, .HeaderLogged-secondNavLink, .Login-close {
  width: 60px;
  line-height: 60px; }

.Header-search, .HeaderSticky-search, .HeaderLogged-secondNavLink--search, .Header-help, .HeaderSticky-help, .HeaderLogged-secondNavLink--help, .Header-open, .Header-login, .HeaderSticky-login, .HeaderLogged-secondNavLink--account, .HeaderLogged-secondNavLink--logoff, .HeaderLogged-secondNavLink--close, .HeaderAlternate-back, .Login-close {
  text-align: center;
  vertical-align: middle;
  -moz-transition: background 300ms ease, color 300ms ease;
  transition: background 300ms ease, color 300ms ease; }
  .Header-search, .HeaderSticky-search, .HeaderLogged-secondNavLink--search, .Header-help, .HeaderSticky-help, .HeaderLogged-secondNavLink--help, .Header-open, .Header-login, .HeaderSticky-login, .HeaderLogged-secondNavLink--account, .HeaderLogged-secondNavLink--logoff, .HeaderLogged-secondNavLink--close, .HeaderAlternate-back, .Login-close, .Header-search:hover, .HeaderSticky-search:hover, .HeaderLogged-secondNavLink--search:hover, .Header-help:hover, .HeaderSticky-help:hover, .HeaderLogged-secondNavLink--help:hover, .Header-open:hover, .Header-login:hover, .HeaderSticky-login:hover, .HeaderLogged-secondNavLink--account:hover, .HeaderLogged-secondNavLink--logoff:hover, .HeaderLogged-secondNavLink--close:hover, .HeaderAlternate-back:hover, .Login-close:hover, .Header-search:focus, .HeaderSticky-search:focus, .HeaderLogged-secondNavLink--search:focus, .Header-help:focus, .HeaderSticky-help:focus, .HeaderLogged-secondNavLink--help:focus, .Header-open:focus, .Header-login:focus, .HeaderSticky-login:focus, .HeaderLogged-secondNavLink--account:focus, .HeaderLogged-secondNavLink--logoff:focus, .HeaderLogged-secondNavLink--close:focus, .HeaderAlternate-back:focus, .Login-close:focus {
    color: #ffffff;
    text-decoration: none; }

.Header-search, .HeaderSticky-search, .HeaderLogged-secondNavLink--search {
  color: #99cc00;
  background-color: transparent; }
  .Header-search:hover, .HeaderSticky-search:hover, .HeaderLogged-secondNavLink--search:hover, .Header-search:focus, .HeaderSticky-search:focus, .HeaderLogged-secondNavLink--search:focus {
    color: #7fa600; }

.Header-help, .HeaderSticky-help, .HeaderLogged-secondNavLink--help {
  background-color: #009787; }
  .Header-help:hover, .HeaderSticky-help:hover, .HeaderLogged-secondNavLink--help:hover, .Header-help:focus, .HeaderSticky-help:focus, .HeaderLogged-secondNavLink--help:focus {
    background-color: #01897b; }

.Header-open {
  background-color: #006675; }
  .Header-open:hover, .Header-open:focus {
    background-color: #006675; }

.Header-login, .HeaderSticky-login, .HeaderLogged-secondNavLink--account, .HeaderLogged-secondNavLink--logoff, .HeaderLogged-secondNavLink--close, .HeaderAlternate-back, .Login-close {
  background-color: #007D8F; }
  .Header-login:hover, .HeaderSticky-login:hover, .HeaderLogged-secondNavLink--account:hover, .HeaderLogged-secondNavLink--logoff:hover, .HeaderLogged-secondNavLink--close:hover, .HeaderAlternate-back:hover, .Login-close:hover, .Header-login:focus, .HeaderSticky-login:focus, .HeaderLogged-secondNavLink--account:focus, .HeaderLogged-secondNavLink--logoff:focus, .HeaderLogged-secondNavLink--close:focus, .HeaderAlternate-back:focus, .Login-close:focus {
    background-color: #006675; }

.Header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: white;
  z-index: 9995; }
  @media (min-width: 990px) {
    .Header {
      height: 120px; } }

.Header--hidden {
  display: none;
  visibility: hidden; }

.Header-layers {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 9999;
  height: -moz-calc(100% - 60px);
  height: calc(100% - 60px);
  overflow: hidden;
  background-color: #fff;
  outline: 0; }
  @media (min-width: 990px) {
    .Header-layers {
      top: 120px;
      height: -moz-calc(100% - 120px);
      height: calc(100% - 120px); } }
  @media (max-width: 989px) {
    .Header-layers {
      bottom: 146px; }
      .Header-layers .visible-xs ~ .LayerNav-content {
        height: -moz-calc(100% - 47px);
        height: calc(100% - 47px); } }

@media (min-width: 1170px) {
  .Header-layers--fullsizeLG {
    top: 0 !important;
    bottom: auto;
    height: 100% !important; } }

@media (min-width: 990px) and (max-width: 1169px) {
  .Header-layers--fullsizeMD {
    top: 0 !important;
    bottom: auto;
    height: 100% !important; } }

@media (min-width: 650px) and (max-width: 989px) {
  .Header-layers--fullsizeSM {
    top: 0 !important;
    bottom: auto;
    height: 100% !important; } }

@media (max-width: 649px) {
  .Header-layers--fullsizeXS {
    top: 0 !important;
    bottom: auto;
    height: 100% !important; } }

.HeaderLogged + .Header-layers {
  /* Logged header is less high */
  top: 60px;
  height: -moz-calc(100% - 60px);
  height: calc(100% - 60px); }

.Header-logo {
  display: none; }
  @media (min-width: 990px) {
    .Header-logo {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      float: left;
      width: 12.1666666666%;
      min-width: -moz-calc(145px);
      min-width: calc(145px);
      height: 100%;
      padding: 10px;
      background-color: white;
      border-right: 1px solid #f5f5f5; } }

.Header-logoTitle {
  margin: 0;
  width: 100%;
  height: 100%; }
  @media (min-width: 990px) {
    .Header-logoTitle {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.Header-logoImg {
  max-width: 100%;
  max-height: 100%; }
  .Header-logoImg img {
    display: block; }

div.Header-logoImg {
  width: 100%; }
  div.Header-logoImg img {
    display: block; }

.Header-logoContent {
  height: 60px;
  padding: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 990px) {
    .Header-logoContent {
      display: none; } }
  @media (max-width: 989px) {
    .Header-logoContent {
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }
  @media (min-width: 650px) and (max-width: 989px) {
    .Header-logoContent {
      padding-left: 60px; } }

@media (min-width: 650px) and (max-width: 989px) {
  .Header.js-Header.contexthub-header-non-connecte .Header-logoContent {
    padding-left: 10px; } }

.Header-logo--xs {
  max-width: 100%;
  max-height: 100%; }
  .Header-logo--xs.js-needFakeNotSvg {
    height: 100%; }
  @media (min-width: 990px) {
    .Header-logo--xs {
      display: none; } }

.Header-nav {
  position: relative;
  width: 100%;
  height: 60px;
  background-color: transparent; }
  @media (min-width: 990px) {
    .Header-nav {
      float: left;
      width: 87.8333333333%;
      max-width: -moz-calc(100% - 145px);
      max-width: calc(100% - 145px);
      height: 120px;
      margin-top: 0;
      background-color: white; } }

.Header-upperNav {
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 9995;
  width: 100%;
  height: 60px;
  background-color: transparent; }

@media print {
  .Header, .HeaderSticky, .HeaderLogged, .HeaderAlternate {
    display: none !important; } }

.Header-buttonMenu, .HeaderLogged-buttonMenu {
  position: relative;
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: #454545;
  text-align: center;
  cursor: pointer; }
  .Header-buttonMenu, .HeaderLogged-buttonMenu, .Header-buttonMenu:hover, .HeaderLogged-buttonMenu:hover, .Header-buttonMenu:focus, .HeaderLogged-buttonMenu:focus {
    text-decoration: none; }
  .Header-buttonMenu:before, .HeaderLogged-buttonMenu:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -.5em;
    line-height: 1;
    font-size: 22px; }
  @media (min-width: 990px) {
    .Header-buttonMenu, .HeaderLogged-buttonMenu {
      display: none; } }

.Header-market {
  display: table-cell;
  width: 225px;
  vertical-align: middle;
  padding-left: 10px;
  font-size: 15px;
  color: #007D8F;
  text-decoration: none;
  cursor: pointer; }
  .Header-market, .Header-market:hover {
    text-decoration: none; }
  .Header-market:after {
    content: "";
    margin-left: 10px;
    line-height: 12px; }
  @media (max-width: 989px) {
    .Header-market {
      display: none; } }
  @media (min-width: 1170px) {
    .Header-market {
      margin-left: 20px; } }

.Header-search {
  border-left: 1px solid #ffffff; }
  .Header-search:after {
    content: "";
    display: block;
    font-size: 22px; }
  @media (max-width: 989px) {
    .Header-search {
      position: absolute;
      right: 60px;
      top: 0; } }
  @media (min-width: 990px) {
    .Header-search {
      width: auto;
      height: 40px;
      margin: 10px;
      padding-left: 10px;
      padding-right: 5px;
      vertical-align: middle;
      font-size: 12px;
      line-height: 40px;
      font-style: italic;
      color: #454545;
      font-weight: 600;
      background-color: #f5f5f5;
      cursor: pointer;
      border-left: none; }
      .Header-search::after {
        float: right;
        font-size: 18px;
        color: #99cc00; } }
  @media (max-width: 649px) {
    .Header-search {
      display: none; } }

.Header-searchPlaceholder {
  display: none; }
  .Header-searchPlaceholder, .Header-searchPlaceholder:hover, .Header-searchPlaceholder:focus {
    outline: none;
    color: #454545; }
  @media (min-width: 990px) {
    .Header-searchPlaceholder {
      width: -moz-calc(100% - 40px);
      width: calc(100% - 40px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block; } }

.Header-locator {
  display: none; }
  .Header-locator, .Header-locator:hover {
    text-decoration: none;
    color: white; }
  @media (min-width: 990px) {
    .Header-locator {
      width: 60px;
      padding: 10px;
      text-transform: uppercase;
      text-decoration: none;
      vertical-align: middle; } }
  @media (min-width: 1170px) {
    .Header-locator {
      margin-left: 4px; } }

.Header-locatorLogo {
  width: 40px;
  height: 40px;
  -moz-border-radius: 4px;
       border-radius: 4px;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  background-color: #99cc00;
  -moz-transition: background 300ms ease;
  transition: background 300ms ease; }
  .Header-locatorLogo:hover, .Header-locatorLogo:focus {
    background-color: #7fa600; }

.Header-help {
  display: none; }
  @media (min-width: 990px) {
    .Header-help {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: auto;
      min-width: 140px;
      padding-left: 10px;
      text-transform: uppercase; } }
  @media (min-width: 1170px) {
    .Header-help {
      margin-left: 20px; } }

@media (min-width: 650px) and (max-width: 989px) {
  .Header-help--campaign {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 60px;
    height: 60px;
    line-height: 60px; } }

.Header-helpPicto {
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  padding: 0;
  margin: 0; }
  @media (max-width: 989px) {
    .Header-helpPicto {
      height: 39px; } }

.Header-helpText {
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle;
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
  font-size: 12px;
  font-family: "Open Sans", sans-serif; }

.Header-open {
  display: none; }
  @media (min-width: 990px) {
    .Header-open {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: auto;
      min-width: 140px;
      text-transform: uppercase; } }

.Header-login {
  width: 60px;
  text-align: center; }
  .Header-login:before {
    content: "";
    display: block;
    font-size: 18px;
    line-height: 22px; }
  @media (min-width: 990px) {
    .Header-login {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: auto;
      min-width: 140px;
      text-transform: uppercase;
      padding-left: 15px;
      padding-right: 15px; }
      .Header-login:before {
        display: inline-block;
        margin-right: 5px; } }
  @media (max-width: 989px) {
    .Header-login {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 60px;
      font-size: 18px;
      line-height: 1;
      letter-spacing: 0; } }

.Header-login--campaign {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.Header-loginText {
  display: none;
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
  font-size: 12px;
  font-family: "Open Sans", sans-serif; }
  @media (min-width: 990px) {
    .Header-loginText {
      display: inline-block;
      vertical-align: middle;
      text-align: center; } }

.Header-searchForm {
  padding: 0; }

@media (min-width: 990px) {
  .flexbox .Header-upperNav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .flexbox .header-search,
  .flexbox .Header-search {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    min-width: 100px; }
  .flexbox .Header-search {
    position: relative;
    text-align: left; }
    .flexbox .Header-search:after {
      position: absolute;
      top: 0;
      right: 5px; }
  .flexbox .Header-searchPlaceholder {
    display: block;
    width: auto;
    margin-right: 40px;
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .flexbox .Header-market,
  .flexbox .Header-locator {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .flexbox .Header-market {
    width: auto; }
  .flexbox .Header-help,
  .flexbox .Header-open,
  .flexbox .Header-login {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: auto;
    min-width: 140px; }
  .flexbox .Header-help {
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

@media (min-width: 1170px) {
  .flexbox .Header-market {
    margin-right: 20px; } }

.Header-lowerNav {
  display: none; }
  @media (min-width: 990px) {
    .Header-lowerNav {
      display: block;
      height: 60px;
      width: 100%;
      background-color: #f5f5f5; } }

.Header-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9997;
  width: 100%;
  height: 100%; }
  @media (min-width: 650px) {
    .Header-menu {
      background-color: #f5f5f5; } }
  @media (min-width: 990px) {
    .Header-menu {
      display: none; } }

.Header-menuHeader {
  display: table;
  table-layout: fixed;
  position: fixed;
  height: 60px;
  width: 100%;
  padding-right: 60px;
  background-color: #f5f5f5;
  z-index: 99999; }

.Header-menuClose {
  display: table-cell;
  width: 60px;
  height: 60px;
  background-color: #007D8F;
  vertical-align: middle; }
  .Header-menuClose, .Header-menuClose:hover {
    text-decoration: none;
    color: #fff; }
  .Header-menuClose:before {
    content: "";
    display: table-cell;
    width: 60px;
    font-size: 18px;
    text-align: center; }

.Header-menuLogo {
  display: block;
  height: 60px;
  width: 100%;
  background-repeat: no-repeat, no-repeat;
  -moz-background-size: auto 68%;
       background-size: auto 68%;
  background-position: center center; }
  @media (min-width: 990px) {
    .Header-menuLogo {
      float: left;
      width: 12.1666666666%;
      margin-left: 0px;
      background-position: center center;
      border-right: 1px solid #f5f5f5; } }

.Header-menuSearch {
  display: table-cell;
  width: 60px;
  height: 60px;
  background-color: white;
  border-left: 1px solid #f5f5f5;
  vertical-align: middle;
  text-decoration: none; }
  .Header-menuSearch:before {
    content: "";
    display: table-cell;
    width: 60px;
    font-size: 22px;
    color: #99cc00;
    text-align: center; }
  @media (max-width: 649px) {
    .Header-menuSearch {
      display: none; } }

.Header-menuLogin {
  display: table-cell;
  width: 60px;
  height: 60px;
  background-color: #007D8F;
  color: white;
  text-decoration: none;
  vertical-align: middle; }
  .Header-menuLogin:before {
    content: "";
    display: table-cell;
    width: 60px;
    font-size: 22px;
    text-align: center; }
  @media (max-width: 649px) {
    .Header-menuLogin {
      display: none; } }

.Header-menuRows {
  position: fixed;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  top: 60px;
  bottom: 146px;
  background-color: #fff; }

.Header-menuRow {
  display: table;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-weight: 600;
  height: 55px;
  text-decoration: none;
  vertical-align: middle; }
  .Header-menuRow:after {
    content: "";
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 60px; }
  .Header-menuRow:hover, .Header-menuRow:focus {
    text-decoration: none; }

.Header-menuRow--back {
  font-size: 12px;
  height: 52px;
  color: #007D8F; }
  .Header-menuRow--back:after {
    display: none; }
  .Header-menuRow--back .Header-menuIcon {
    font-size: 1em; }

.Header-menuIcon {
  display: table-cell;
  width: 60px;
  color: #007D8F;
  font-size: 20px;
  text-align: center;
  vertical-align: middle; }

.Header-menuRowText {
  display: table-cell;
  padding: 10px 0;
  vertical-align: middle;
  color: #454545; }

.Header-menuRowText--em {
  font-style: italic;
  color: #007D8F; }

.Header-menuRowText--back {
  color: #007D8F; }

/* .Header-menu-rown {
  background-color: $brand-gray01;
  border-bottom: 1px solid $brand-gray02;
  font-size: 18px;
  height: 78px;
  line-height: 78px;
  vertical-align: middle;

  a {
    color: $brand-primary;
    text-decoration: none;
    font-style: italic;
  }
}
*/
.Header-menuSubfooter {
  position: fixed;
  bottom: 94px;
  width: 100%;
  height: 52px;
  background-color: #007D8F;
  color: #99cc00; }
  @media (min-width: 990px) {
    .Header-menuSubfooter {
      display: none; } }

.Header-menuInput {
  height: 40px;
  margin-top: 6px;
  background-color: #007D8F;
  color: white;
  font-size: 15px;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  border: none;
  outline: 0px !important;
  -webkit-appearance: none; }
  .Header-menuInput::-webkit-input-placeholder {
    font-style: italic;
    color: #3396a5; }
  .Header-menuInput:-moz-placeholder {
    font-style: italic;
    color: #3396a5; }
  .Header-menuInput::-moz-placeholder {
    font-style: italic;
    color: #3396a5; }
  .Header-menuInput:-ms-input-placeholder {
    font-style: italic;
    color: #3396a5; }
  .Header-menuInput::placeholder {
    font-style: italic;
    color: #3396a5; }
  @media (min-width: 990px) {
    .Header-menuInput {
      background-color: #007D8F;
      font-size: 40px; } }

.Header-menuSubfooterIcon {
  line-height: 52px;
  vertical-align: middle; }

.Header-menuFooter {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 94px;
  padding-top: 15px;
  background-color: #006675; }
  @media (min-width: 990px) {
    .Header-menuFooter {
      display: none; } }

.Header-menuFooterBtn {
  display: inline-block;
  margin: -10px;
  padding: 10px;
  text-decoration: none; }

.Header-menuFooterText {
  display: block;
  color: white;
  font-size: 12px; }

.Header-menuFooterIcon {
  height: 39px;
  line-height: 39px;
  color: white;
  font-size: 24px; }

/* .header-connected {
  display: block;
  position: fixed;
  background: yellow;
  width: 100%;
  height: $sticky-height;
  top: 0;
  width: 100%;
  z-index: 99999;
}
*/
/**
 = NEW HEADER
 */
.NewHeader {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 60px; }
  .NewHeader .NewHeader-actions > * {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .NewHeader .Header-buttonMenu {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .NewHeader .Header-help {
    margin-left: 0; }
  .NewHeader .Header-search {
    border-left: 0; }
    .NewHeader .Header-search:hover:after, .NewHeader .Header-search:focus:after {
      color: #7fa600; }
  .NewHeader .Login-close {
    display: none;
    border-left: 0; }

.NewHeader-main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden; }

.NewHeader-nav {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 60px;
  overflow: hidden; }

.NewHeader-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 60px;
  overflow: hidden; }

@media (min-width: 990px) {
  .NewHeader--base {
    height: 120px; }
    .NewHeader--base .NewHeader-logo {
      min-width: 120px; }
    .NewHeader--base .NewHeader-main {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
         -moz-box-orient: vertical;
         -moz-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }

.NewHeader--small .Header-market,
.NewHeader--small .Header-locator {
  display: none; }

.NewHeader--small .Header-helpText,
.NewHeader--small .Header-loginText,
.NewHeader--small .Header-open {
  display: none; }

.NewHeader--small .Header-help,
.NewHeader--small .Header-login {
  width: 60px;
  min-width: 0;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center; }

.NewHeader--small .Header-login:before {
  margin-right: 0; }

.NewHeader--small .Header-search {
  width: 60px;
  height: 60px;
  min-width: 0;
  margin: 0;
  padding: 0 10px;
  background: transparent; }
  .NewHeader--small .Header-search:after {
    top: 50%;
    right: 50%;
    margin: -.5em;
    width: 1em;
    line-height: 1;
    font-size: 22px; }

.NewHeader--small .Header-searchPlaceholder {
  display: none; }

@media (min-width: 990px) {
  .NewHeader--gray {
    background: #f5f5f5; } }

.NewHeader--search .Header-buttonMenu,
.NewHeader--search .NewHeader-nav,
.NewHeader--search .Header-search,
.NewHeader--search .Header-login {
  display: none; }

.NewHeader--search .NewHeader-main {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0; }

.NewHeader--search .Login-close {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

@media (max-width: 989px) {
  .NewHeader-nav {
    display: none; }
  .NewHeader-logo {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .NewHeader-main {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; } }

/*doc
---
title: CT038 Header sticky
name: headerSticky
parent: header-02-small
category: header
---

```html_example
@@include("../../kit/components/_ct038_headerSticky--include.kit")
```
*/
/*doc
---
title: CT038 Header sticky national
name: headerSticky-National
parent: header-02-small
category: header
---

**Template exemple:**
<ul>
<li><a href="../../build/examples/test-headerStickyNational.html" target="_blank">Test header Sticky National</a></li>
</ul>

```html_example
@@include("../../kit/components/_ct038_headerStickyNational.kit")
```
*/
.HeaderSticky {
  display: none; }
  @media (min-width: 990px) {
    .HeaderSticky {
      display: none;
      position: fixed;
      height: 60px;
      width: 100%;
      background-color: #f5f5f5;
      top: 0;
      z-index: 9999; } }

.HeaderSticky--show {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  visibility: visible; }

@media (min-width: 990px) {
  .HeaderSticky-logo {
    background: #ffffff; } }

.HeaderSticky-logoImg {
  display: none; }
  @media (min-width: 1170px) {
    .HeaderSticky-logoImg {
      display: block;
      width: 100%;
      height: 100%; } }

.HeaderSticky-logo--xs {
  max-width: 100%;
  max-height: 100%; }
  @media (min-width: 1170px) {
    .HeaderSticky-logo--xs {
      display: none; } }

div.HeaderSticky-logo--xs {
  height: 100%; }

.HeaderSticky-needs {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  height: 60px;
  overflow: hidden;
  background-color: #f5f5f5; }
  .HeaderSticky-needs .NavUniverse-listLink--advice {
    color: #007D8F;
    font-style: italic; }

.HeaderSticky-subscribe {
  display: none; }
  @media (min-width: 1170px) {
    .HeaderSticky-subscribe {
      display: block;
      width: 145px;
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center; } }

.HeaderSticky-subscribeBtn {
  display: block;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  text-align: center;
  background-color: #007D8F;
  -moz-border-radius: 3px;
       border-radius: 3px; }
  .HeaderSticky-subscribeBtn, .HeaderSticky-subscribeBtn:hover {
    color: #ffffff;
    text-decoration: none; }

.HeaderSticky-search {
  border-left: 1px solid #ffffff;
  background-color: #f5f5f5; }
  .HeaderSticky-search:after {
    content: "";
    display: block;
    font-size: 22px; }

.HeaderSticky-login {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  font-size: 18px;
  line-height: 1; }
  .HeaderSticky-login:after {
    content: "";
    display: block;
    font-size: 18px;
    line-height: 22px; }

/*doc
---
title: CT047 Header connecté
name: headerLogged
parent: header-02-small
category: header
---

```html_example
@@include("../../kit/components/_ct047_headerLogged.kit")

```
*/
/*doc
---
title: C047 Mon profil
parent: header-03-components
name: c074-myprofile
category: header
---
*/
/*doc
---
title: C047 Mon profil (particulier)
parent: c074-myprofile
name: c074-myprofile--01
category: header
---

**Template exemple:**
<ul>
<li><a href="../../build/examples/test-headerLogged.html" target="_blank">Intégration test</a></li>
</ul>

```html_example
<a href="#account" class="HeaderLogged-secondNavLink HeaderLogged-secondNavLink--account js-toggleLayerNav">
    <i class="icon npc-avatar HeaderLogged-accountIcon HeaderLogged-accountIcon--witdh25"></i>
    <div class="HeaderLogged-accountName hidden-xs hidden-sm">
        <div class="HeaderLogged-accountNametext HeaderLogged-accountNametext--multi">
          <span>M. Louis BERNARD</span>
          <span>&nbsp;|&nbsp;Particulier</span>
        </div>
    </div>
    <div class="HeaderLogged-accountBlocNotif">
        <div class="HeaderLogged-accountNotif">2</div>
    </div>
  <i class="icon npc-arrow-down-filled HeaderLogged-accountIcon HeaderLogged-accountIcon--witdh16"></i>
</a>

```
*/
/*doc
---
title: C047 Mon profil (entreprise)
parent: c074-myprofile
name: c074-myprofile--02
category: header
---

```html_example
<a href="#account" class="HeaderLogged-secondNavLink HeaderLogged-secondNavLink--account js-toggleLayerNav">
  <i class="icon npc-avatar HeaderLogged-accountIcon HeaderLogged-accountIcon--witdh25"></i>
  <div class="HeaderLogged-accountName hidden-xs hidden-sm">
    <div class="HeaderLogged-accountNametext">M. Louis BERNARD</div>
    <div class="HeaderLogged-accountNametext HeaderLogged-accountNametext--font">Pour SAS Bernard</div>
  </div>
  <div class="HeaderLogged-accountBlocNotif">
    <div class="HeaderLogged-accountNotif">2</div>
  </div>
  <i class="icon npc-arrow-down-filled HeaderLogged-accountIcon HeaderLogged-accountIcon--witdh16"></i>
</a>
```
*/
.HeaderLogged {
  position: fixed;
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 9995;
  width: 100%;
  height: 60px;
  background-color: #f5f5f5; }
  .HeaderLogged .MainNav-listLink--mega:before {
    content: none; }

.HeaderLogged-logo {
  height: 60px;
  padding: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 990px) {
    .HeaderLogged-logo {
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }
  @media (min-width: 990px) {
    .HeaderLogged-logo {
      max-width: 236px;
      background-color: white; } }
  @media (min-width: 650px) and (max-width: 989px) {
    .HeaderLogged-logo {
      padding-left: 60px; } }

.HeaderLogged-logo--small {
  width: 100px; }

.HeaderLogged-logoImg {
  max-width: 100%;
  max-height: 100%; }
  .HeaderLogged-logoImg.js-needFakeNotSvg {
    width: 100%; }

div.HeaderLogged-logoImg {
  height: 100%; }

/* Modifier for the header of 400 and 404 pages */
.HeaderLogged-buttonMenu--P400 {
  color: #ffffff;
  background-color: #007D8F; }
  .HeaderLogged-buttonMenu--P400:before {
    content: "";
    display: table-cell;
    font-size: 15px; }
  .HeaderLogged-buttonMenu--P400:hover, .HeaderLogged-buttonMenu--P400:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #006675; }

.HeaderLogged-nav {
  display: none; }
  @media (min-width: 990px) {
    .HeaderLogged-nav {
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: block;
      height: 60px;
      overflow: hidden;
      background-color: #f5f5f5; } }

.HeaderLogged-navLink:hover {
  text-decoration: none; }

@media (min-width: 990px) {
  .HeaderLogged-navLink {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 60px;
    color: #454545;
    text-decoration: none;
    text-transform: uppercase; } }

.HeaderLogged-navLink--mega:after {
  content: "";
  margin-left: 10px;
  line-height: 12px; }

@media (max-width: 989px) {
  .HeaderLogged-navLink--mega:after {
    display: none; } }

@media (min-width: 990px) {
  .HeaderLogged-navLink--selected {
    color: #007D8F; } }

.HeaderLogged-secondNavLink--search {
  display: none;
  border-left: 1px solid #ffffff; }
  .HeaderLogged-secondNavLink--search:after {
    content: "";
    font-size: 22px; }
  @media (min-width: 650px) {
    .HeaderLogged-secondNavLink--search {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; } }

.HeaderLogged-secondNavLink--help {
  display: none; }
  @media (min-width: 990px) {
    .HeaderLogged-secondNavLink--help {
      display: table-cell; } }

.HeaderLogged-secondNavLink--account {
  display: table;
  position: relative;
  padding: 0 10px;
  cursor: pointer;
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  font-size: 0;
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  text-rendering: optimizespeed; }
  @media (min-width: 990px) {
    .HeaderLogged-secondNavLink--account {
      width: auto;
      max-width: 350px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; } }
  .HeaderLogged-secondNavLink--account.active .HeaderLogged-accountBlocNotif {
    display: none; }

.HeaderLogged-accountIcon {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 8px; }

.HeaderLogged-accountIcon--witdh25 {
  width: 25px;
  font-size: 18px;
  line-height: 22px; }
  @media (max-width: 990px) {
    .HeaderLogged-accountIcon--witdh25 {
      width: auto; } }

.HeaderLogged-accountIcon--witdh16 {
  width: 16px; }
  @media (max-width: 990px) {
    .HeaderLogged-accountIcon--witdh16 {
      width: auto; } }

.HeaderLogged-accountBlocNotif {
  display: table-cell;
  vertical-align: middle; }

a.HeaderLogged-accountBlocNotif {
  color: inherit;
  text-decoration: none; }
  a.HeaderLogged-accountBlocNotif:hover, a.HeaderLogged-accountBlocNotif:focus {
    color: inherit; }
    a.HeaderLogged-accountBlocNotif:hover .HeaderLogged-accountNotif, a.HeaderLogged-accountBlocNotif:focus .HeaderLogged-accountNotif {
      background: rgba(255, 255, 255, 0.5); }

.HeaderLogged-accountNotif {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: rgba(255, 255, 255, 0.3);
  -moz-border-radius: 50%;
       border-radius: 50%;
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
  font-size: 12px;
  font-family: "Open Sans", sans-serif; }
  @media (max-width: 989px) {
    .HeaderLogged-accountNotif {
      position: absolute;
      top: 5px;
      right: 5px; } }

.HeaderLogged-accountName {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px; }

.HeaderLogged-accountNametext {
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.4;
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  text-align: left; }

.HeaderLogged-accountNametext--multi {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  .HeaderLogged-accountNametext--multi > span:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .HeaderLogged-accountNametext--multi > span:last-child {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.HeaderLogged-accountNametext--font {
  font-size: 10px; }

.HeaderLogged-secondNavLink--logoff {
  display: none; }
  @media (min-width: 990px) {
    .HeaderLogged-secondNavLink--logoff {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 60px;
      font-size: 22px;
      line-height: 1;
      border-left: 1px solid #ffffff; }
      .HeaderLogged-secondNavLink--logoff:after {
        font-family: "NPC Icons";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        content: ""; } }

.HeaderLogged-secondNavLink--close {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  font-size: 18px;
  line-height: 1;
  border-left: 1px solid #ffffff; }
  .HeaderLogged-secondNavLink--close:after {
    font-family: "NPC Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: ""; }

.HeaderLogged-secondNavLink--P400 {
  width: auto;
  padding: 0 20px;
  font-size: 12px; }
  .HeaderLogged-secondNavLink--P400:after {
    font-family: "NPC Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "";
    padding-left: 15px;
    font-size: 15px; }

/*doc
---
title: C044 Navigation Univers de besoin
name: navUniverse
parent: header-03-components
category: header
---

Scripts à inclure (pour test ?):

- `<script src="sliderNav.js"></script>`

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>

<!--  CUSTOM JS -->
<script src="./../../build/js/sliderNav.js" type="text/javascript"></script>

<script type="text/javascript">$(function(){$(window).trigger('reload.sliderNav'); console.log('trigger on load');})</script>

*/
/*doc
---
title: C044 Navigation Univers de besoin
name: navUniverse-01
parent: navUniverse
category: header
---

```html_example
@@include("../../kit/components/_c044_mainNav.kit")
```


*/
/*doc
---
title: C044 Navigation Univers de besoin - x2
name: navUniverse-02
parent: navUniverse
category: header
---

```html_example
@@include("../../kit/components/_c044_mainNav--x2.kit")
```


*/
/*doc
---
title: C044 Navigation Univers de besoin - x3
name: navUniverse-03
parent: navUniverse
category: header
---

```html_example
@@include("../../kit/components/_c044_mainNav--x3.kit")
```


*/
/*doc
---
title: C044 Navigation Univers de besoin - x3 - Dots not collapsed
name: navUniverse-04
parent: navUniverse
category: header
---

Pour décoller les `...` qui indique qu'il y a des éléments après, il faut ajouter l'attribut : `data-next-points-collapsed="false"`


```html_example
@@include("../../kit/components/_c044_mainNav--x3-not-collapsed.kit")
```


*/
/*doc
---
title: C044 Navigation Univers de besoin - Max 3 items
name: navUniverse-05
parent: navUniverse
category: header
---

- **Utiliser l'attribut `data-max-items` sur `js-sliderNav` pour paramètrer le nombre maximal d'éléments à afficher**
  par défaut, `max-items = 6`

```html_example
@@include("../../kit/components/_c044_mainNav--max3.kit")
```


*/
/*doc
---
title: C044 Navigation Univers de besoin - Max 3 items and Wrap
name: navUniverse-06
parent: navUniverse
category: header
---

- **Utiliser l'attribut `data-max-items` sur `js-sliderNav` pour paramètrer le nombre maximal d'éléments à afficher**
- **Envelopper tous les élements contenant en dessous de `js-sliderNav` avec la classe `js-sliderNav-navWrapper`**

```html_example
@@include("../../kit/components/_c044_mainNav--max3AndWrap.kit")
```


*/
.MainNav {
  position: relative;
  display: block;
  height: 60px;
  overflow: hidden; }

.MainNav-wrap {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px; }

.MainNav-list {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
  font-size: 0; }

.MainNav-listItem {
  display: inline-block;
  font-size: 12px;
  height: 60px; }

.MainNav-listLink {
  display: block;
  text-align: center;
  color: #454545;
  line-height: 60px;
  padding: 0 16px;
  text-transform: uppercase; }
  .MainNav-listLink, .MainNav-listLink:hover, .MainNav-listLink:focus {
    text-decoration: none; }
  .MainNav-listLink:focus {
    font-weight: 700; }
  .MainNav-listLink.active {
    color: #007D8F; }

.MainNav-listLink--selected {
  position: relative;
  color: #007D8F; }
  .MainNav-listLink--selected::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 2px solid #007D8F; }

.MainNav-listLink--mega::after {
  font-family: "NPC Icons";
  margin-left: 10px;
  font-size: 8px;
  line-height: 12px;
  content: "\f105"; }

.MainNav-listLink--em {
  font-style: italic; }
  .MainNav-listLink--em:after {
    font-style: normal; }

.LayerNav {
  height: 100%;
  background-color: #fff;
  outline: 0;
  /*  @media (max-width: $screen-sm-max) {
     top: $sticky-height;
     bottom: 146px;
     height: auto;
     } */ }

.LayerNav-content,
.LayerNav-inner {
  position: relative;
  height: 100%; }

@media (max-width: 989px) {
  .LayerNav-innerCael {
    height: -moz-calc(100% - 60px);
    height: calc(100% - 60px); } }

.LayerNav-content {
  padding: 80px 0 1%;
  overflow-y: auto; }
  @media (max-width: 989px) {
    .LayerNav-content {
      padding: 0; } }

.LayerNav-close {
  position: absolute;
  top: 55px;
  right: 55px;
  font-size: 1.333em;
  /* 16px */
  color: #007D8F; }
  .LayerNav-close, .LayerNav-close:hover {
    text-decoration: none; }
  @media (max-width: 989px) {
    .LayerNav-close {
      display: none; } }

.LayerNav-headMobileTitle {
  font-size: 18px;
  text-transform: uppercase;
  padding-top: 2px; }

.LayerNav-backMobile {
  display: block;
  padding: 15px 9.5%;
  background: #007D8F; }
  .LayerNav-backMobile, .LayerNav-backMobile:hover {
    text-decoration: none;
    color: #ffffff; }

.LayerNav-backMobileIcon {
  margin-right: 10px; }

.LayerNav-push {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  background-color: #f5f5f5;
  overflow-y: auto; }

.LayerNav-pushImg {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: cover;
       background-size: cover; }

.LayerNav-pushMsg {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 185px;
  padding: 10%; }
  .LayerNav-pushMsg > div {
    width: 100%; }
  @media (max-width: 989px) {
    .LayerNav-pushMsg {
      display: none; } }

.LayerNav-pushLink {
  color: inherit;
  text-decoration: underline; }

.LayerNav-pushMsg--image {
  color: #ffffff;
  background: #007D8F no-repeat 50% 50%;
  -moz-background-size: cover;
       background-size: cover; }
  .LayerNav-pushMsg--image .LayerNav-pushTitle {
    color: inherit; }

.LayerNav-pushTitle {
  font-size: 1.917em;
  /* 23px */
  text-transform: uppercase;
  color: #007D8F;
  line-height: 24px; }

.LayerNav-pushText {
  padding: 30px 0; }

.LayerNav-pushNav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  padding: 80px 0 3%;
  background: #007D8F; }
  @media (max-width: 989px) {
    .LayerNav-pushNav {
      padding: 0;
      overflow: auto; } }

.LayerNav-pushNavItemSpacer,
.LayerNav-pushNavItem {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 35px;
  max-height: 65px;
  padding: 5px 12.7%;
  font-size: 1.917em;
  /* 23px */
  font-weight: 400;
  line-height: 1.1;
  color: #ffffff;
  background: #007D8F;
  text-decoration: none; }

@media (max-width: 989px) {
  .LayerNav-pushNavItemSpacer {
    display: none; } }

.LayerNav-pushNavItem {
  position: relative; }
  .LayerNav-pushNavItem:hover, .LayerNav-pushNavItem:focus {
    color: #ffffff;
    background: #006675;
    text-decoration: none; }
  @media (max-width: 989px) {
    .LayerNav-pushNavItem {
      padding: 5px 9.5%;
      font-weight: 600;
      font-size: 14px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
      .LayerNav-pushNavItem:after {
        content: "";
        position: absolute;
        right: 9.5%;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
                transform: translateY(-50%);
        font-size: 15px; } }

@media (max-height: 700px) and (min-width: 990px) {
  .LayerNav-pushNavItem:nth-last-child(n + 5):first-child,
  .LayerNav-pushNavItem:nth-last-child(n + 5):first-child ~ .LayerNav-pushNavItem,
  .LayerNav-pushNavItem:nth-last-child(n + 5):first-child ~ .LayerNav-pushNavItemSpacer {
    font-size: 1.5em;
    min-height: 30px; } }

.LayerNav-pushNavItem--ca {
  min-height: 55px;
  max-height: 90px; }
  .LayerNav-pushNavItem--ca .LayerNav-pushNavItemInner:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 7px;
    font-size: 28px; }

.LayerNav-pushNavItem--active .LayerNav-dot {
  opacity: 0;
  visibility: hidden; }
  @media (max-width: 989px) {
    .LayerNav-pushNavItem--active .LayerNav-dot {
      opacity: 1;
      visibility: visible; } }

.LayerNav-pushNavItem--active, .LayerNav-pushNavItem--active:hover, .LayerNav-pushNavItem--active:focus {
  color: #007D8F;
  background: #ffffff; }

.LayerNav-changeStatus {
  display: inline-block;
  margin: 2.5% 0 0 5%; }
  @media (max-width: 989px) {
    .LayerNav-changeStatus {
      display: none; } }

.LayerNav-changeStatusIcon {
  text-decoration: none;
  margin: 0 5px 0 0;
  vertical-align: baseline; }

.LayerNav-dlist {
  list-style-type: none; }
  @media (max-width: 989px) {
    .LayerNav-dlist {
      margin: 0; } }

.LayerNav-dlistTitle {
  margin: 3vw 0 0 9.5%;
  font-weight: 300; }
  @media (max-width: 989px) {
    .LayerNav-dlistTitle {
      margin: 0; } }

.LayerNav-dlistLink {
  font-size: 1.833em;
  /* 22px */
  text-decoration: none;
  color: #454545; }
  .LayerNav-dlistLink:after {
    content: "";
    font-size: 12px;
    padding-left: 13px;
    display: inline-block;
    text-decoration: none; }
    @media (max-width: 989px) {
      .LayerNav-dlistLink:after {
        display: none; } }
  @media (max-width: 989px) {
    .LayerNav-dlistLink {
      position: relative;
      display: block;
      height: 55px;
      line-height: 55px;
      font-size: 14px;
      font-weight: 600;
      padding: 0 9.5%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      .LayerNav-dlistLink:before {
        content: "";
        position: absolute;
        right: 9.5%;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
                transform: translateY(-50%); } }

.LayerNav-list {
  list-style-type: none;
  margin: 0 0 0 9.5%;
  padding: 0; }
  @media (max-width: 989px) {
    .LayerNav-list {
      margin: 0; } }

.LayerNav-listItem {
  margin: 1.2em 0; }
  @media (max-width: 989px) {
    .LayerNav-listItem {
      margin: 0; } }

.LayerNav-listLink {
  text-decoration: none;
  color: #454545; }
  @media (max-width: 989px) {
    .LayerNav-listLink {
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -webkit-box-align: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 65px;
      padding: 5px 9.5%;
      font-weight: 600;
      font-size: 14px;
      line-height: 1.1;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      .LayerNav-listLink:after {
        content: "";
        position: absolute;
        right: 9.5%;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
                transform: translateY(-50%);
        font-size: 15px; }
      .LayerNav-listLink:hover {
        text-decoration: none; } }

.LayerNav-header {
  margin: 12px 9.5% 30px; }
  @media (max-width: 989px) {
    .LayerNav-header {
      margin: 0;
      padding: 15px 9.5%;
      background: #006675;
      color: #ffffff; } }

.LayerNav-supTitle {
  margin: -7px 0 3px;
  color: #007D8F;
  text-transform: uppercase; }
  @media (max-width: 989px) {
    .LayerNav-supTitle {
      color: #ffffff; } }

.LayerNav-title {
  margin: 0 0 10px;
  font-size: 1.917em;
  /* 23px */
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
  color: #007D8F; }
  @media (max-width: 989px) {
    .LayerNav-title {
      margin: 0;
      text-transform: none;
      color: #ffffff; } }

.LayerNav-tab {
  display: none; }

.LayerNav-tab--active {
  display: block; }

.LayerNav-articlesWrapper {
  overflow: hidden;
  margin: 20px 9.5%; }
  .LayerNav-articlesWrapper:last-child {
    margin-bottom: 0; }
  .LayerNav-articlesWrapper .LayerNav-articles {
    margin: -5px; }
    .LayerNav-articlesWrapper .LayerNav-articles:before, .LayerNav-articlesWrapper .LayerNav-articles:after {
      content: '';
      display: table;
      clear: both; }
    .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article {
      float: left;
      width: 50%;
      padding: 0 5px;
      margin: 5px 0;
      height: 366px;
      overflow: hidden; }
      .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-child(2n+2) {
        float: right; }
      .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child,
      .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child ~ .LayerNav-article:nth-child(3),
      .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child ~ .LayerNav-article:nth-child(2),
      .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child ~ .LayerNav-article:nth-child(4) {
        height: 178px; }
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child .cardMagArticle-inner,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child ~ .LayerNav-article:nth-child(3) .cardMagArticle-inner,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child ~ .LayerNav-article:nth-child(2) .cardMagArticle-inner,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child ~ .LayerNav-article:nth-child(4) .cardMagArticle-inner {
          padding-bottom: 40px; }
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child .cardMagArticle-iconWrapper,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child ~ .LayerNav-article:nth-child(3) .cardMagArticle-iconWrapper,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child ~ .LayerNav-article:nth-child(2) .cardMagArticle-iconWrapper,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child ~ .LayerNav-article:nth-child(4) .cardMagArticle-iconWrapper {
          display: none; }
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child .cardMagArticle-layer,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child ~ .LayerNav-article:nth-child(3) .cardMagArticle-layer,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child ~ .LayerNav-article:nth-child(2) .cardMagArticle-layer,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child ~ .LayerNav-article:nth-child(4) .cardMagArticle-layer {
          font-size: 1em; }
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child .cardMagArticle-layerTitle,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child ~ .LayerNav-article:nth-child(3) .cardMagArticle-layerTitle,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child ~ .LayerNav-article:nth-child(2) .cardMagArticle-layerTitle,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child ~ .LayerNav-article:nth-child(4) .cardMagArticle-layerTitle {
          margin-bottom: 1em; }
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child .cardMagArticle-layerContent,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child ~ .LayerNav-article:nth-child(3) .cardMagArticle-layerContent,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child ~ .LayerNav-article:nth-child(2) .cardMagArticle-layerContent,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child ~ .LayerNav-article:nth-child(4) .cardMagArticle-layerContent {
          margin-bottom: 1em;
          max-height: 5.668em;
          overflow: hidden; }
          .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child .cardMagArticle-layerContent p,
          .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child ~ .LayerNav-article:nth-child(3) .cardMagArticle-layerContent p,
          .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child ~ .LayerNav-article:nth-child(2) .cardMagArticle-layerContent p,
          .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child ~ .LayerNav-article:nth-child(4) .cardMagArticle-layerContent p {
            display: -webkit-box;
            max-height: 5.668em;
            overflow: hidden;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis; }
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child .cardMagArticle-layerButton,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child ~ .LayerNav-article:nth-child(3) .cardMagArticle-layerButton,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child ~ .LayerNav-article:nth-child(2) .cardMagArticle-layerButton,
        .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child ~ .LayerNav-article:nth-child(4) .cardMagArticle-layerButton {
          padding: 7px 10px;
          font-size: 10px; }
      .LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article .cardMagArticle {
        height: 100%;
        width: 100%; }

.LayerNav-articleInner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 13px 40px 30px;
  color: #ffffff;
  text-align: center;
  line-height: 1.3;
  background: #007D8F no-repeat 50% 50%;
  -moz-background-size: cover;
       background-size: cover; }

.LayerNav-articleCategory {
  text-transform: uppercase; }

.LayerNav-tab .LayerNav-article .magHome-gridItem--square .cardMagArticle-title,
.LayerNav-tab .LayerNav-article .magHome-gridItem--square .LayerNav-articleTitle {
  font-size: 2.083em;
  font-weight: 600; }

.LayerNav-tab .LayerNav-article .cardMagArticle-title,
.LayerNav-tab .LayerNav-articleTitle {
  font-size: 1.417em;
  font-weight: 400; }

.LayerNav-tab .LayerNav-article .magHome-gridItem--landscape .cardMagArticle-title,
.LayerNav-tab .LayerNav-article .magHome-gridItem--landscape .LayerNav-articleTitle {
  font-size: 2.083em;
  font-weight: 400; }

.LayerNav-articleLink {
  color: inherit;
  text-decoration: underline; }
  .LayerNav-articleLink:hover, .LayerNav-articleLink:focus {
    color: inherit;
    text-decoration: none; }

.LayerNav-article .cardMagArticle-layer {
  font-size: 1.167em;
  line-height: 1.417; }

.LayerNav-articlesBtn {
  margin-top: 15px;
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 700; }

.LayerNav-dot {
  display: inline-block;
  font-size: 10px;
  height: 20px;
  min-width: 20px;
  margin: -6px 0 -4px 13px;
  padding: 0 7px;
  -moz-border-radius: 50px;
       border-radius: 50px;
  line-height: 20px;
  text-align: center;
  background: #4da4b1;
  color: #ffffff;
  vertical-align: middle; }

.LayerNav--primary {
  background: #007D8F;
  color: #ffffff; }
  .LayerNav--primary .LayerNav-close {
    color: #ffffff; }
  .LayerNav--primary .LayerNav-pushNav {
    background: #006675; }
    @media (max-width: 989px) {
      .LayerNav--primary .LayerNav-pushNav {
        background: #007D8F; } }
  .LayerNav--primary .LayerNav-pushNavItemSpacer,
  .LayerNav--primary .LayerNav-pushNavItem {
    background: #006675; }
    @media (max-width: 989px) {
      .LayerNav--primary .LayerNav-pushNavItemSpacer,
      .LayerNav--primary .LayerNav-pushNavItem {
        background: #007D8F; } }
  .LayerNav--primary .LayerNav-pushNavItem--active, .LayerNav--primary .LayerNav-pushNavItem--active:hover, .LayerNav--primary .LayerNav-pushNavItem--active:focus {
    color: #ffffff;
    background: #007D8F; }
  .LayerNav--primary .LayerNav-supTitle,
  .LayerNav--primary .LayerNav-title {
    color: inherit; }
  .LayerNav--primary .LayerNav-listLink {
    color: #ffffff; }
    .LayerNav--primary .LayerNav-listLink:hover, .LayerNav--primary .LayerNav-listLink:focus {
      color: #ffffff; }
    @media (max-width: 989px) {
      .LayerNav--primary .LayerNav-listLink {
        border-bottom: 1px solid rgba(255, 255, 255, 0.6); } }
  .LayerNav--primary .LayerNav-headMobile {
    padding: 30px 9.5%;
    background-color: #006675;
    display: table;
    width: 100%; }
  .LayerNav--primary .LayerNav-headMobileBtnWrapper {
    display: table-cell;
    text-align: right;
    vertical-align: middle; }
  .LayerNav--primary .LayerNav-headMobileDisconnectBtn {
    background-color: #ffffff;
    color: #007D8F;
    padding: 8px 25px; }
    .LayerNav--primary .LayerNav-headMobileDisconnectBtn:hover {
      background-color: #007D8F;
      color: #ffffff; }
    @media (max-width: 649px) {
      .LayerNav--primary .LayerNav-headMobileDisconnectBtn {
        padding: 10px;
        font-size: 0.8em; } }

@media (max-width: 989px) {
  .js-LayerNav-advices .LayerNav-pushNav,
  .js-LayerNav-advices .LayerNav-pushNavItem,
  .js-LayerNav-operations .LayerNav-pushNav,
  .js-LayerNav-operations .LayerNav-pushNavItem {
    background-color: #ffffff; }
  .js-LayerNav-advices .LayerNav-pushNavItem,
  .js-LayerNav-operations .LayerNav-pushNavItem {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #454545; } }

/* IMPORT ALL COMPONENTS STYLES */
/*doc
---
title: Big button
name: bigButton
category: buttons
---
*/
/*doc
---
title: Big button - Default
parent: bigButton
name: bigButton-01
category: buttons
---

```html_example
<a href="#" class="bigButton">Mon gros bouton</a>
```
*/
/*doc
---
title: Big button - Add
parent: bigButton
name: bigButton-02
category: buttons
---

```html_example
<a href="#" class="bigButton bigButton--add">Mon gros bouton d'ajout</a>
```
*/
/*doc
---
title: Big button - Transfer
parent: bigButton
name: bigButton-03
category: buttons
---

```html_example
<a href="#" class="bigButton bigButton--transfer">
  Vous n’avez pas de virement en cours
  <span class="bigButton-link">Effectuer un virement</span>
</a>
```
*/
.bigButton {
  display: block;
  margin: 0 auto 20px;
  padding: 30px 50px;
  color: #454545;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  -moz-border-radius: 4px;
       border-radius: 4px; }
  .bigButton:before {
    display: block;
    width: 46px;
    height: 46px;
    margin: 0 auto 15px;
    line-height: 46px;
    background: #99cc00;
    -moz-border-radius: 50%;
         border-radius: 50%;
    color: #ffffff; }
  .bigButton:hover, .bigButton:focus {
    text-decoration: none;
    color: #ffffff;
    background: #006675; }
    .bigButton:hover .bigButton-link, .bigButton:focus .bigButton-link {
      color: inherit; }

.bigButton-link {
  display: block;
  margin-top: 7px;
  color: #007D8F;
  text-decoration: underline;
  text-transform: none; }

.bigButton--add:before {
  content: "";
  font-size: 18px; }

.bigButton--transfer:before {
  content: "";
  font-size: 18px; }

/*doc
---
title: C024 Title
name: c024
category: c024
---

```html_example
<h2 class="Title">Tout <b>un mag</b> pour vous</h2>
<p class="Title">Tout <b>un mag</b> pour vous</p>
```
*/
.Title {
  padding: 20px; }

/*doc
---
title: Cxx1 Geolocation Disabled
name: Cxx1
category: Cxx1
---

Template exemple:

- [T032 - Store Locator](../../build/examples/t032-storeLocator.html)
*/
/*doc
---
title: Cxx1 - Find a Regional Agency geolocation disabled 1
parent: Cxx1
name: 01-Cxx1-01
category: Cxx1
---

```html_example
@@include("../../kit/components/_cxx1_geolocationDisabled--1.kit")
```
*/
/*doc
---
title: Cxx1 - Find a Regional Agency geolocation disabled 2
parent: Cxx1
name: 01-Cxx1-02
category: Cxx1
---

```html_example
@@include("../../kit/components/_cxx1_geolocationDisabled--2.kit")
```
*/
/* Div that encompasses all blocs */
.GeolocationDisabled {
  width: 100%;
  margin: 30px 0 0; }

/* Div that align center the children*/
.GeolocationDisabled-content {
  text-align: center;
  background-color: #f5f5f5;
  padding: 30px 15%; }

/* Div that changes properties of the title */
.GeolocationDisabled-title {
  text-transform: uppercase;
  color: #000;
  margin-bottom: 30px; }

/* Div that changes properties of the text */
.GeolocationDisabled-text {
  color: #000;
  margin: 0;
  padding: 15px 0; }

.GeolocationDisabled-btn {
  margin: 20px 0 0;
  padding-left: 30px !important;
  padding-right: 30px !important;
  text-transform: uppercase; }

.StoreLocator-whiteSelect .btn-default {
  background-color: #ffffff;
  color: #454545 !important; }

.StoreLocator-whiteSelect .caret:after {
  font-size: 12px !important; }

.GeolocationDisabled-noBorder {
  border: none; }
  .GeolocationDisabled-noBorder .btn-default,
  .GeolocationDisabled-noBorder .btn-default:hover {
    border: none; }

.GeolocationDisabled-text--margin {
  margin: 15px 0; }

.GeolocationDisabled-btnWrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.GeolocationDisabled-btnWrap > a {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: #007D8F;
  color: #ffffff;
  margin: 5px;
  text-transform: uppercase;
  white-space: unset; }
  .GeolocationDisabled-btnWrap > a:hover {
    background: #006675;
    color: #ffffff; }
  .GeolocationDisabled-btnWrap > a:active, .GeolocationDisabled-btnWrap > a:visited {
    color: #ffffff; }

.GeolocationDisabled-content--bcgWhite {
  background-color: #ffffff; }

/*doc
---
title: Cxx2 Find a Regional Agency Geolocation Enabled
name: Cxx2
category: Cxx2
---

Template exemple:

- [T032 - Store Locator](../../build/examples/t032-storeLocator.html)
*/
/*doc
---
title: Cxx2 - Find a Regional Agency Geolocation Enabled
parent: Cxx2
name: 01-Cxx2-01
category: Cxx2
---

```html_example
@@include("../../kit/components/_cxx2_geolocationEnabled.kit")
```
*/
/* Div that encompasses all blocs */
.GeolocationEnabled {
  width: 100%;
  margin: 30px 0 0; }

/* Div that align center the children*/
.GeolocationEnabled-content {
  text-align: center;
  background-color: #f5f5f5;
  padding: 30px 15%; }

/* Div that changes properties of the title */
.GeolocationEnabled-title {
  text-transform: uppercase;
  color: #000;
  margin-bottom: 30px; }

.GeolocationEnabled-contentIcon {
  position: relative;
  width: 130px;
  height: 130px;
  margin: 0 auto;
  background-color: #99cc00;
  -moz-border-radius: 50%;
       border-radius: 50%;
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.GeolocationEnabled-icon {
  position: absolute;
  max-width: 40%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 50px;
  color: #ffffff; }

/* Div that changes properties of the text */
.GeolocationEnabled-text {
  color: #000;
  margin: 0;
  padding: 15px 0; }

.GeolocationEnabled-text--margin {
  margin: 15px 0; }

.GeolocationEnabled-btnWrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.GeolocationEnabled-btnWrap > a {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: #007D8F;
  color: #ffffff;
  margin: 5px;
  text-transform: uppercase;
  white-space: unset; }
  .GeolocationEnabled-btnWrap > a:hover {
    background: #006675;
    color: #ffffff; }
  .GeolocationEnabled-btnWrap > a:active, .GeolocationEnabled-btnWrap > a:visited {
    color: #ffffff; }

.GeolocationEnabled-content--bcgWhite {
  background-color: #ffffff; }

/*doc
---
title: C004 Tableau Offres
name: c004
category: c004
---

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>

<!--  CUSTOM JS -->
<script src="./../../build/js/tabsNav.js" type="text/javascript"></script>

**Scripts à inclure:**

- `<script src="tabsNav.js" type="text/javascript"></script>` ([tabsNav component](./tabsNav.html))


Template exemple:

- [Offer sheet R1](../../build/examples/offerSheetR1.html)

*/
/*doc
---
title: Tableau Offres - Onglet gris
parent: c004
name: 01-offerTab-01
category: c004
---

```html_example
@@include("../../kit/components/_c004_offerTab.kit")
```
*/
/*doc
---
title: Tableau Offres - Onglet primary
parent: c004
name: 01-offerTab-02
category: c004
---

```html_example
@@include("../../kit/components/_c004_offerTab--primary.kit")
```
*/
/* Div that encompasses the entire component */
.BlocEpargne {
  padding: 0 5%;
  /* override c022 styles */ }
  .BlocEpargne .Themes {
    padding: 0; }
  .BlocEpargne .Themes-tag {
    color: #007D8F; }

/* Div that gives properties for the global content */
.BlocEpargne-contentTab {
  padding: 4%;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  background-color: #ffffff; }
  .BlocEpargne-contentTab > .active {
    display: block; }

/* Div that gives properties for the menu content */
.BlocEpargne-tab {
  display: none;
  opacity: 1;
  -moz-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

/* Define parameters for Mobile and Tablet */
@media (max-width: 989px) {
  .BlocEpargne {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 3em; } }

@media (max-width: 649px) {
  .BlocEpargne-navLink {
    padding: 10px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 600; } }

/*doc
---
title: C006 Testimonial (Avis clients)
name: c006
category: c006
---
*/
/*doc
---
title: Testimonial - One Enabled
parent: c006
name: c006-01
category: c006
---

```html_example
@@include("../../kit/components/_c006_testimonials.kit")
```

*/
/*doc
---
title: Testimonial - Three Enabled
parent: c006
name: c006-02
category: c006
---

<!--  CUSTOM JS -->
<script src="./../../build/js/owl.carousel.js" type="text/javascript"></script>
<script src="./../../build/js/avis-client--coeur.js" type="text/javascript"></script>

Scripts à inclure (pour test ?):

- `<script src="owl.carousel.js" type="text/javascript"></script>`
- `<script src="avis-client--coeur.js"></script>`


```html_example
@@include("../../kit/components/_c006_testimonials--threeEnabled.kit")
```
*/
.Testimonials {
  max-width: 600px;
  margin: 0 auto;
  text-align: center; }

/* Main title style */
.Testimonials-title {
  margin: 0;
  padding-bottom: 10px; }

/* Main style for mark stars */
.Testimonials-star {
  margin: 0 2px;
  vertical-align: middle;
  color: #99cc00;
  opacity: 0.4; }

/* Active style for mark stars */
.Testimonials-star--active {
  opacity: 1; }

/* Overload for globale mark stars */
.Testimonials-globalMark .Testimonials-star {
  font-size: 15px; }

/* Charter Style */
.Testimonials-seeCharter {
  margin: 15px 0;
  display: inline-block; }

.Testimonials-adviceLink {
  color: #454545; }

/* Carousel style */
.Testimonials-carousel {
  padding-bottom: 30px; }

/* Carousel items style */
.Testimonials-item {
  padding: 30px 20px; }

.Testimonials-itemImg {
  width: 64px;
  margin: auto;
  -moz-border-radius: 50%;
       border-radius: 50%; }

.Testimonials-itemTitle {
  margin: 15px 0;
  font-weight: 700;
  font-size: 12px;
  color: #007D8F; }

.Testimonials-itemTitleName {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #454545; }

.Testimonials-itemQuote {
  position: relative;
  margin: 5px 0;
  padding: 5px 20px;
  font-size: 12px;
  border: 0; }
  .Testimonials-itemQuote:before, .Testimonials-itemQuote:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 13px;
    background: url(../images/c006/quotes.png) no-repeat; }
  .Testimonials-itemQuote:before {
    top: 0;
    left: 0;
    background-position: 0 0; }
  .Testimonials-itemQuote:after {
    bottom: 0;
    right: 0;
    background-position: -20px 0; }

.custReviews_Testimonials {
  max-width: none !important;
  margin-bottom: 20px; }
  .custReviews_Testimonials .Testimonials-trust {
    max-height: 2em;
    margin: 0 15px; }
  .custReviews_Testimonials .Testimonials-carousel {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both; }
    .custReviews_Testimonials .Testimonials-carousel.owl-carousel {
      padding: 0 20px 20px; }
    .custReviews_Testimonials .Testimonials-carousel.owl-loaded {
      display: block;
      position: relative; }
      .custReviews_Testimonials .Testimonials-carousel.owl-loaded img {
        display: inline-block;
        width: 100%; }
      .custReviews_Testimonials .Testimonials-carousel.owl-loaded .BlockLink-icon {
        width: 56px; }
      .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-stage {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; }
      .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-dots {
        margin-top: 20px; }
        .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-dots.disabled {
          display: none; }
      .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-prev,
      .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-next {
        position: absolute;
        top: 40%;
        cursor: pointer;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
                transform: translateY(-50%);
        font-size: 20px;
        color: #007D8F; }
        .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-prev.disabled,
        .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-next.disabled {
          display: none; }
        @media (max-width: 649px) {
          .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-prev,
          .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-next {
            width: 5%;
            height: 100%; }
            .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-prev:after,
            .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-next:after {
              top: 40%;
              -webkit-transform: translateY(-50%);
                 -moz-transform: translateY(-50%);
                      transform: translateY(-50%); } }
      .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-prev {
        left: 0; }
        .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-prev:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0; }
      .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-next {
        right: 0; }
        .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-next:after {
          content: "";
          position: absolute;
          top: 0;
          right: 0; }
      @media (max-width: 649px) {
        .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-prev,
        .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-next {
          width: 5%;
          height: 100%; }
          .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-prev:after,
          .custReviews_Testimonials .Testimonials-carousel.owl-loaded .owl-next:after {
            top: 55%;
            -webkit-transform: translateY(-50%);
               -moz-transform: translateY(-50%);
                    transform: translateY(-50%); } }

/*doc
---
title: Composant C007
name: c007
category: c007
---

```html_example
@@include("../../kit/components/_c007_complementarySolutions.kit")
```

```html_example
@@include("../../kit/components/_c007_complementarySolutions--primary.kit")

```

*/
.ComplementarySolutions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #ffffff;
  padding: 1em 8% 2em 8%;
  background-color: #99cc00; }

.ComplementarySolutions-image {
  padding: 10px;
  width: 60px;
  height: 60px; }

.ComplementarySolutions-title {
  font-size: 19px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 700;
  padding-top: 20px; }

.ComplementarySolutions-content {
  margin: 40px 0px; }

.ComplementarySolutions-button {
  -moz-border-radius: 3px;
       border-radius: 3px;
  color: #ffffff;
  background-color: #007D8F;
  border-color: transparent;
  margin: 15px;
  font-size: 18px;
  text-transform: uppercase;
  white-space: inherit; }
  .ComplementarySolutions-button:hover, .ComplementarySolutions-button:focus {
    color: #ffffff;
    background-color: #006675; }

.ComplementarySolutions--primary {
  background-color: #007D8F; }
  .ComplementarySolutions--primary .ComplementarySolutions-imageWrapper {
    margin-bottom: 30px;
    padding-top: 15px; }
    .ComplementarySolutions--primary .ComplementarySolutions-imageWrapper h3 {
      font-weight: 600; }
  .ComplementarySolutions--primary .ComplementarySolutions-primaryImg {
    font-size: 60px; }
  .ComplementarySolutions--primary .ComplementarySolutions-title {
    width: 50%;
    margin: auto;
    color: #ffffff;
    font-weight: 700; }
  .ComplementarySolutions--primary .ComplementarySolutions-content {
    margin: 40px 25%;
    width: 50%;
    font-weight: 300; }
  .ComplementarySolutions--primary .ComplementarySolutions-button {
    color: #007D8F;
    background-color: #ffffff; }
    .ComplementarySolutions--primary .ComplementarySolutions-button:hover {
      color: #ffffff;
      background-color: #006675; }

@media screen and (max-width: 989px) {
  .ComplementarySolutions--primary .ComplementarySolutions-title,
  .ComplementarySolutions--primary .ComplementarySolutions-content {
    width: 70%;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 30px; } }

@media screen and (max-width: 649px) {
  .ComplementarySolutions--primary .ComplementarySolutions-title,
  .ComplementarySolutions--primary .ComplementarySolutions-content {
    width: 100%; } }

/*doc
---
title: Composant C008 Similar Solutions
name: 01-c008
parent: t009
category: c008
---

**Template exemple:**

- [T009 Finance My Work](../../build/examples/t009_financeMyWork.html)

*/
/*doc
---
title: Composant C008 Similar Solutions
name: 01-c008-01
parent: 01-c008
category: c008
---

```html_example
<div class="Styleguide-c008-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

  @@include("../../kit/components/_c008_solutions.kit")

</div>
```
*/
/*doc
---
title: Composant C008 Similar Solutions Default
name: 01-c008-02
parent: 01-c008
category: c008
---

```html_example
<div class="Styleguide-c008-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

  @@include("../../kit/components/_c008_solutions--default.kit")

</div>
```
*/
/*doc
---
title: Composant C008 Similar Solutions Alternate
name: 01-c008-03
parent: 01-c008
category: c008
---

```html_example
<div class="Styleguide-c008-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

  @@include("../../kit/components/_c008_solutions--alternate.kit")

</div>
```
*/
.SimilarSolutions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 2.5% 12%; }
  .SimilarSolutions .BlockLink {
    margin-bottom: 0; }

.SimilarSolutions-title {
  font-size: 17px; }

.SimilarSolutions-btn {
  padding: 20px 0;
  text-align: center; }
  .SimilarSolutions-btn .btn {
    white-space: unset; }

.SimilarSolutions--default {
  background: #f5f5f5; }
  .SimilarSolutions--default .BlockLink {
    background: #ffffff; }
    .SimilarSolutions--default .BlockLink:hover, .SimilarSolutions--default .BlockLink:focus {
      background: #99cc00;
      color: #ffffff; }
  .SimilarSolutions--default .SimilarSolutions-title {
    text-align: center;
    color: #454545; }

.SimilarSolutions--alternate {
  background: #007D8F; }
  .SimilarSolutions--alternate .SimilarSolutions-title {
    color: #ffffff; }
  .SimilarSolutions--alternate .btn {
    white-space: unset; }

/*doc
---
title: Composant C009
name: c009
category: c009
---

```html_example

@@include("../../kit/components/_c009_pushEdito.kit")

```
*/
.PushEdito {
  margin-bottom: 20px; }

.PushEdito-image {
  display: block;
  max-width: 100%;
  height: auto; }

.PushEdito-link:hover {
  text-decoration: none; }

.PushEdito-content {
  padding: 1em 8% 2em 8%; }

.PushEdito-title {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 200;
  color: #777777; }

.PushEdito-subTitle {
  font-size: 31px;
  color: #007D8F; }

.PushEdito-text {
  color: #000; }

.PushEdito-textLink {
  text-decoration: underline;
  color: #777777; }

/*doc
---
title: C010 PushCarousel3
name: c010
category: c010
---

Scripts à inclure (pour test ?):

- `<script src="./../../build/js/sliderRelationalMessage.js"></script>`

<!--  BASE JS  -->
<script src="./../../build/js/sliderRelationalMessage.js" type="text/javascript"></script>

```html_example
<div style="height: 90vh; display: flex;"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_c010_pushCarousel3.kit")

</div>
```
*/
/*doc
---
title: C010 PushCarousel3 - Fixed height
name: c010-01
category: c010
---

```html_example
<div><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="fixedHeight" style="height: 400px; width: 100%">

    @@include("../../kit/components/_c010_pushCarousel3.kit")

  </div>

</div>
```
*/
.PushCarousel3 {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end !important;
     -moz-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
  position: relative;
  width: 100%;
  min-height: 350px;
  background: #007D8F; }

.js-FullHeight .carousel-3-ecrans,
.fixedHeight .carousel-3-ecrans {
  position: relative; }
  .js-FullHeight .carousel-3-ecrans .PushCarousel3,
  .fixedHeight .carousel-3-ecrans .PushCarousel3 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0; }

.js-FullHeight .PushCarousel3,
.fixedHeight .PushCarousel3 {
  width: 100%; }

.campaign .PushCarousel3 {
  height: 100%; }

.fixedHeight .carousel-3-ecrans {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%; }

.PushCarousel3-carousel {
  height: 100%; }

.PushCarousel3-carouselIndicators {
  margin-bottom: 0;
  bottom: 15px; }

.PushCarousel3-item {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  min-height: 350px;
  height: 100%;
  padding: 0;
  -moz-background-size: cover;
       background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.PushCarousel3-carouselCaption {
  position: absolute;
  left: 8%;
  right: 8%;
  text-align: left;
  background-color: #007D8F;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 3%;
  bottom: 10%;
  color: #ffffff;
  z-index: 1; }

.PushCarousel3-title {
  color: #ffffff;
  text-shadow: none; }

.PushCarousel3-title--uppercase {
  text-transform: uppercase; }

.PushCarousel3-content {
  padding-top: 1em;
  text-shadow: none; }

.PushCarousel3-button {
  padding-left: 40px;
  padding-right: 40px;
  -moz-border-radius: 3px;
       border-radius: 3px;
  text-shadow: none;
  margin-top: 1em;
  background-color: #ffffff;
  font-size: 12px;
  color: #007D8F; }
  .PushCarousel3-button:hover {
    color: #007D8F;
    background-color: #eeeeee; }

.PushCarousel3-button--font20 {
  margin-top: 1em;
  font-size: 20px; }

.PushCarousel3-image {
  width: 100%;
  height: 100%;
  background-position: center;
  -moz-background-size: cover;
  background-size: cover; }

.PushCarousel3-carouselInner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%; }
  .PushCarousel3-carouselInner .owl-stage-outer {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .PushCarousel3-carouselInner .owl-stage-outer {
        position: relative; } }
  .PushCarousel3-carouselInner .owl-stage {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .PushCarousel3-carouselInner .owl-stage {
        position: absolute;
        height: 100%; } }
    .PushCarousel3-carouselInner .owl-stage .PushCarousel3-item {
      position: relative;
      height: 100%; }
  .PushCarousel3-carouselInner .owl-prev,
  .PushCarousel3-carouselInner .owl-next {
    display: none; }
  .PushCarousel3-carouselInner .owl-dots {
    position: absolute;
    top: initial;
    bottom: 3%;
    left: 0;
    width: 100%;
    margin-top: 15px;
    text-align: center; }
  .PushCarousel3-carouselInner .owl-dot {
    display: inline-block;
    margin: 2px;
    padding: 2px;
    -moz-border-radius: 50%;
         border-radius: 50%;
    cursor: pointer;
    background: none;
    border: none; }
    .PushCarousel3-carouselInner .owl-dot:before {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      background: #ffffff;
      border: solid 1px #ffffff;
      -moz-border-radius: 50%;
           border-radius: 50%; }
    .PushCarousel3-carouselInner .owl-dot.active:before {
      background: transparent; }
  .PushCarousel3-carouselInner > .PushCarousel3-item ~ .PushCarousel3-item {
    display: none; }

/*doc
---
title: C011 PushCR
name: c011
category: c011
---

```html_example
@@include("../../kit/components/_c011_pushCR.kit")

```
*/
.PushCR {
  padding: 1em 0;
  text-align: center;
  background-color: #f5f5f5; }

.PushCR-item {
  text-align: center;
  padding: 10px; }

.PushCR-item--gras {
  font-weight: 600; }

.PushCR-link {
  padding-left: 1em;
  text-decoration: underline;
  color: #007D8F; }

.PushCR-text--uppercase {
  text-transform: uppercase; }

.PushCR-button {
  padding-left: 30px;
  padding-right: 30px;
  white-space: initial; }

@media (min-width: 650px) and (max-width: 989px) {
  .PushCR {
    padding: 0 1em; }
  .flexwrap .PushCR {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .no-flexwrap .PushCR-item {
    display: inline-block; } }

/*doc
---
title: C011 WelcomeMsg
name: c011
category: c011
---

```html_example
@@include("../../kit/components/_c011_welcomeMsg.kit")
```
*/
.WelcomeMsg {
  padding: 0 20px 20px;
  text-align: center; }

.WelcomeMsg-title {
  margin-bottom: .5em;
  text-transform: none; }

/*doc
---
title: C012
name: C012
category: C012
---

```html_example
<div class="C012">
    <div class="C012-content">
        <img src="img/c012_ballon.svg" alt="Ballon">
        <h1>Achat immobilier, études, mariage, retraite, achat de voiture...</h1>
        <a href="#">Et vous quel est votre besoin?</a>
    </div>
</div>
```
*/
.C012 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 300px;
  background-color: transparent;
  font-family: "Open Sans", sans-serif; }

.C012-content {
  width: 70%;
  height: auto;
  position: absolute;
  margin: 0 15% 0 15%;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
       transform: translateY(-50%);
  text-align: center; }
  @media (max-width: 1526px) {
    .C012-content {
      width: 90%;
      margin: 0 5% 0 5%; } }
  @media (max-width: 1200px) {
    .C012-content {
      width: 100%;
      margin: 0; } }
  @media (max-width: 989px) {
    .C012-content {
      width: 60%;
      margin: 0 20% 0 20%; } }
  @media (max-width: 879px) {
    .C012-content {
      width: 70%;
      margin: 0 15% 0 15%; } }
  @media (max-width: 756px) {
    .C012-content {
      width: 80%;
      margin: 0 10% 0 10%; } }
  @media (max-width: 663px) {
    .C012-content {
      width: 100%;
      margin: 0px; } }
  .C012-content img {
    width: 100px;
    height: 100px;
    margin-bottom: 10px; }
  .C012-content h1 {
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 400; }
    @media (max-width: 663px) {
      .C012-content h1 {
        font-size: 23px;
        line-height: 1.4; } }
  .C012-content h2 {
    text-transform: none; }
  .C012-content a {
    display: block;
    font-size: 1.4em;
    color: #007D8F;
    font-weight: 300; }
    .C012-content a:hover {
      text-decoration: none;
      color: #006675; }
    .C012-content a:active {
      text-decoration: none; }
    .C012-content a:visited {
      text-decoration: none; }

/*doc
---
title: c013 push Simulateur
name: c013
category: c013
---

```html_example
@@include("../../kit/components/_c013_pushSimulator-1.kit")
```

```html_example
@@include("../../kit/components/_c013_pushSimulator-2.kit")
```
*/
.PushSimulator {
  padding: 15px; }
  .PushSimulator .BlockLink {
    padding: 35px 50px 35px 30px;
    margin: 0;
    background-color: #f5f5f5;
    cursor: pointer; }
    .PushSimulator .BlockLink:hover {
      background-color: #99cc00; }
      .PushSimulator .BlockLink:hover .BlockLink-text {
        color: #ffffff; }
      .PushSimulator .BlockLink:hover .BlockLink-time, .PushSimulator .BlockLink:hover .BlockLink-time:before {
        color: #ffffff; }
    .PushSimulator .BlockLink:focus .BlockLink-cat,
    .PushSimulator .BlockLink:focus .BlockLink-arrow {
      color: #007D8F; }
    .PushSimulator .BlockLink:focus .BlockLink-desc {
      color: #000; }
    .PushSimulator .BlockLink .Blocklink--table {
      display: inline-block; }
  .PushSimulator .BlockLink-cat--width70 {
    width: 70%;
    padding-right: 10px; }
  .PushSimulator .BlockLink-text {
    float: left;
    width: auto;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #007D8F;
    margin-top: 15px;
    padding-right: 10px; }
    .PushSimulator .BlockLink-text:first-letter {
      text-transform: uppercase; }
  .PushSimulator .BlockLink-time {
    float: left;
    width: auto;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #999999;
    margin-top: 15px;
    padding-right: 10px; }
    .PushSimulator .BlockLink-time:before {
      font-family: "NPC Icons";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      content: "";
      margin: 3px 10px -3px 10px;
      font-size: 12px;
      color: #999999; }
  .PushSimulator .BlockLink-arrow {
    font-size: 14px; }
  .PushSimulator .BlockLink-specialOffer {
    position: absolute;
    top: -20px;
    right: 0;
    margin: 20px 0 0 0;
    padding: 9px 17px;
    font-family: "Open Sans", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.182;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: #99cc00;
    color: #ffffff;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.PushSimulator-offerCondition {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  background-color: #ffffff;
  color: #999999;
  padding-right: 10px;
  text-align: right;
  bottom: -20px;
  right: 0px; }

@media screen and (max-width: 649px) {
  .PushSimulator {
    padding: 5px 15px; } }

/*doc
---
title: C013b PushMultiple
name: c013b
category: c013b
---

All items for T013b - Push Multiple

Scripts à inclure (pour test ?):

- `<script src="./../../build/js/owl.carousel.js" type="text/javascript"></script>`
- `<script src="./../../build/js/c013b_pushMultiple.js" type="text/javascript"></script>`

<!--  BASE JS -->
<script src="./../../build/js/common.js" type="text/javascript"></script>

<!--  CUSTOM JS -->
<script src="./../../build/js/owl.carousel.js" type="text/javascript"></script>
<script src="./../../build/js/c013b_pushMultiple.js" type="text/javascript"></script>


*/
/*doc
---
title: PushMultiple
parent: c013b
name: 01-PushMultiple
category: c013b
---

*/
/*doc
---
title: PushMultiple - 1 item
parent: 01-PushMultiple
name: 01-PushMultiple-n1
category: c013b
---

```html_example
<div class="Styleguide-PushMultiple"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="pushMultiple pushMultiple--container">
    <ul class="pushMultiple-list">
      <li class="pushMultiple-item js-pushMultiple">
        @@include("../../kit/components/_c013b_pushMultiple-push.kit")
      </li>
    </ul>
  </div>

</div>
```

*/
/*doc
---
title: PushMultiple - 2 items
parent: 01-PushMultiple
name: 01-PushMultiple-n2
category: c013b
---

```html_example
<div class="Styleguide-PushMultiple"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="pushMultiple pushMultiple--container">
    <p class="pushMultiple-title">
      concrétisez
      <span class="pushMultiple-title--bold"> vos projets !</span>
    </p>
    <ul class="pushMultiple-list js-pushMultiple">
      <li class="pushMultiple-item">
        @@include("../../kit/components/_c013b_pushMultiple-push.kit")
      </li>
      <li class="pushMultiple-item">
        @@include("../../kit/components/_c013b_pushMultiple-push-2.kit")
      </li>
    </ul>
    <a href="#" class="pushMultiple-all">
      Voir tous les simulateurs
    </a>
  </div>

</div>
```

*/
/*doc
---
title: PushMultiple - 3 items
parent: 01-PushMultiple
name: 01-PushMultiple-n3
category: c013b
---

```html_example
<div class="Styleguide-PushMultiple"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="pushMultiple pushMultiple--container">
    <p class="pushMultiple-title">
      concrétisez
      <span class="pushMultiple-title--bold"> vos projets !</span>

      <a href="#" class="pushMultiple-all">
        Voir tous les simulateurs
      </a>
    </p>
    <ul class="pushMultiple-list js-pushMultiple">
      <li class="pushMultiple-item">
        @@include("../../kit/components/_c013b_pushMultiple-push.kit")
      </li>
      <li class="pushMultiple-item">
        @@include("../../kit/components/_c013b_pushMultiple-push-2.kit")
      </li>
      <li class="pushMultiple-item">
        @@include("../../kit/components/_c013b_pushMultiple-push.kit")
      </li>
    </ul>
  </div>

</div>
```

*/
/*doc
---
title: PushMultiple - 4 items
parent: 01-PushMultiple
name: 01-PushMultiple-n4
category: c013b
---

```html_example
<div class="Styleguide-PushMultiple"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="pushMultiple pushMultiple--container">
    <p class="pushMultiple-title">
      concrétisez
      <span class="pushMultiple-title--bold"> vos projets !</span>

      <a href="#" class="pushMultiple-all">
        Voir tous les simulateurs
      </a>
    </p>
    <ul class="pushMultiple-list js-pushMultiple">
      <li class="pushMultiple-item">
        @@include("../../kit/components/_c013b_pushMultiple-push.kit")
      </li>
      <li class="pushMultiple-item">
        @@include("../../kit/components/_c013b_pushMultiple-push-2.kit")
      </li>
      <li class="pushMultiple-item">
        @@include("../../kit/components/_c013b_pushMultiple-push.kit")
      </li>
      <li class="pushMultiple-item">
        @@include("../../kit/components/_c013b_pushMultiple-push.kit")
      </li>
    </ul>
  </div>

</div>
```

*/
.pushMultiple--container {
  width: 90%;
  margin: 15px auto; }

.pushMultiple-list {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0; }
  .pushMultiple-list .BlockLink {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .pushMultiple-list .BlockLink-cell--icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .pushMultiple-list .BlockLink-cell--iconCropper {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
         background-size: cover; }
  .pushMultiple-list .BlockLink-icon {
    display: block;
    /*visibility: hidden;*/
    width: 100%;
    height: 100%; }
  .pushMultiple-list.owl-carousel {
    outline: none;
    padding: 0 20px; }
    .pushMultiple-list.owl-carousel .owl-item {
      outline: none; }
  .pushMultiple-list.owl-loaded {
    display: block;
    position: relative; }
    .pushMultiple-list.owl-loaded img {
      display: inline-block;
      width: 100%;
      max-width: 110px; }
    .pushMultiple-list.owl-loaded .owl-stage {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
    .pushMultiple-list.owl-loaded .owl-dots {
      margin-top: 20px; }
      .pushMultiple-list.owl-loaded .owl-dots.disabled {
        display: none; }
    .pushMultiple-list.owl-loaded .owl-prev,
    .pushMultiple-list.owl-loaded .owl-next {
      position: absolute;
      top: 40%;
      cursor: pointer;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
              transform: translateY(-50%);
      font-size: 20px;
      color: #007D8F; }
      .pushMultiple-list.owl-loaded .owl-prev.disabled,
      .pushMultiple-list.owl-loaded .owl-next.disabled {
        display: none; }
      @media (max-width: 649px) {
        .pushMultiple-list.owl-loaded .owl-prev,
        .pushMultiple-list.owl-loaded .owl-next {
          width: 5%;
          height: 100%; }
          .pushMultiple-list.owl-loaded .owl-prev:after,
          .pushMultiple-list.owl-loaded .owl-next:after {
            top: 40%;
            -webkit-transform: translateY(-50%);
               -moz-transform: translateY(-50%);
                    transform: translateY(-50%); } }
    .pushMultiple-list.owl-loaded .owl-prev {
      left: 0; }
      .pushMultiple-list.owl-loaded .owl-prev:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0; }
    .pushMultiple-list.owl-loaded .owl-next {
      right: 0; }
      .pushMultiple-list.owl-loaded .owl-next:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0; }
    @media (max-width: 649px) {
      .pushMultiple-list.owl-loaded .owl-prev,
      .pushMultiple-list.owl-loaded .owl-next {
        width: 5%;
        height: 100%; }
        .pushMultiple-list.owl-loaded .owl-prev:after,
        .pushMultiple-list.owl-loaded .owl-next:after {
          top: 55%;
          -webkit-transform: translateY(-50%);
             -moz-transform: translateY(-50%);
                  transform: translateY(-50%); } }
  @media (max-width: 649px) {
    .pushMultiple-list .BlockLink {
      padding-left: 10px; }
    .pushMultiple-list .BlockLink-cell + .BlockLink-cell {
      padding-left: 10px; } }

.pushMultiple-item {
  overflow: hidden;
  margin-top: 15px; }
  .pushMultiple-item:first-child {
    margin-top: 0; }
  .pushMultiple-item .BlockLink {
    margin: 0; }

@media (min-width: 1366px) {
  .pushMultiple-list:not(.owl-carousel) .pushMultiple-item {
    display: inline-block;
    width: 48.5%;
    margin-top: 0;
    margin-left: 1%; }
    .pushMultiple-list:not(.owl-carousel) .pushMultiple-item:first-child {
      margin-left: 0; } }

.pushMultiple-title {
  font-size: 23px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 30px;
  color: #007D8F;
  margin: 0 0 10px; }

.pushMultiple-title--bold {
  font-weight: 700; }

.pushMultiple-title .pushMultiple-all {
  text-transform: none;
  font-size: 12px;
  float: right;
  font-weight: 600; }

/*doc
---
title: PushMultiple - Partie droite
parent: c013b
name: 01-PushMultiple-right
category: c013b
---

*/
/*doc
---
title: PushMultiple - 1 item
parent: 01-PushMultiple-right
name: 01-PushMultiple-right-n1
category: c013b
---

```html_example
<div class="Styleguide-PushMultiple-right"><!-- <==  /!\  Wrapper only for styleguide -->
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-md-push-6 col-md-6">
        <div class="pushMultiple">
          <ul class="pushMultiple-list">
            <li class="pushMultiple-item js-pushMultiple">
              @@include("../../kit/components/_c013b_pushMultiple-push.kit")
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
```

*/
/*doc
---
title: PushMultiple - 2 items
parent: 01-PushMultiple-right
name: 01-PushMultiple-right-n2
category: c013b
---

```html_example
<div class="Styleguide-PushMultiple-right"><!-- <==  /!\  Wrapper only for styleguide -->
<div class="container">
    <div class="row">
      <div class="col-xs-12 col-md-push-6 col-md-6">
        <div class="pushMultiple">
        <p class="pushMultiple-title">
          concrétisez
          <span class="pushMultiple-title--bold"> vos projets !</span>
        </p>
          <ul class="pushMultiple-list js-pushMultiple">
            <li class="pushMultiple-item">
              @@include("../../kit/components/_c013b_pushMultiple-push.kit")
            </li>
            <li class="pushMultiple-item">
              @@include("../../kit/components/_c013b_pushMultiple-push.kit")
            </li>
          </ul>
          <a href="#" class="pushMultiple-all">
            Voir tous les simulateurs
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
```

*/
/*doc
---
title: PushMultiple - 3 items
parent: 01-PushMultiple-right
name: 01-PushMultiple-right-n3
category: c013b
---

```html_example
<div class="Styleguide-PushMultiple-right"><!-- <==  /!\  Wrapper only for styleguide -->
<div class="container">
    <div class="row">
      <div class="col-xs-12 col-md-push-6 col-md-6">
        <div class="pushMultiple">
          <p class="pushMultiple-title">
            concrétisez
            <span class="pushMultiple-title--bold"> vos projets !</span>

            <a href="#" class="pushMultiple-all">
              Voir tous les simulateurs
            </a>
          </p>
          <ul class="pushMultiple-list js-pushMultiple">
            <li class="pushMultiple-item">
              @@include("../../kit/components/_c013b_pushMultiple-push.kit")
            </li>
            <li class="pushMultiple-item">
              @@include("../../kit/components/_c013b_pushMultiple-push.kit")
            </li>
            <li class="pushMultiple-item">
              @@include("../../kit/components/_c013b_pushMultiple-push.kit")
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
```

*/
/*doc
---
title: PushMultiple - 4 items
parent: 01-PushMultiple-right
name: 01-PushMultiple-right-n4
category: c013b
---

```html_example
<div class="Styleguide-PushMultiple-right"><!-- <==  /!\  Wrapper only for styleguide -->
<div class="container">
    <div class="row">
      <div class="col-xs-12 col-md-push-6 col-md-6">
        <div class="pushMultiple">
          <p class="pushMultiple-title">
            concrétisez
            <span class="pushMultiple-title--bold"> vos projets !</span>

            <a href="#" class="pushMultiple-all">
              Voir tous les simulateurs
            </a>
          </p>
          <ul class="pushMultiple-list js-pushMultiple">
            <li class="pushMultiple-item">
              @@include("../../kit/components/_c013b_pushMultiple-push.kit")
            </li>
            <li class="pushMultiple-item">
              @@include("../../kit/components/_c013b_pushMultiple-push.kit")
            </li>
            <li class="pushMultiple-item">
              @@include("../../kit/components/_c013b_pushMultiple-push.kit")
            </li>
            <li class="pushMultiple-item">
              @@include("../../kit/components/_c013b_pushMultiple-push.kit")
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
```

*/
/*doc
---
title: C014 PushPage
name: C014
category: c014
---

Devient un slider entre md-min et md-max => JS avec owl.carousel

Scripts à inclure:

- `<script src="c014_pushPage.js"></script>`

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>
<script src="./../../build/js/owl.carousel.js" type="text/javascript"></script>
<script src="./../../build/js/owlcarousel2-a11ylayer.js" type="text/javascript"></script>

<!--  CUSTOM JS -->
<script src="./../../build/js/c014_pushPage.js" type="text/javascript"></script>

**Templates exemple:**
<ul>
<li><a href="../../build/examples/t001_homeNR.html">Home NR</a></li>
</ul>


```html_example

@@include("../../kit/components/_c014_pushPage.kit")

```
*/
.PushPage {
  padding: 3em;
  text-align: center; }

.PushPage-head {
  padding-bottom: 3em;
  text-shadow: none; }

.PushPage-title,
.PushPage-itemTitle {
  margin-top: 0;
  color: #454545;
  text-shadow: none; }

.PushPage-items {
  margin: 0 -15px;
  font-size: 0; }

.PushPage-item {
  display: inline-block;
  width: 100%;
  margin: 0 0 3em;
  padding: 0 15px;
  font-size: 12px;
  vertical-align: top; }

.PushPage-itemImageWrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 1em;
  width: 130px;
  height: 130px;
  max-width: 100%; }

.PushPage-itemImageWrap--circled {
  overflow: hidden;
  background: #99cc00;
  -moz-border-radius: 99px;
       border-radius: 99px; }

.PushPage-itemImage {
  display: block;
  max-width: 100%;
  max-height: 100%; }

.PushPage-bottom {
  margin-top: 1em; }

.PushPage-button {
  padding-left: 40px;
  padding-right: 40px;
  white-space: unset; }

.PushPage-carousel {
  display: none; }

@media (min-width: 650px) and (max-width: 989px) {
  .PushPage-bottom {
    margin-top: 3em; } }

@media (min-width: 650px) {
  .PushPage-item {
    width: 100%; } }

@media (min-width: 990px) {
  .PushPage-item {
    width: 33.33%; } }

/*doc
---
title: C015 PushActu
name: c015
category: c015
---

```html_example

@@include("../../kit/components/_c015_pushActu.kit")

```
*/
.PushActu {
  text-align: left;
  margin-bottom: 20px;
  outline: none; }

.PushActu-content {
  position: relative;
  padding: 6%; }

.PushActu-category {
  position: absolute;
  top: -23px;
  left: 6%;
  margin: 0 -15px;
  padding: 12px 15px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.182;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: #99cc00;
  color: #ffffff; }
  .PushActu-category:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 15px;
    border-top: solid 5px #99cc00;
    border-left: solid 4px #99cc00;
    border-right: solid 4px transparent;
    border-bottom: solid 5px transparent; }

.PushActu-title {
  color: #007D8F;
  font-size: 22px;
  font-weight: 600; }
  .PushActu-title a, .PushActu-title a:hover, .PushActu-title a:focus {
    color: inherit;
    text-decoration: none; }
  .PushActu-title a:focus {
    text-decoration: underline; }

.PushActu-text {
  color: #555555;
  margin-bottom: 1em; }

.PushActu-link {
  color: #007D8F;
  text-decoration: underline; }

.PushActu-date {
  color: #777777;
  font-size: 16px;
  font-weight: 600; }

.PushActu-imageWrapper {
  position: relative;
  height: 180px;
  overflow: hidden;
  background-repeat: no-repeat;
  -moz-background-size: cover;
       background-size: cover;
  background-position: center; }

.PushActu-image {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.PushActu-video {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 65px;
  height: 65px;
  line-height: 65px;
  font-size: 15px;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  -moz-border-radius: 50%;
       border-radius: 50%;
  color: #007D8F;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

/*doc
---
title: C016 Citation
name: c016
category: c016
---

```html_example
@@include("../../kit/components/_c016_citation.kit")

```
*/
.Citation {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 490px;
  height: auto;
  padding: 3vw 4%;
  background: no-repeat center;
  -moz-background-size: 100% 100%;
       background-size: 100% 100%;
  -moz-background-size: cover;
       background-size: cover;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto; }

.Citation-head {
  margin: 0 0 1em 0;
  padding: 0;
  width: 100%;
  text-align: left; }

.Citation-title {
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 400;
  font-size: 23px;
  line-height: 1.3em; }

.Citation-content {
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 71%;
  margin: 0 auto; }

.Citation-text {
  position: relative;
  padding: 30px 50px 0;
  font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
  line-height: 1.15em;
  font-size: 35px;
  font-weight: 700;
  color: #ffffff;
  width: 100%; }
  @media (max-width: 649px) {
    .Citation-text {
      font-size: 28px;
      overflow-wrap: break-word; } }
  .Citation-text:before, .Citation-text:after {
    position: absolute;
    font-size: 30px;
    color: #99cc00;
    line-height: 1em;
    width: 1em; }
  .Citation-text:before {
    content: "";
    top: 0;
    left: 0; }
  .Citation-text:after {
    content: "";
    right: 0;
    bottom: 0; }

.Citation-signature {
  position: relative;
  margin-top: 20px;
  padding: 0 50px;
  font-family: "Open Sans", sans-serif;
  color: #ffffff;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5; }
  .Citation-signature:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 27px;
    border-top: 1px solid #ffffff;
    border-top-color: currentColor; }
  .Citation-signature strong {
    font-weight: 600;
    font-size: 17px;
    line-height: 1.1; }

@media (max-width: 989px) {
  .Citation {
    padding: 5vw 8%; }
  .Citation-content {
    max-width: 85%; } }

@media (max-width: 649px) {
  .Citation-content {
    max-width: none; } }

/*doc
---
title: C021 share mail
name: c021
category: c021
---

Element using Modal component
CF : components > Modal

```html_example

<a href="#modalDefault" data-toggle="modal">open share mail modal</a>

<div id="modalDefault" class="modal fade Modal" role="dialog">
  <div class="Modal-dialog">
    <div class="Modal-content">
      <div class="Modal-header">
        <button type="button" class="Modal-close" data-dismiss="modal" aria-label="Close"></button>
      </div>

      <div class="Modal-body">
        <p class="Modal-mainTitle">Envoyer par email</p>
        <form role="form" class="Modal-form">
          <div class="form-group">
            <label for="sender">Votre adresse mail</label>
            <input type="text" class="form-control" id="sender" placeholder="Ex : nom@mail.fr">
          </div>
          <div class="form-group">
            <label for="contact1">Adresse mail du destinataire</label>
            <div class="input-field">
              <input type="email" class="form-control" id="contact1" placeholder="Ex : nom@mail.fr" value="lorem@ipsum.com">
              <a href="#" class="icon npc-close input-field-action"></a>
            </div>
            <div class="input-field">
              <input type="email" class="form-control" id="contact2" placeholder="Ex : nom@mail.fr">
              <a href="#" class="icon npc-add input-field-action"></a>
            </div>
          </div>
          <div class="form-group">
            <label for="message-text" class="control-label">Message:</label>
            <textarea class="form-control" id="message-text" rows="6"></textarea>
          </div>
          <div class="Modal-actions">
            <button type="submit" class="Modal-action Modal-action--primary">Envoyer</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
```
*/
/*doc
---
title: C022 voir aussi
name: c022
category: c022
---

```html_example

@@include("../../kit/components/_c022_viewAlso.kit")

```
*/
/*doc
---
title: C023 PushCarousel5
name: c023
category: c023
---

```html_example
@@include("../../kit/components/_c023_pushCarousel5.kit")

```
*/
.PushCarousel5 {
  width: auto;
  height: auto; }

.PushCarousel5-masking {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.PushCarousel5-carousel {
  width: 100%;
  height: 100%;
  background-color: #99cc00;
  overflow: hidden;
  outline: none; }

.PushCarousel5-carouselIndicators {
  bottom: 5em;
  margin-bottom: 100px; }

.PushCarousel5-carouselInner {
  height: 100%; }

.PushCarousel5-item {
  height: 100%; }

.PushCarousel5-carouselCaption {
  position: static;
  left: 8%;
  right: 8%;
  padding: 6em 20% 5em;
  text-shadow: none; }

.PushCarousel5-badge {
  display: inline-block;
  min-width: 50px;
  padding: 15px;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #007D8F;
  -moz-border-radius: 50px;
       border-radius: 50px; }

.PushCarousel5-text,
.PushCarousel5-text h2 {
  margin-bottom: 150px;
  color: #ffffff;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 400;
  text-transform: none; }

.PushCarousel5-blockButton {
  position: absolute;
  left: 0;
  bottom: 5em;
  width: 100%;
  padding: 0; }

.PushCarousel5-button {
  font-weight: 200;
  padding-left: 40px;
  padding-right: 40px;
  color: #ffffff;
  background-color: #007D8F;
  border-color: transparent;
  font-size: 12px; }
  .PushCarousel5-button:hover, .PushCarousel5-button:focus {
    color: #ffffff;
    background-color: #006675; }

@media all and (max-width: 989px) {
  .PushCarousel5-carouselCaption {
    padding-left: 23%;
    padding-right: 23%; } }

/*doc
---
title: C026 ClosestAgency
name: c026
category: c026
---

*/
/*doc
---
title: C026 ClosestAgency - Default
parent: c026
name: c026-01
category: c026
---

```html_example
@@include("../../kit/components/_c026_closestAgency.kit")

```
*/
/*doc
---
title: C026 ClosestAgency - Col
parent: c026
name: c026-02
category: c026
---

```html_example
@@include("../../kit/components/_c026_closestAgency--col.kit")

```
*/
.ClosestAgency {
  padding: 1em;
  text-align: center;
  overflow: hidden; }

a.ClosestAgency-row {
  display: block;
  height: 100%;
  height: -moz-calc(100% + 2em);
  height: calc(100% + 2em);
  margin: -1em -15px;
  padding: 1em 0; }

.ClosestAgency-image {
  display: inline-block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  float: none;
  height: 70px;
  max-width: 200px;
  margin: 0 auto; }
  .ClosestAgency-image img {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-height: 70px; }

.ClosestAgency-text {
  padding: 0.2em 0;
  color: #007D8F;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px; }

.ClosestAgency-adresse {
  text-decoration: none;
  font-size: 11px !important;
  color: #555555; }

.ClosestAgency-link {
  text-decoration: underline;
  color: #007D8F; }

.ClosestAgency-blockLink,
.ClosestAgency-row {
  text-decoration: none; }
  .ClosestAgency-blockLink:hover,
  .ClosestAgency-row:hover {
    text-decoration: none; }

.ClosestAgency--col .ClosestAgency-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.ClosestAgency--col .ClosestAgency-image,
.ClosestAgency--col .ClosestAgency-content {
  float: none;
  width: 100%;
  margin: 0 auto; }

.ClosestAgency--col .ClosestAgency-image {
  margin-bottom: 20px; }

@media (max-width: 989px) {
  .ClosestAgency:not(.ClosestAgency--col) .ClosestAgency-row,
  .ClosestAgency:not(.ClosestAgency--col) a.ClosestAgency-row {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0; }
  .ClosestAgency:not(.ClosestAgency--col) .ClosestAgency-content,
  .ClosestAgency:not(.ClosestAgency--col) .ClosestAgency-image {
    display: table-cell;
    float: none; }
  .ClosestAgency:not(.ClosestAgency--col) .ClosestAgency-image {
    vertical-align: middle; }
  .ClosestAgency:not(.ClosestAgency--col) .ClosestAgency-content {
    text-align: left; } }

/*doc
---
title: C027 PushNeedHelp
name: c027
category: c027
---

```html_example
@@include("../../kit/components/_c027_pushNeedHelp.kit")

```
*/
.PushNeedHelp {
  padding: 1em;
  text-align: center; }

.PushNeedHelp-image {
  display: inline-block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 200px;
  height: 70px;
  margin: 0 auto; }
  .PushNeedHelp-image img {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-height: 70px; }

.PushNeedHelp-blockTitle {
  text-decoration: none; }
  .PushNeedHelp-blockTitle:hover {
    text-decoration: none; }

.PushNeedHelp-title,
.PushNeedHelp-title h4 {
  text-decoration: none;
  color: #007D8F;
  padding: 0.2em 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px; }

.PushNeedHelp-text,
.PushNeedHelp-text p {
  text-decoration: none;
  font-size: 11px; }

.PushNeedHelp-link,
.PushNeedHelp-link a {
  text-decoration: underline;
  color: #007D8F;
  font-weight: 600; }

@media (max-width: 990px) {
  .PushNeedHelp-row {
    display: table;
    table-layout: fixed;
    width: 100%; }
  .PushNeedHelp-blockImage,
  .PushNeedHelp-content {
    display: table-cell;
    float: none; }
  .PushNeedHelp-blockImage {
    vertical-align: middle; }
  .PushNeedHelp-content {
    text-align: left; } }

/*doc
---
title: C028 AppStoreCA
name: c028
category: c028
---

```html_example
@@include("../../kit/components/_c028_appStoreCA.kit")

```
*/
.AppStoreCA {
  padding: 1em;
  text-align: center; }

.AppStoreCA-image {
  display: inline-block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  float: none;
  max-width: 200px;
  height: 70px;
  margin: 0 auto; }
  .AppStoreCA-image > div {
    width: 100%; }
  .AppStoreCA-image img {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-height: 70px; }

.AppStoreCA-text {
  color: #007D8F;
  padding: 0.2em 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px; }

.AppStoreCA-app-logo {
  display: table;
  min-width: 100px;
  max-width: 100%;
  margin: auto;
  table-layout: fixed; }
  .flexbox .AppStoreCA-app-logo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .AppStoreCA-app-logo > div {
    display: table-cell;
    padding: 0 1%;
    min-width: 10px; }
    .flexbox .AppStoreCA-app-logo > div {
      display: block; }
  .AppStoreCA-app-logo img {
    max-width: 100%; }

.AppStoreCA-content {
  margin-right: 0;
  margin-left: 0; }

@media (max-width: 990px) {
  .AppStoreCA-row {
    display: table;
    table-layout: fixed;
    width: 100%; }
  .AppStoreCA-image,
  .AppStoreCA-content {
    display: table-cell;
    float: none; }
  .AppStoreCA-image {
    vertical-align: middle; }
  .AppStoreCA-content {
    text-align: left; } }

/*doc
---
title: Composant C040
name: c040
category: c040
---

*/
/*doc
---
title: Breadcrumb Default
parent: c040
name: 01-Breadcrumb-Default
category: c040
---

```html_example
@@include("../../kit/components/_c040_breadcrumb.kit")

```

*/
/*doc
---
title: Breadcrumb Light
parent: c040
name: 02-Breadcrumb-light
category: c040
---

```html_example
<div class="Styleguide-Breadcrumb"><!-- <==  /!\  Wrapper only for styleguide -->
@@include("../../kit/components/_c040_breadcrumb--light.kit")
</div>
```

*/
.Breadcrumb {
  margin: 15px 5% 40px 5%; }

.Breadcrumb-link {
  text-decoration: none;
  color: #454545; }

.Breadcrumb-arrow {
  padding: 0px 0.3em; }
  .Breadcrumb-arrow:before {
    content: "\003E"; }

.Breadcrumb-link--selected {
  color: #007D8F;
  font-weight: 600; }

@media (max-width: 649px) {
  .Breadcrumb {
    display: none; } }

.Breadcrumb--light {
  color: #ffffff; }
  .Breadcrumb--light .Breadcrumb-link {
    font-weight: normal; }
  .Breadcrumb--light .Breadcrumb-link,
  .Breadcrumb--light .Breadcrumb-link--selected {
    color: #ffffff; }
  .Breadcrumb--light .Breadcrumb-link--selected {
    font-weight: 600; }

/*doc
---
title: Composant C047
name: c047
category: c047
---

```html_example
@@include("../../kit/components/_c047_layerAccount.kit")
```
*/
/*doc
---
title: /!\ Composant C047
parent: header
name: c047-header
category: header
---

`.Header-menuHeader` à ajouter à la DOC ! (mobile / tablet)

Attention, modifications sur `.js-LayerNav-account` et `.js-LayerNav-cael`
*/
.js-LayerNav-account .Header-menuHeader,
.js-LayerNav-cael .Header-menuHeader {
  position: static;
  padding-right: 0;
  padding-left: 60px; }

.HubAccounts {
  padding: 0 9.5%; }

.HubAccounts-cael {
  padding: 0 15%;
  margin-bottom: 80px; }
  @media (max-width: 989px) {
    .HubAccounts-cael {
      padding: 0 5%; } }

.HubAccounts-caelBack {
  padding-left: 5%;
  padding-top: 20px; }
  @media (min-width: 990px) {
    .HubAccounts-caelBack {
      position: absolute;
      top: 30px;
      left: 50%;
      -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
              transform: translateX(-50%);
      text-align: center;
      padding: 0; } }

.HubAccounts-caelBackLink {
  color: #ffffff; }
  .HubAccounts-caelBackLink:hover, .HubAccounts-caelBackLink:focus, .HubAccounts-caelBackLink:active, .HubAccounts-caelBackLink:visited {
    color: #ffffff;
    text-decoration: none; }

.HubAccounts-caelBanner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 80px;
  background-color: #006675;
  margin-top: 20px;
  padding-left: 5%; }
  @media (min-width: 990px) {
    .HubAccounts-caelBanner {
      display: none; } }

.HubAccounts-caelBannerTitle {
  font-size: 18px; }

.HubAccounts-caelBannerTitle,
.HubAccounts-titleCael {
  line-height: 27px; }

.HubAccounts-title {
  margin: 30px 0 15px;
  font-size: 18px; }

.HubAccounts-titleCael {
  margin-top: 20px;
  margin-bottom: 80px;
  font-size: 23px; }

.HubAccounts-titleBlockCael {
  margin: 60px 0 10px 1%; }
  @media (max-width: 989px) {
    .HubAccounts-titleBlockCael {
      margin-left: 0; } }

@media (min-width: 990px) {
  .HubAccounts-content {
    margin: 0 -1%;
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    font-size: 0;
    letter-spacing: -0.31em;
    word-spacing: -0.43em;
    text-rendering: optimizespeed; } }

.HubAccounts-link {
  margin: 1% 0;
  color: #007D8F; }
  @media (min-width: 990px) {
    .HubAccounts-link {
      display: inline-block;
      width: 48%;
      margin: 1%;
      vertical-align: top;
      letter-spacing: normal;
      word-spacing: normal;
      text-rendering: auto;
      font-size: 12px;
      font-family: "Open Sans", sans-serif; } }

@media (min-width: 990px) {
  .HubAccounts-link--cael {
    width: 60%;
    margin: 0.5% 1%; } }

.HubAccounts-linkIcon {
  font-size: 17px;
  vertical-align: middle;
  margin-right: 5px; }

.HubAccounts-linkIcon--img {
  display: inline-block;
  width: 22px;
  height: 15px; }

.HubAccounts-linkArrow {
  font-size: 14px;
  color: #99cc00; }

.HubAccounts-linkPlus {
  font-size: 14px; }

/*doc
---
title: Composant C048
name: c048
category: c048
---

```html_example
@@include("../../kit/components/_c048_pushMyBank.kit")

```
*/
.PushMyBank {
  padding-bottom: 1em;
  text-align: center;
  margin: auto; }

.PushMyBank-image {
  padding-bottom: 1em; }

.PushMyBank-title {
  color: #007D8F;
  text-transform: uppercase;
  font-weight: 300; }
  .PushMyBank-title:hover {
    text-decoration: none;
    color: #007D8F; }

.PushMyBank-content {
  margin-right: 0;
  margin-left: 0; }

.PushMyBank-link {
  margin: 1em 0em;
  color: #007D8F;
  font-weight: 600;
  text-decoration: underline;
  margin-top: 20px; }

.PushMyBank-blockLink {
  padding-top: 1em; }

.PushMyBank-text {
  color: #454545; }

@media (max-width: 990px) {
  .PushMyBank {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .PushMyBank-content {
    text-align: left; }
  .PushMyBank-image {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; } }

/*doc
---
title: Composant C049 PartnerEntities
name: c049
category: c049
---

Scripts à inclure:

- `<script src="c049_partnerEntities.js"></script>`

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>

<!--  CUSTOM JS -->
<script src="./../../build/js/owl.carousel.js" type="text/javascript"></script>
<script src="./../../build/js/c049_partnerEntities.js" type="text/javascript"></script>

**Templates exemple:**
<ul>
<li><a href="../../build/examples/t001_homeNR.html">Home</a></li>
</ul>

```html_example
<div class="Template-backgroundBrandGray01" style="overflow: hidden;"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_c049_partnerEntities.kit")

</div>
```
*/
.PartnerEntities {
  padding: 15px 25px;
  overflow: hidden; }
  @media (min-width: 990px) {
    .PartnerEntities {
      float: left;
      margin: 0 auto;
      width: 50%; }
      .PartnerEntities:first-child:last-child, .PartnerEntities.cq-Editable-dom:first-child:nth-last-child(2) {
        width: 100%; } }

.PartnerEntities-title,
.PartnerEntities-title h1 {
  color: #454545;
  white-space: normal;
  margin-top: 0;
  text-transform: uppercase; }

.PartnerEntities-detail {
  margin-bottom: 0.5em; }

.PartnerEntities-content {
  margin: 30px 0 10px;
  overflow: hidden; }
  @media (min-width: 650px) {
    .PartnerEntities-content {
      margin-left: -20px;
      margin-right: -20px; } }

.PartnerEntities-carousel {
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  font-size: 0;
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  text-rendering: optimizespeed; }
  .PartnerEntities-carousel.owl-loaded {
    display: block;
    position: relative; }
    .PartnerEntities-carousel.owl-loaded img {
      display: inline-block;
      width: auto;
      max-width: 106px; }
    .PartnerEntities-carousel.owl-loaded .owl-stage {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
    .PartnerEntities-carousel.owl-loaded .owl-dots {
      margin-top: 20px; }
      .PartnerEntities-carousel.owl-loaded .owl-dots.disabled {
        display: none; }
    .PartnerEntities-carousel.owl-loaded .owl-prev,
    .PartnerEntities-carousel.owl-loaded .owl-next {
      position: absolute;
      top: 0;
      bottom: 40px;
      width: 2000px;
      cursor: pointer;
      background-color: #ffffff; }
      .PartnerEntities-carousel.owl-loaded .owl-prev.disabled,
      .PartnerEntities-carousel.owl-loaded .owl-next.disabled {
        display: none; }
      @media (min-width: 650px) {
        .PartnerEntities-carousel.owl-loaded .owl-prev,
        .PartnerEntities-carousel.owl-loaded .owl-next {
          width: auto;
          top: 45px;
          bottom: auto;
          font-size: 20px;
          -webkit-transform: translateY(-50%);
             -moz-transform: translateY(-50%);
                  transform: translateY(-50%);
          color: #007D8F; } }
    .PartnerEntities-carousel.owl-loaded .owl-prev {
      right: 100%;
      border-right: 2px solid #f5f5f5; }
      @media (min-width: 650px) {
        .PartnerEntities-carousel.owl-loaded .owl-prev {
          left: 0;
          right: auto;
          border: 0; }
          .PartnerEntities-carousel.owl-loaded .owl-prev:after {
            content: "";
            position: absolute;
            top: 0;
            left: -5px; } }
    .PartnerEntities-carousel.owl-loaded .owl-next {
      left: 100%;
      border-left: 2px solid #f5f5f5; }
      @media (min-width: 650px) {
        .PartnerEntities-carousel.owl-loaded .owl-next {
          right: 20px;
          left: auto;
          border: 0; }
          .PartnerEntities-carousel.owl-loaded .owl-next:after {
            content: "";
            position: absolute;
            top: 0;
            left: 5px; } }
    .PartnerEntities-carousel.owl-loaded .owl-item {
      background-color: #ffffff;
      text-align: center; }
  @media (min-width: 650px) {
    .PartnerEntities-carousel {
      padding: 0 20px; } }

.PartnerEntities-item {
  display: inline-block;
  width: 100%;
  height: 100%;
  max-width: 106px;
  min-height: 106px;
  vertical-align: top;
  overflow: hidden;
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
  font-size: 12px;
  font-family: "Open Sans", sans-serif; }

.PartnerEntities-itemLink {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%; }
  .PartnerEntities-itemLink, .PartnerEntities-itemLink:hover, .PartnerEntities-itemLink:focus {
    text-decoration: none;
    color: inherit; }

.PartnerEntities-itemWrapImg {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-height: 100%;
  margin: 0; }

.PartnerEntities-itemWrapdescription span,
.PartnerEntities-itemWrapdescription p {
  margin: 0px;
  padding: 10px; }

.PartnerEntities-itemImg {
  height: auto;
  max-width: 100%;
  max-height: 100%; }

.PartnerEntities-itemDesc {
  padding: 10px;
  white-space: normal;
  text-decoration: none;
  color: #454545; }

/*doc
---
title: C053 Push Nine Position
name: c053
category: c053
---

```html_example
<div class="PushNinePos section" style="background-image: url(../images/commun/tablet.png);">

  <div class="PushNinePos-paragraph PushNinePos-paragraph--middle">
    <b>Épargner mais comment ?</b>
    <br>Toutes les questions à vous poser sont dans notre guide
  </div>

  <a href="#" class="PushNinePos-btn PushNinePos-btn--bottomMiddle PushNinePos-btn--primary">ALLONS Y</a>

</div>
```

```html_example
<div class="PushNinePos section" style="background-image: url(../images/commun/tablet.png);">

  <div class="PushNinePos-paragraph PushNinePos-paragraph--middle">
    <b>Épargner mais comment ?</b>
    <br>Toutes les questions à vous poser sont dans notre guide
  </div>

  <a href="#" class="PushNinePos-btn PushNinePos-btn--bottomRight PushNinePos-btn--white">ALLONS Y</a>

</div>
```

```html_example
<div class="PushNinePos section" style="background-image: url(../images/commun/tablet.png);">

  <div class="PushNinePos-paragraph PushNinePos-paragraph--middle">
    <b>Épargner mais comment ?</b>
    <br>Toutes les questions à vous poser sont dans notre guide
  </div>

  <a href="#" class="PushNinePos-btn PushNinePos-btn--bottomLeft PushNinePos-btn--transparent">ALLONS Y</a>

</div>
```
```html_example
<div class="PushNinePos section" style="background-image: url(../images/commun/tablet.png);">

   <div class="PushNinePos-paragraph PushNinePos-paragraph--top">
    <b>Épargner mais comment ?</b>
    <br>Toutes les questions à vous poser sont dans notre guide
  </div>

    <a href="#" class="PushNinePos-btn PushNinePos-btn--middleMiddle PushNinePos-btn--primary">ALLONS Y</a>

</div>
```

```html_example
<div class="PushNinePos section" style="background-image: url(../images/commun/tablet.png);">

    <div class="PushNinePos-paragraph PushNinePos-paragraph--top">
      <b>Épargner mais comment ?</b>
      <br>Toutes les questions à vous poser sont dans notre guide
    </div>

    <a href="#" class="PushNinePos-btn PushNinePos-btn--middleRight PushNinePos-btn--white">ALLONS Y</a>

</div>
```

```html_example
<div class="PushNinePos section" style="background-image: url(../images/commun/tablet.png);">

     <div class="PushNinePos-paragraph PushNinePos-paragraph--top">
      <b>Épargner mais comment ?</b>
      <br>Toutes les questions à vous poser sont dans notre guide
    </div>
    <a href="#" class="PushNinePos-btn PushNinePos-btn--middleLeft PushNinePos-btn--transparent">ALLONS Y</a>

</div>
```
```html_example
<div class="PushNinePos section" style="background-image: url(../images/commun/tablet.png);">

    <div class="PushNinePos-paragraph PushNinePos-paragraph--bottom">
    <b>Épargner mais comment ?</b>
    <br>Toutes les questions à vous poser sont dans notre guide
  </div>
    <a href="#" class="PushNinePos-btn PushNinePos-btn--topMiddle PushNinePos-btn--primary">ALLONS Y</a>

</div>
```

```html_example
<div class="PushNinePos section" style="background-image: url(../images/commun/tablet.png);">

 <div class="PushNinePos-paragraph PushNinePos-paragraph--bottom">
    <b>Épargner mais comment ?</b>
    <br>Toutes les questions à vous poser sont dans notre guide
  </div>
  <a href="#" class="PushNinePos-btn PushNinePos-btn--topRight PushNinePos-btn--white">ALLONS Y</a>

</div>
```

```html_example
<div class="PushNinePos section" style="background-image: url(../images/commun/tablet.png);">

  <div class="PushNinePos-paragraph PushNinePos-paragraph--bottom">
    <b>Épargner mais comment ?</b>
    <br>Toutes les questions à vous poser sont dans notre guide
  </div>
  <a href="#" class="PushNinePos-btn PushNinePos-btn--topLeft PushNinePos-btn--transparent">ALLONS Y</a>

</div>
```
*/
.PushNinePos {
  position: relative;
  width: 100%;
  font-family: 'Roboto Slab', sans-serif;
  font-weight: 400;
  background: #007D8F no-repeat 50% 50%;
  -moz-background-size: cover;
       background-size: cover; }
  @media (max-width: 989px) {
    .PushNinePos {
      min-height: 300px; } }

.PushNinePos--simulator {
  background-color: #006675; }
  .PushNinePos--simulator .PushNinePos-paragraph {
    padding: 0 6%;
    text-align: left;
    font-size: 25px;
    font-family: "Open Sans", sans-serif; }
  .PushNinePos--simulator .PushNinePos-paragraph--top {
    top: 10%; }
  .PushNinePos--simulator .BlockLink {
    position: absolute;
    left: 6%;
    bottom: 10%;
    width: 88%;
    padding-right: 20px;
    font-family: "Open Sans", sans-serif; }
    .PushNinePos--simulator .BlockLink, .PushNinePos--simulator .BlockLink:hover {
      background: #fff;
      color: #454545; }
      .PushNinePos--simulator .BlockLink .BlockLink-desc,
      .PushNinePos--simulator .BlockLink .BlockLink-title, .PushNinePos--simulator .BlockLink:hover .BlockLink-desc,
      .PushNinePos--simulator .BlockLink:hover .BlockLink-title {
        margin-bottom: 10px;
        color: #454545; }
    .PushNinePos--simulator .BlockLink .btn {
      width: 45%;
      margin-right: 10px;
      font-weight: 700; }
      .PushNinePos--simulator .BlockLink .btn:last-child {
        margin: 0; }
  @media (max-width: 989px) {
    .PushNinePos--simulator {
      display: none; } }

/* Paragraph and Button are centered (default position) */
.PushNinePos-paragraph {
  padding: 0 20%;
  position: absolute;
  left: 0;
  right: 0;
  font-size: 28px;
  line-height: 1.5;
  font-weight: 100;
  text-align: center;
  color: #ffffff; }
  .PushNinePos-paragraph b, .PushNinePos-paragraph strong {
    font-family: "Open Sans", sans-serif; }
  .PushNinePos-paragraph p {
    margin: 0; }
  @media (max-width: 989px), (min-width: 990px) and (max-height: 650px) {
    .PushNinePos-paragraph {
      font-size: 22px; } }
  @media (max-width: 649px) {
    .PushNinePos-paragraph {
      padding: 0 5%;
      font-size: 18px; } }

.PushNinePos-btn {
  position: absolute;
  -moz-border-radius: 3px;
       border-radius: 3px;
  padding: 0 5%;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  line-height: 40px; }
  .PushNinePos-btn, .PushNinePos-btn:hover {
    text-decoration: none; }

/********** POSITION FOR THE PARAGRAPH AND THE BUTTON *************/
/********** POSITION FOR THE PARAGRAPH AND THE BUTTON *************/
/********** POSITION FOR THE PARAGRAPH AND THE BUTTON *************/
.PushNinePos-paragraph--middle {
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%); }

/* Put Paragraph and Button to Top and Middle */
.PushNinePos-paragraph--top {
  top: 5%;
  margin-top: 60px; }

/* Put Paragraph and Button to Bottom and Middle */
.PushNinePos-paragraph--bottom {
  bottom: 10%; }

/********** END POSITION FOR THE PARAGRAPH AND THE BUTTON *************/
/********** END POSITION FOR THE PARAGRAPH AND THE BUTTON *************/
/********** END POSITION FOR THE PARAGRAPH AND THE BUTTON *************/
/********** POSITION FOR THE BUTTON ONLY (when the paragraph is deleted) *************/
/********** POSITION FOR THE BUTTON ONLY (when the paragraph is deleted) *************/
/********** POSITION FOR THE BUTTON ONLY (when the paragraph is deleted) *************/
/* Define the position of the button for the top */
/* Define the position of the button for the top */
/* Put the button on top and left */
.PushNinePos-btn--topLeft {
  top: 7%;
  left: 5%; }

/* Put the button on top and middle */
.PushNinePos-btn--topMiddle {
  top: 7%;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%); }

/* Put the button on top and right */
.PushNinePos-btn--topRight {
  top: 7%;
  right: 5%; }

/* Define the position of the button for the middle */
/* Define the position of the button for the middle */
/* Put the button on middle and left */
.PushNinePos-btn--middleLeft {
  top: 50%;
  left: 5%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%); }

/* Put the button on middle and middle */
.PushNinePos-btn--middleMiddle {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

/* Put the button on middle and right */
.PushNinePos-btn--middleRight {
  top: 50%;
  right: 5%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%); }

/* Define the position of the button for the middle */
/* Define the position of the button for the middle */
/* Put the button on bottom and left */
.PushNinePos-btn--bottomLeft {
  bottom: 7%;
  left: 5%; }

/* Put the button on bottom and middle */
.PushNinePos-btn--bottomMiddle {
  bottom: 7%;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%); }

/* Put the button on bottom and right */
.PushNinePos-btn--bottomRight {
  bottom: 7%;
  right: 5%; }

/* Styling button */
/*doc
---
title: Composant C054
name: c054
category: c054
---

```html_example
<div class="Template-backgroundBrandGray01"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_c054_myAgency.kit")

</div>
```
*/
.MyAgency {
  display: table;
  width: 100%;
  text-align: left; }
  @media (max-width: 989px) {
    .MyAgency {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -moz-box;
      display: flex;
      margin-bottom: 20px; } }

@media (min-width: 990px) {
  .MyAgency-image,
  .MyAgency-content {
    float: none;
    display: table-cell; } }

.MyAgency-image {
  background: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  background-repeat: no-repeat;
  -moz-background-size: cover;
       background-size: cover;
  background-position: center; }

.MyAgency-content {
  padding: 3vw 4vw; }

.MyAgency-head {
  text-transform: uppercase;
  overflow: hidden; }

.MyAgency-headLink {
  float: right;
  text-transform: none; }

.MyAgency-title {
  margin-top: 10px;
  color: #007D8F; }

.MyAgency-blockText {
  color: #333333; }

.MyAgency-text {
  line-height: 1.4; }

@media (max-width: 989px) {
  .MyAgency-bottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } }

.MyAgency-link {
  text-decoration: underline;
  margin-right: 1em;
  font-weight: 600; }

.MyAgency-link--black {
  color: #333333; }

.MyAgency-link--cian {
  color: #007D8F; }

.MyAgency-line {
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  margin: 1em 0;
  display: none; }

@media (max-width: 989px) {
  .MyAgency-image {
    height: 300px; } }

@media (max-width: 729px) {
  .MyAgency {
    display: block; }
  .MyAgency-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .MyAgency-bottom {
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .MyAgency-blockText {
    padding: 0 1em; }
  .MyAgency-content {
    padding-bottom: 1em; }
  .MyAgency-line {
    display: block; } }

/*doc
---
title: C069 FastAccess
name: c069-fastAccess
category: c069
---

**Templates exemple:**
<ul>
<li><a href="../../build/examples/t001_homeNR.html">Page Home</a></li>
</ul>
*/
/*doc
---
title: C069 FastAccess - Default
parent: c069-fastAccess
name: c069-fastAccess-01
category: c069
---

```html_example
@@include("../../kit/components/_c069_FastAccess.kit")
```
*/
/*doc
---
title: C069 FastAccess - 1 item
parent: c069-fastAccess
name: c069-fastAccess-02
category: c069
---

```html_example
@@include("../../kit/components/_c069_FastAccess--1item.kit")
```
*/
/*doc
---
title: C069 FastAccess - 2 items
parent: c069-fastAccess
name: c069-fastAccess-03
category: c069
---

```html_example
@@include("../../kit/components/_c069_FastAccess--2items.kit")
```
*/
/*doc
---
title: C069 FastAccess - 3 items
parent: c069-fastAccess
name: c069-fastAccess-04
category: c069
---

```html_example
@@include("../../kit/components/_c069_FastAccess--3items.kit")
```
*/
.FastAccess {
  min-height: 300px;
  text-align: left;
  font-family: "Open Sans", sans-serif;
  padding: 40px 0; }

.FastAccess-content {
  padding: 10px 5%; }

.FastAccess-title {
  width: 100%;
  height: auto;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
  margin: 0 0 20px;
  color: #007D8F; }

.FastAccess-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0 -5px;
  padding: 0; }

.FastAccess-item {
  width: 50%;
  line-height: 46px; }
  .FastAccess-item:first-child:last-child {
    width: 100%; }

.FastAccess-link {
  display: inline-block;
  position: relative;
  padding: 5px 0 5px 40px;
  margin: 3px 5px;
  line-height: 1.1;
  color: #454545; }
  .FastAccess-link, .FastAccess-link:hover, .FastAccess-link:focus {
    text-decoration: none; }
  .FastAccess-link:hover, .FastAccess-link:focus {
    color: #006675; }

.FastAccess-linkImg {
  position: absolute;
  top: 50%;
  left: 0;
  max-width: 35px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%); }

.FastAccess-linkTxt {
  font-size: 16px;
  text-decoration: underline; }

@media (max-width: 649px) {
  .FastAccess-item {
    width: 100%; }
    .FastAccess-item:nth-child(2n+2) {
      -webkit-box-ordinal-group: 3;
         -moz-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; } }

/*doc
---
title: Composant C075
name: c075
category: c075
---

```html_example
@@include("../../kit/components/_c075_cookieHeadband.kit")
```
*/
.CookieHeadband {
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  min-height: 60px;
  position: fixed;
  top: 120px;
  z-index: 100; }
  @media (max-width: 989px) {
    .CookieHeadband {
      top: 60px; } }
  .aem-AuthorLayer-Edit .cq-Editable-dom .CookieHeadband {
    position: static; }

.Header--hidden ~ .CookieHeadband {
  top: 60px; }

.CookieHeadband-content {
  padding: 1em 4%; }

.CookieHeadband-text {
  color: #ffffff;
  padding-right: 40px;
  padding-top: 0.5em; }

.CookieHeadband-link {
  text-decoration: underline;
  color: #ffffff; }
  .CookieHeadband-link, .CookieHeadband-link:hover {
    color: #ffffff; }

.CookieHeadband-cross {
  position: absolute;
  right: 20px;
  top: 20px; }

.CookieHeadband-crossLink {
  cursor: pointer; }
  .CookieHeadband-crossLink, .CookieHeadband-crossLink:hover {
    text-decoration: none;
    color: #ffffff; }

.CookieHeadband-logo {
  display: inline-block;
  width: 60px;
  margin: 0 5%;
  text-decoration: none;
  padding-top: 60px;
  background: url("../images/commun/browsers/spriteNavigatorsBanner.png") 0 0 no-repeat;
  overflow: hidden; }

.CookieHeadband-logo--chrome {
  background-position: 3px 0; }

.CookieHeadband-logo--edge {
  background-position: -57px 0; }

.CookieHeadband-logo--firefox {
  background-position: -119px 0; }

.CookieHeadband-logo--safari {
  background-position: -183px 0; }

.CookieHeadband-logoTitle {
  padding-top: 5px;
  color: #ffffff;
  text-transform: uppercase; }

/*doc
---
title: C103 indices boursiers
name: c103
category: c103
---

```html_example

@@include("../../kit/components/_c103_stockIndices.kit")

```
*/
/*doc
---
title: C103 - stockIndicesKE
name: c103_stockIndicesKE
parent: C103
category: c103
---

Scripts à inclure:

- `<script src="owl.carousel.js"></script>`
- `<script type="text/javascript" src="../js/c103_stockIndicesKE.js"></script>`

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>

<!--  CUSTOM JS -->
<script src="./../../build/js/owl.carousel.js" type="text/javascript"></script>
<script src="./../../build/js/c103_stockIndicesKE.js" type="text/javascript"></script>

**Templates exemple:**
<ul>
<li><a href="../../build/examples/test-c103_stockIndicesKE.html" target="_blank">Intégration test</a></li>
</ul>
*/
/*doc
---
title: c103 - stockIndicesKE - Default
parent: c103_stockIndicesKE
name: stockIndicesKE-01
category: c103
---

```html_example
<div class=""><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_c103_stockIndicesKE--includes.kit")

</div>
```
*/
/*doc
---
title: C103 - stockIndicesKE - items
name: stockIndicesKE-items
parent: c103_stockIndicesKE
category: c103
---

All items of c103 stock indices KE - decrease , increase and bigText

*/
/*doc
---
title: C103 - stockIndicesKE - item - decrease
name: stockIndicesKE-items-01
parent: stockIndicesKE-items
category: c103
---

```html_example
<div class=""><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_stockIndicesKE-decrease.kit")

</div>
```
*/
/*doc
---
title: C103 - stockIndicesKE - item - increase
name: stockIndicesKE-items-02
parent: stockIndicesKE-items
category: c103
---

```html_example
<div class=""><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_stockIndicesKE-increase.kit")

</div>
```
*/
/*doc
---
title: C103 - stockIndicesKE - item - bigText
name: stockIndicesKE-items-03
parent: stockIndicesKE-items
category: c103
---

```html_example
<div class=""><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_stockIndicesKE-bigText.kit")

</div>
```
*/
/*doc
---
title: C103 - stockIndicesKE - item - noLink
name: stockIndicesKE-items-04
parent: stockIndicesKE-items
category: c103
---

```html_example
<div class=""><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_stockIndicesKE-noLink.kit")

</div>
```
*/
.StockIndices {
  padding: 20px 5%;
  width: 100%; }

.StockIndicesKE {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }
  .StockIndicesKE.owl-loaded {
    position: relative;
    display: block; }
    .StockIndicesKE.owl-loaded .owl-stage-outer {
      overflow: hidden; }
    .StockIndicesKE.owl-loaded .owl-stage {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
         -moz-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
    .StockIndicesKE.owl-loaded .owl-item .StockIndicesKE-blocs {
      height: 100%; }
    .StockIndicesKE.owl-loaded .owl-prev,
    .StockIndicesKE.owl-loaded .owl-next {
      background: none;
      border: none;
      color: #007D8F;
      cursor: pointer;
      height: 16px;
      line-height: 16px;
      margin-top: -15px;
      position: absolute;
      text-align: center;
      top: 50%;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 16px; }
      .StockIndicesKE.owl-loaded .owl-prev:before,
      .StockIndicesKE.owl-loaded .owl-next:before {
        font-family: "NPC Icons";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none; }
      .StockIndicesKE.owl-loaded .owl-prev.disabled,
      .StockIndicesKE.owl-loaded .owl-next.disabled {
        display: none; }
      .StockIndicesKE.owl-loaded .owl-prev:before,
      .StockIndicesKE.owl-loaded .owl-next:before {
        left: 0;
        position: absolute;
        top: 0; }
      @media (max-width: 649px) {
        .StockIndicesKE.owl-loaded .owl-prev,
        .StockIndicesKE.owl-loaded .owl-next {
          display: none; } }
    .StockIndicesKE.owl-loaded .owl-prev {
      left: -30px; }
      .StockIndicesKE.owl-loaded .owl-prev:before {
        content: ""; }
    .StockIndicesKE.owl-loaded .owl-next {
      right: -30px; }
      .StockIndicesKE.owl-loaded .owl-next:before {
        content: ""; }
    .StockIndicesKE.owl-loaded .owl-dots {
      margin-top: 15px;
      text-align: center; }
      .StockIndicesKE.owl-loaded .owl-dots.disabled {
        display: none; }

.StockIndices-title {
  color: #007D8F;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  margin: 0;
  font-weight: 400;
  text-align: left; }

.StockIndices-date {
  text-align: right;
  line-height: 30px;
  font-family: "Open Sans", sans-serif; }

.StockIndices-text {
  width: 100%;
  font-family: "Open Sans", sans-serif;
  text-align: left;
  margin: 10px 0px; }

.StockIndices-list {
  list-style-type: none;
  margin: 0 -0.5%;
  padding: 0;
  overflow: hidden; }

.StockIndices-item {
  position: relative;
  float: left;
  width: 32%;
  margin: 10px 0.5%; }
  @media (max-width: 989px) {
    .StockIndices-item {
      float: none;
      width: 99%; } }

.StockIndices-content {
  display: block;
  padding: 15px;
  background-color: #f5f5f5;
  text-decoration: none; }
  .StockIndices-content:hover {
    background-color: #007D8F;
    color: #ffffff;
    text-decoration: none; }
    .StockIndices-content:hover .StockIndices-blocTitle {
      color: #ffffff; }
    .StockIndices-content:hover .StockIndices-iconEvolution {
      color: #ffffff; }
  @media (max-width: 989px) {
    .StockIndices-content {
      display: table;
      table-layout: fixed;
      width: 100%; } }

.StockIndicesKE-bloc {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #f5f5f5;
  color: #007D8F;
  min-height: 150px;
  width: 125px;
  padding: 10px;
  margin-right: 10px; }
  .StockIndicesKE-bloc:last-child {
    margin-right: 0; }
  @media (max-width: 989px) {
    .StockIndicesKE-bloc {
      margin-bottom: 10px; } }
  @media (max-width: 649px) {
    .StockIndicesKE-bloc {
      margin-right: 0;
      width: auto; } }

a.StockIndicesKE-bloc {
  text-decoration: none;
  color: #007D8F; }
  a.StockIndicesKE-bloc:hover {
    background-color: #007D8F;
    color: #ffffff; }
    a.StockIndicesKE-bloc:hover .StockIndices-blocTitle,
    a.StockIndicesKE-bloc:hover .StockIndices-points--KE,
    a.StockIndicesKE-bloc:hover .StockIndices-subpoints--KE,
    a.StockIndicesKE-bloc:hover .StockIndicesKE-blocDate {
      color: #ffffff; }
  a.StockIndicesKE-bloc:hover, a.StockIndicesKE-bloc:focus, a.StockIndicesKE-bloc:visited, a.StockIndicesKE-bloc:active {
    text-decoration: none; }

.StockIndicesKE-pointWrapper {
  padding: 10px 0; }

.StockIndicesKE-blocs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  @media (max-width: 649px) {
    .StockIndicesKE-blocs {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.StockIndices-blocTitle {
  color: #007D8F;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  padding-left: 10px; }
  @media (max-width: 989px) {
    .StockIndices-blocTitle {
      display: table-cell;
      table-layout: fixed;
      text-align: left;
      vertical-align: middle;
      padding-left: 40px; } }
  @media (max-width: 649px) {
    .StockIndices-blocTitle {
      display: table-cell;
      table-layout: fixed;
      text-align: left;
      vertical-align: middle;
      padding-left: 10px; } }

.StockIndices-blocTitle--KE {
  padding-left: 0; }

.StockIndices-points {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  padding-top: 10px;
  padding-left: 10px; }
  @media (max-width: 989px) {
    .StockIndices-points {
      text-align: left;
      padding-left: 40px; } }
  @media (max-width: 649px) {
    .StockIndices-points {
      text-align: left;
      padding-left: 10px; } }

.StockIndices-points--KE {
  font-size: 15px;
  padding: 0; }

.StockIndices-points--KE,
.StockIndices-subpoints--KE {
  color: #454545; }

.StockIndices-subpoints--KE {
  font-size: 12px; }

.StockIndices-percent {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  padding-top: 10px;
  padding-left: 10px; }
  @media (max-width: 989px) {
    .StockIndices-percent {
      text-align: left;
      padding-left: 40px; } }
  @media (max-width: 649px) {
    .StockIndices-percent {
      text-align: left;
      padding-left: 10px; } }

.StockIndices-iconEvolution {
  color: #007D8F; }
  @media (min-width: 990px) {
    .StockIndices-iconEvolution {
      position: absolute;
      bottom: 20px;
      right: 15px; } }
  @media (max-width: 989px) {
    .StockIndices-iconEvolution {
      display: table-cell;
      text-align: center;
      vertical-align: middle; } }

.StockIndicesKE-blocDate {
  font-size: 10px;
  font-weight: 300;
  color: #454545; }

/*doc
---
title: C104 Video Player
name: c104
category: c104
---

Scripts à inclure:

- `<script src="c104_videoPlayer.js"></script>`
- `<script type="text/javascript" src="./../../build/js/owl.carousel.js"></script>`

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>
<script type="text/javascript" src="./../../build/js/owl.carousel.js"></script>

<!--  CUSTOM JS -->
<script src="./../../build/js/c104_videoPlayer.js" type="text/javascript"></script>

**Templates exemple:**
<ul>
<li><a href="../../build/examples/t001_homeNR.html">t001_homeNR</a></li>
<li><a href="../../build/examples/ES-Temp-Modele-cooperatif.html">Espace sociétaire - modèle coopératif</a></li>
</ul>
*/
/*doc
---
title: C104 Video Player - Base
name: c104-01
category: c104
---

```html_example
@@include("../../kit/components/_c104_videoPlayer.kit")
```
*/
/*doc
---
title: C104 Video Player - ratio 16/9
name: c104-02
category: c104
---

just remove `matchHeight` and add `VideoPlayer--ratio16` class

```html_example
@@include("../../kit/components/_c104_videoPlayer--ratio16.kit")
```
*/
/*doc
---
title: C104 Video Player - ratio 4/3
name: c104-03
category: c104
---

just remove `matchHeight` and add `VideoPlayer--ratio4` class

```html_example
@@include("../../kit/components/_c104_videoPlayer--ratio4.kit")
```
*/
/*doc
---
title: C104 Video Player - ratio 16/9 - justYoutube
name: c104-04
category: c104
---

```html_example
@@include("../../kit/components/_c104_videoPlayer--justYoutube.kit")
```
*/
/*doc
---
title: C104 Video Player - Carousel
name: c104-05
category: c104
---

```html_example
<div class="owl-carousel CarouselVideoPlayer js-carouselVideoPlayer">
  @@include("../../kit/components/_c104_videoPlayer.kit")
  @@include("../../kit/components/_c104_videoPlayer.kit")
  @@include("../../kit/components/_c104_videoPlayer.kit")
  @@include("../../kit/components/_c104_videoPlayer.kit")
</div>
```
*/
.CarouselVideoPlayer {
  padding: 20px 5%;
  outline: none; }
  @media (max-width: 649px) {
    .CarouselVideoPlayer {
      padding: 20px 7%; } }
  .CarouselVideoPlayer.owl-carousel .owl-dots {
    padding-top: 15px; }
  .CarouselVideoPlayer.owl-carousel .owl-stage {
    margin: 0 auto; }
  .CarouselVideoPlayer.owl-carousel .owl-item {
    padding: 0 7px; }

.VideoPlayer {
  position: relative;
  width: 100%;
  min-height: 300px;
  background: #007D8F no-repeat 50% 50%;
  -moz-background-size: cover;
       background-size: cover; }

.VideoPlayer-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 100px;
  height: 100px;
  margin: -50px;
  opacity: 0.8;
  color: #007D8F;
  background-color: #ffffff;
  -moz-border-radius: 50%;
       border-radius: 50%;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease; }
  .VideoPlayer-play:focus, .VideoPlayer-play:hover {
    opacity: 1;
    text-decoration: none; }
  .VideoPlayer-play:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1em;
    height: 1em;
    margin: -.5em;
    font-size: 20px;
    line-height: 1; }
  @media (max-width: 989px) {
    .VideoPlayer-play {
      width: 75px;
      height: 75px; } }

.VideoPlayer-textBloc {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 6.5% 6.5%;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.1666rem;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: left; }
  @media (max-width: 989px) {
    .VideoPlayer-textBloc {
      font-size: 12px;
      font-size: 1rem; } }

.VideoPlayer-Category,
.VideoPlayer-Title,
.VideoPlayer-Duration {
  margin: 0; }

.VideoPlayer-Category {
  letter-spacing: .02em;
  margin-bottom: .5em; }

.VideoPlayer-Title {
  font-size: 1.5714em; }

.VideoPlayer-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  background: #000;
  -moz-transition: opacity 300ms ease, visibility 300ms;
  transition: opacity 300ms ease, visibility 300ms; }

.VideoPlayer--play .VideoPlayer-video {
  visibility: visible;
  opacity: 1; }

.VideoPlayer--ratio16 {
  height: 0;
  padding-top: 56.25%; }

.VideoPlayer--ratio4 {
  height: 0;
  padding-top: 75%; }

/*doc
---
title: C105 Blog
name: c105
category: c105
---

```html_example
@@include("../../kit/components/_c105_blog.kit")
```
*/
.Blog {
  width: 100%; }

.Blog-title,
.Blog-link {
  border-bottom-width: 2px;
  border-bottom-style: solid; }
  .Blog-title:last-child,
  .Blog-link:last-child {
    border-bottom: 0; }

.Blog-title {
  width: 100%;
  color: #007D8F;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 600;
  padding: 30px 10px 25px 30px; }

.Blog-title--style {
  color: #000;
  font-size: 16px;
  border-bottom: 0; }

.Blog-link {
  display: table;
  width: 100%;
  padding: 10px;
  text-decoration: none; }
  .Blog-link:hover, .Blog-link:focus {
    text-decoration: none; }

.Blog-img {
  display: table-cell;
  vertical-align: middle; }
  .Blog-img img {
    max-width: 75px;
    max-height: 75px; }

.Blog-contentText {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
  padding-right: 10px; }

.Blog-contentTitle {
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  padding-bottom: 10px; }

.Blog-contentDescription {
  width: 100%;
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-align: left; }

.Blog-linkAllBlog {
  width: 100%;
  height: 75px;
  line-height: 75px;
  text-align: right;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding-right: 20px; }
  .Blog-linkAllBlog:hover {
    color: #006675;
    text-decoration: none; }

/*doc
---
title: C106 CourseProject
name: c106
category: c106
---

```html_example
@@include("../../kit/components/_c106_CourseProject.kit")
```
*/
.CourseProject {
  padding: 5%;
  overflow: hidden; }

.CourseProject-title {
  margin-bottom: 15px;
  font-size: 23px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.1; }

.CourseProject-list {
  margin: 0 -1px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.CourseProject-item {
  padding: 1px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: center; }

.CourseProject-itemLink {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  color: #007D8F;
  font-weight: 700;
  font-size: 13px;
  background: #f5f5f5;
  text-decoration: none;
  width: 100%; }
  .CourseProject-itemLink:hover, .CourseProject-itemLink:focus {
    color: #ffffff;
    text-decoration: none;
    background: #99cc00; }

.CourseProject-itemImage {
  display: block;
  margin: 0 auto; }

.CourseProject-itemText {
  display: block;
  margin: 0 auto; }
  .CourseProject-itemText:first-child {
    margin-top: 15px; }
  .CourseProject-itemText:last-child {
    margin-bottom: 15px; }
  .CourseProject-itemText:first-child:last-child {
    max-width: 170px; }

@media (min-width: 650px) {
  .CourseProject-item {
    width: 50%;
    min-height: 125px;
    text-align: center; }
  .CourseProject-itemImageWrapper {
    display: block;
    height: 60px;
    line-height: 60px;
    margin-bottom: 5px; }
  .CourseProject-itemImage {
    display: inline-block;
    max-height: 100%;
    vertical-align: middle;
    max-width: 60px; } }

@media (max-width: 649px) {
  .CourseProject-itemLink {
    width: 100%;
    table-layout: fixed;
    padding: 20px;
    min-height: 110px; }
  .CourseProject-itemText br {
    display: none; }
  .CourseProject-itemImage {
    display: inline-block;
    max-height: 100%;
    vertical-align: middle;
    max-width: 60px; } }

/*doc
---
title: C106 CourseProject--white
name: c106-white
category: c106
---

```html_example
<div class="Template-backgroundBrandGray01">
  <div class="CourseProject">
    <div class="CourseProject-title">Je veux ...</div>

    <div class="CourseProject-list">

      <div class="CourseProject-item">
        <a class="CourseProject-itemLink" href="#ancre1">
          <span class="CourseProject-itemImageWrapper">
            <img class="CourseProject-itemImage" src="../images/c106/vectoriel/bateau.svg" height="50" alt="">
          </span>
          <span class="CourseProject-itemText">
            ... me constituer une épargne<br> disponible
          </span>
        </a>
      </div>

      <div class="CourseProject-item">
        <a class="CourseProject-itemLink" href="#ancre2">
          <span class="CourseProject-itemImageWrapper">
            <img class="CourseProject-itemImage" src="../images/c106/vectoriel/OP.svg" height="38" alt="">
          </span>
          <span class="CourseProject-itemText">
            ... préparer un achat<br> immobilier
          </span>
        </a>
      </div>

      <div class="CourseProject-item">
        <a class="CourseProject-itemLink" href="#ancre3">
          <span class="CourseProject-itemImageWrapper">
            <img class="CourseProject-itemImage" src="../images/c106/vectoriel/ballonR.svg" height="53" alt="">
          </span>
          <span class="CourseProject-itemText">
            ... mettre ma famile à<br> l'abri
          </span>
        </a>
      </div>

      <div class="CourseProject-item">
        <a class="CourseProject-itemLink" href="#ancre4">
          <span class="CourseProject-itemImageWrapper">
            <img class="CourseProject-itemImage" src="../images/c106/vectoriel/cokt.svg" height="52" alt="">
          </span>
          <span class="CourseProject-itemText">
            ... ancitiper ma<br> retraite
          </span>
        </a>
      </div>

      <div class="CourseProject-item">
        <a class="CourseProject-itemLink" href="#ancre5">
          <span class="CourseProject-itemImageWrapper">
            <img class="CourseProject-itemImage" src="../images/c106/vectoriel/plante.svg" height="52" alt="">
          </span>
          <span class="CourseProject-itemText">
            ... diversifier mes<br> placements
          </span>
        </a>
      </div>

      <div class="CourseProject-item">
        <a class="CourseProject-itemLink" href="#ancre6">
          <span class="CourseProject-itemImageWrapper">
            <img class="CourseProject-itemImage" src="../images/c106/vectoriel/tableau.svg" height="42" alt="">
          </span>
          <span class="CourseProject-itemText">
            ... optimiser ma<br> fiscalité
          </span>
        </a>
      </div>

      <div class="CourseProject-item">
        <a class="CourseProject-itemLink" href="#ancre7">
          <span class="CourseProject-itemImageWrapper">
            <img class="CourseProject-itemImage" src="../images/c106/vectoriel/OP.svg" height="38" alt="">
          </span>
          <span class="CourseProject-itemText">
            ... compléter mes<br> revenus
          </span>
        </a>
      </div>

    </div>
  </div>
</div>
```
*/
.Template-backgroundBrandGray01 .CourseProject-itemLink {
  background: #ffffff; }

/*doc
---
title: Composant C107 Push advice
name: c107
category: c107
---

```html_example
@@include("../../kit/components/_c107_pushAdvice.kit")
```
*/
.PushAdvice {
  min-height: 300px;
  margin-bottom: 20px;
  display: block; }

.PushAdvice-imageWrapper {
  height: 180px;
  overflow: hidden;
  background-repeat: no-repeat;
  -moz-background-size: cover;
       background-size: cover;
  background-position: center; }

.PushAdvice-text {
  padding: 20px; }

.PushAdvice-title {
  text-transform: uppercase;
  color: #454545;
  line-height: 25px; }

.PushAdvice-message {
  font-size: 17px;
  line-height: 22px;
  color: #007D8F; }

.PushAdvice-title a, .PushAdvice-title a:hover, .PushAdvice-title a:focus,
.PushAdvice-message a,
.PushAdvice-message a:hover,
.PushAdvice-message a:focus {
  text-decoration: none;
  color: inherit; }

.PushAdvice.matchHeight[style*="height"] {
  display: block; }

/*doc
---
title: Composant ourSolutionToSave
name: c108
category: c108
---
```html_example
@@include("../../kit/components/_c108_ourSolutionToSave.kit")
```
*/
/* Div that encompasses the entire component */
.OurSolutionToSave {
  padding-top: 3%;
  padding-bottom: 5%; }

/* Div that encompasses all blocs */
.OurSolutionToSave-container {
  max-width: 920px;
  margin: 0 auto; }

/* Main title of the component */
.OurSolutionToSave-mainTitle {
  text-align: center;
  padding-bottom: 3%; }

/* Div that encompasses the blocs and define proporties for them (margin) */
.OurSolutionToSave-blocs {
  margin: 0 -5px; }
  @media screen and (max-width: 989px) {
    .OurSolutionToSave-blocs {
      margin: 0 5%; } }

/* Div that encompasses IMG and Text inside the blocs */
.OurSolutionToSave-bloc {
  padding: 5px; }

/* Div that makes blocs clickable */
.OurSolutionToSave-blocLink {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 124px;
  padding: 7px;
  text-decoration: none;
  color: #454545; }
  .OurSolutionToSave-blocLink:hover {
    padding-right: 40px;
    background-color: #99cc00;
    color: #ffffff;
    text-decoration: none; }
    .OurSolutionToSave-blocLink:hover .OurSolutionToSave-blocMain:after {
      content: "";
      position: absolute;
      top: 50%;
      right: 15px;
      width: 1em;
      height: 1em;
      margin: -.5em 0;
      line-height: 1;
      font-size: 12px; }

/* Define cell into the bloc */
.OurSolutionToSave-blocImgWrapper,
.OurSolutionToSave-blocMain {
  display: table-cell;
  vertical-align: middle; }

/* Div that wrap the IMG into the blocs */
.OurSolutionToSave-blocImgWrapper {
  width: 110px;
  height: 110px;
  background: #99cc00;
  text-align: center;
  padding: 5px; }

/* IMG of the blocs (pig, umbrella etc...) */
.OurSolutionToSave-blocImg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  width: 110px;
  height: 110px; }

/* Div that encompasses the small title and the text inside all blocs */
.OurSolutionToSave-blocMain {
  padding-left: 20px; }
  .OurSolutionToSave-blocMain:first-child {
    padding-left: 23px; }
    .OurSolutionToSave-blocMain:first-child:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 10px;
      height: 100%;
      background: #99cc00; }

/* Contains the small title of the bloc */
.OurSolutionToSave-blocTitle {
  font-weight: 700; }
  @media screen and (max-width: 415px) {
    .OurSolutionToSave-blocTitle {
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

a.OurSolutionToSave-blocTitle, a.OurSolutionToSave-blocTitle:hover, a.OurSolutionToSave-blocTitle:focus {
  color: inherit;
  text-decoration: none; }

/* Contains the text below the small title */
.OurSolutionToSave-blocText {
  margin-top: 7px;
  font-weight: 200;
  line-height: 1.5;
  max-height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis; }
  @media screen and (max-width: 415px) {
    .OurSolutionToSave-blocText {
      width: 90%;
      margin-left: 5%;
      margin-right: 5%;
      font-size: 0.9em; } }

/* Blocs go on the line for tablet and mobile */
@media screen and (min-width: 990px) {
  .OurSolutionToSave-blocs:after {
    content: '';
    display: table;
    clear: both; }
  .OurSolutionToSave-bloc {
    float: left;
    width: 50%; }
    .OurSolutionToSave-bloc:nth-child(2n+1) {
      clear: left; } }

/* Change the background color for tablet and mobile */
@media screen and (max-width: 989px) {
  .OurSolutionToSave {
    background-color: #ffffff; }
  .OurSolutionToSave-blocLink {
    background-color: #f5f5f5; } }

/*doc
---
title: C109 Tableau de comparaisons produits
name: c109
category: c109
---

[Template exemple - T003](../../build/examples/t003_productCategory.html)

Le composant utilise data-table (coté dev)

*/
/*doc
---
title: C109 - Header
name: c109-01-header
parent: c109
category: c109
---

```html_example
<table>
@@include("../../kit/components/_c109_tableSort-header.kit")
</table>
```
*/
/*doc
---
title: C109 - Item
name: c109-10-item
parent: c109
category: c109
---
*/
/*doc
---
title: C109 - Item - base
name: c109-10-item-01
parent: c109-10-item
category: c109
---

```html_example
<table>
@@include("../../kit/components/_c109_tableSort-item.kit")
</table>
```
*/
/*doc
---
title: C109 - Item - no limit
name: c109-10-item-02
parent: c109-10-item
category: c109
---

```html_example
<table>
@@include("../../kit/components/_c109_tableSort-item--noLimit.kit")
</table>
```
*/
/*doc
---
title: C109 - Item - specific
name: c109-10-item-03
parent: c109-10-item
category: c109
---

```html_example
<table>
@@include("../../kit/components/_c109_tableSort-item--specific.kit")
</table>
```
*/
/*doc
---
title: C109 - Item - tax description
name: c109-10-item-04
parent: c109-10-item
category: c109
---

```html_example
<table>
@@include("../../kit/components/_c109_tableSort-item--taxDesc.kit")
</table>
```
*/
/*doc
---
title: C109 - Full
name: c109-99-full
parent: c109
category: c109
---

```html_example
<div class="TableSort-wrapper">
  <table class="TableSort">
    <thead>
      @@include("../../kit/components/_c109_tableSort-header.kit")
    </thead>
    <tbody>
      @@include("../../kit/components/_c109_tableSort-item.kit")
      @@include("../../kit/components/_c109_tableSort-item--noLimit.kit")
      @@include("../../kit/components/_c109_tableSort-item--specific.kit")
      @@include("../../kit/components/_c109_tableSort-item--taxDesc.kit")
    </tbody>
  </table>
</div>
```
*/
.TableSort-wrapper {
  margin: 5%; }

.TableSortHead-cell {
  padding: 10px 15px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  background: #007D8F; }

.TableSortHead-order {
  display: inline-block;
  margin-left: 7px;
  margin-right: -15px; }

.sorting_desc .TableSortHead-orderItem--asc, .sorting_asc .TableSortHead-orderItem--desc {
  opacity: .5; }

.TableSortHead-orderItem:hover, .TableSortHead-orderItem:focus {
  -webkit-transform: scale(1.4);
     -moz-transform: scale(1.4);
          transform: scale(1.4); }

.TableSortHead-orderItem {
  display: none;
  border: 5px solid transparent; }
  .sorting .TableSortHead-orderItem,
  .sorting_asc .TableSortHead-orderItem,
  .sorting_desc .TableSortHead-orderItem {
    display: block; }

.TableSortHead-orderItem--asc {
  margin-bottom: 3px;
  border-top: 0;
  border-bottom-color: #ffffff;
  -webkit-transform-origin: 50% 100%;
     -moz-transform-origin: 50% 100%;
          transform-origin: 50% 100%; }

.TableSortHead-orderItem--desc {
  border-top-color: #ffffff;
  border-bottom: 0;
  -webkit-transform-origin: 50% 0;
     -moz-transform-origin: 50% 0;
          transform-origin: 50% 0; }

.TableSortItem {
  background: #f5f5f5; }

.TableSortItem--click {
  cursor: pointer; }
  .TableSortItem--click:hover, .TableSortItem--click:focus {
    background: #ececec; }

.TableSortItem-minorText {
  color: #999999; }

.TableSortItem-cell {
  padding: 15px 0;
  vertical-align: middle; }

.TableSortItem-cell--percent,
.TableSortItem-cell--taxable {
  padding-right: 1px; }

.TableSortItem-cell--limit .TableSortItem-valueBlock p:not(.TableSortItem-minorText) {
  white-space: nowrap; }

.TableSortItem-cell--actions {
  padding-left: 10px; }

.TableSortItem-cell--specific .TableSortItem-valueBlock {
  font-weight: 700;
  color: #007D8F; }

.TableSortItem-name {
  margin-bottom: 3px;
  font-weight: 700;
  color: #007D8F;
  text-transform: uppercase;
  font-size: 13px; }

.TableSortItem-description {
  margin-bottom: 0;
  font-size: 11px; }

.TableSortItem-valueBlock {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 50px;
  padding: 5px 15px;
  background: #ffffff; }
  .TableSortItem-valueBlock p {
    margin: 0;
    font-size: 13px;
    line-height: 14px; }
  .TableSortItem-valueBlock .TableSortItem-minorText {
    font-size: 11px; }
  .TableSortItem-cell--percent .TableSortItem-valueBlock,
  .TableSortItem-cell--specific .TableSortItem-valueBlock {
    -moz-border-radius-topleft: 4px;
         border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
         border-bottom-left-radius: 4px; }
  .TableSortItem-cell--limit .TableSortItem-valueBlock,
  .TableSortItem-cell--specific .TableSortItem-valueBlock {
    -moz-border-radius-topright: 4px;
         border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
         border-bottom-right-radius: 4px; }

.TableSortItem-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  padding: 7px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  background: #99cc00;
  -moz-border-radius: 4px;
       border-radius: 4px; }
  .TableSortItem-btn:hover, .TableSortItem-btn:focus {
    color: #ffffff;
    text-decoration: none;
    background: #7fa600; }
  .TableSortItem-btn:after {
    content: "";
    font-size: 11px; }

@media (min-width: 650px) {
  .TableSortItem-cell {
    border-bottom: 1px solid #ffffff; }
  .TableSortItem-cell--main {
    padding-left: 25px;
    padding-right: 10px; }
  .TableSortItem-cell--actions {
    padding-right: 10px; }
  .TableSortItem-cell--specific .TableSortItem-valueBlock {
    background: none; } }

@media (max-width: 649px) {
  .TableSortHead {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    background: #007D8F; }
  .TableSortHead-cell {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0 10px; }
  .TableSortHead-cell--main,
  .TableSortHead-cell--actions {
    display: none; }
  .TableSortItem {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px 10px 20px 20px;
    border-bottom: 1px solid #ffffff; }
  .TableSortItem-cell {
    display: block;
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-top: 0;
    padding-bottom: 0; }
  .TableSortItem-cell--main {
    width: 100%;
    margin-bottom: 10px; }
  .TableSortItem-cell--percent {
    width: 14%; }
  .TableSortItem-cell--taxable,
  .TableSortItem-cell--limit {
    width: -moz-calc((86% - 35px) / 3);
    width: calc((86% - 35px) / 3); }
  .TableSortItem-cell--specific {
    width: -moz-calc(100% - 35px);
    width: calc(100% - 35px); }
  .TableSortItem-cell--actions {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: 35px; }
  .TableSortItem-description {
    font-size: 11px;
    color: #999999; }
  .TableSortItem-valueBlock {
    padding-left: 10px;
    padding-right: 10px; } }

/*doc
---
title: C109
name: C109_old
category: C109_old
---

```html_example
        <div class="C109">
            <table>
                <thead>
                    <tr>
                        <th></th>
                        <th>Taux
                            <a href="#"><span class="glyphicon glyphicon-triangle-top C109-triangle__top" aria-hidden="true"></span></a>
                            <a href="#"><span class="glyphicon glyphicon-triangle-bottom C109-triangle__bottom" aria-hidden="true" style="color: #82c0c8;"></span></a>
                        </th>
                        <th>Imposable
                            <a href="#"><span class="glyphicon glyphicon-triangle-top C109-triangle__top" aria-hidden="true"></span></a>
                            <a href="#"><span class="glyphicon glyphicon-triangle-bottom C109-triangle__bottom" aria-hidden="true"></span></a>
                        </th>
                        <th>Plafond
                            <a href="#"><span class="glyphicon glyphicon-triangle-top C109-triangle__top" aria-hidden="true"></span></a>
                            <a href="#"><span class="glyphicon glyphicon-triangle-bottom C109-triangle__bottom" aria-hidden="true"></span></a>
                        </th>
                        <th></th>
                    </tr>
                </thead>

                <tr>
                    <td class="C109-table__col1">
                        <p class="C109-libelle">Livret A</p>
                        <p>Une épargne pour tous et disponible à tout moment.</p>
                    </td>
                    <td class="C109-table__col2 C109-table__col2__mobile">
                        <p class="C109-table__row__col2__p">0,75%</p>
                    </td>
                    <td>
                        <p class="C109-table__row__col3__p">Non</p>
                    </td>
                    <td class="C109-table__col4__mobile">
                        <div class="C109-table__row__col4__content__p">
                            <div class="C109-table__row__col4__p">
                                <p>12 000 €</p>
                                <p style="color: #a4a4a4;">Max</p>
                            </div>
                        </div>
                    </td>
                    <td class="C109-table__col5"><a href="#"><div class="C109-arrowNext"><span class="icon npc-arrow-next"></span></div></a></td>
                </tr>
                <tr>
                    <td class="C109-table__col1">
                        <p class="C109-libelle">Compte sur livret</p>
                        <p>La solution d'épargne souple et disponible, en toute liberté.</p>
                    </td>
                    <td class="C109-table__col2 C109-table__col2__mobile">
                        <p class="C109-table__row__col2__p">0,15%</p>
                    </td>
                    <td>
                        <p class="C109-table__row__col3__p">Oui</p>
                    </td>
                    <td class="C109-table__col4__mobile">
                        <div class="C109-table__row__col4__content__p">
                            <div class="C109-table__row__col4__p">
                                <p style="color: #a4a4a4;">Pas de plafond</p>
                            </div>
                        </div>
                    </td>
                    <td class="C109-table__col5"><a href="#"><div class="C109-arrowNext"><span class="icon npc-arrow-next"></span></div></a></td>
                </tr>
                <tr>
                    <td class="C109-table__col1">
                        <p class="C109-libelle">Livret de développement durable (LDD)</p>
                        <p>Une épargne de précaution souple et fiscalement avantageuse.</p>
                    </td>
                    <td class="C109-table__col2 C109-table__col2__mobile">
                        <p class="C109-table__row__col2__p">0,75%</p>
                    </td>
                    <td>
                        <p class="C109-table__row__col3__p">Non</p>
                    </td>
                    <td class="C109-table__col4__mobile">
                        <div class="C109-table__row__col4__content__p">
                            <div class="C109-table__row__col4__p">
                                <p>12 000 €</p>
                                <p style="color: #a4a4a4;">Max</p>
                            </div>
                        </div>
                    </td>
                    <td class="C109-table__col5"><a href="#"><div class="C109-arrowNext"><span class="icon npc-arrow-next"></span></div></a></td>
                </tr>
                <tr>
                    <td class="C109-table__col1">
                        <p class="C109-libelle">Compte sur livret "PROJET AGRI"</p>
                        <p>Livret d'épargne populaire (LEP). Une épargne intéressante pour les épargnants peu imposable.</p>
                    </td>
                    <td class="C109-table__col2 C109-table__col2__mobile">
                        <p class="C109-table__row__col2__p">0,15%</p>
                    </td>
                    <td>
                        <p class="C109-table__row__col3__p">Oui</p>
                    </td>
                    <td class="C109-table__col4__mobile">
                        <div class="C109-table__row__col4__content__p">
                            <div class="C109-table__row__col4__p">
                                <p style="color: #a4a4a4;">Pas de plafond</p>
                            </div>
                        </div>
                    </td>
                    <td class="C109-table__col5"><a href="#"><div class="C109-arrowNext"><span class="icon npc-arrow-next"></span></div></a></td>
                </tr>
                <tr>
                    <td class="C109-table__col1">
                        <p class="C109-libelle">Livret d'épargne populaire (LEP)</p>
                        <p>Une épargne intéressante pour les épargnants peu imposable.</p>
                    </td>
                    <td class="C109-table__col2 C109-table__col2__mobile">
                        <p class="C109-table__row__col2__p">1,25%</p>
                    </td>
                    <td>
                        <p class="C109-table__row__col3__p">Non</p>
                    </td>
                    <td class="C109-table__col4__mobile">
                        <div class="C109-table__row__col4__content__p">
                            <div class="C109-table__row__col4__p">
                                <p>12 000 €</p>
                                <p style="color: #a4a4a4;">Max</p>
                            </div>
                        </div>
                    </td>
                    <td class="C109-table__col5"><a href="#"><div class="C109-arrowNext"><span class="icon npc-arrow-next"></span></div></a></td>
                </tr>
                <tr>
                    <td class="C109-table__col1">
                        <p class="C109-libelle">Livret jeune mozaïc</p>
                        <p>Le livret 12-25 ans</p>
                    </td>
                    <td class="C109-table__col2 C109-table__col2__mobile">
                        <p class="C109-table__row__col2__p">1,60%</p>
                    </td>
                    <td>
                        <p class="C109-table__row__col3__p">Non</p>
                    </td>
                    <td class="C109-table__col4__mobile">
                        <div class="C109-table__row__col4__content__p">
                            <div class="C109-table__row__col4__p">
                                <p>1 600 €</p>
                                <p style="color: #a4a4a4;">Max</p>
                            </div>
                        </div>
                    </td>
                    <td class="C109-table__col5"><a href="#"><div class="C109-arrowNext"><span class="icon npc-arrow-next"></span></div></a></td>
                </tr>
                <tr>
                    <td class="C109-table__col1">
                        <p class="C109-libelle">Livret tiwi</p>
                        <p>Avec Tiwi, les économies de vos enfants grandissent plus vite!</p>
                    </td>
                    <td class="C109-table__col2 C109-table__col2__mobile">
                        <p class="C109-table__row__col2__p">0,60%</p>
                    </td>
                    <td>
                        <p class="C109-table__row__col3__p">Non</p>
                    </td>
                    <td class="C109-table__col4__mobile">
                        <div class="C109-table__row__col4__content__p">
                            <div class="C109-table__row__col4__p">
                                <p>1 600 €</p>
                                <p style="color: #a4a4a4;">Max</p>
                            </div>
                        </div>
                    </td>
                    <td class="C109-table__col5"><a href="#"><div class="C109-arrowNext"><span class="icon npc-arrow-next"></span></div></a></td>
                </tr>
                <tr>
                    <td class="C109-table__col1">
                        <p class="C109-libelle">Livret sociétaires</p>
                        <p>Une épargne attractive et disponible pour les sociétaires.</p>
                    </td>
                    <td colspan="3"><p class="C109-table__row__empty">Spécificités propre à votre CR</p></td>
                    <td class="C109-table__col5"><a href="#"><div class="C109-arrowNext"><span class="icon npc-arrow-next"></span></div></a></td>
                </tr>
            </table>
        </div>
```
*/
.C109 {
  width: 100%;
  height: 100%; }
  .C109 table {
    width: 100%;
    background-color: #f5f5f5;
    border-collapse: collapse;
    font-family: "Open Sans", sans-serif;
    line-height: 1.4;
    font-size: 1em; }
    @media screen and (min-width: 1px) and (max-width: 600px) {
      .C109 table {
        font-size: 0.6em; } }
  .C109 th {
    width: auto;
    height: 50px;
    background-color: #007D8F;
    color: #ffffff;
    text-align: center; }
    @media screen and (min-width: 1px) and (max-width: 600px) {
      .C109 th {
        font-size: 0.9em; } }
    .C109 th a {
      position: relative; }
  .C109 td {
    width: 20%;
    text-align: center;
    border-bottom: 2px solid #ffffff;
    padding-top: 20px;
    padding-bottom: 20px; }
  .C109 a {
    text-decoration: none;
    color: #ffffff; }
  .C109 p {
    margin-bottom: 0px; }
  .C109 .C109-triangle__top {
    position: absolute;
    top: 0;
    margin-left: 5px; }
  .C109 .C109-triangle__bottom {
    top: 8px;
    margin-left: 5px; }
    @media screen and (min-width: 1px) and (max-width: 600px) {
      .C109 .C109-triangle__bottom {
        top: 5px; } }
  .C109 .C109-libelle {
    font-weight: bold;
    color: #007D8F;
    text-transform: uppercase;
    margin-bottom: 10px; }
  .C109 .C109-table__col1 {
    width: 41%;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left; }
    @media screen and (min-width: 1px) and (max-width: 600px) {
      .C109 .C109-table__col1 {
        width: 28%; } }
  .C109 .C109-table__col2 {
    width: 15%; }
  @media screen and (min-width: 1px) and (max-width: 600px) {
    .C109 .C109-table__col2__mobile {
      width: 20%; } }
  @media screen and (min-width: 1px) and (max-width: 600px) {
    .C109 .C109-table__col4__mobile {
      width: 20%; } }
  .C109 .C109-table__col5 {
    width: 5%;
    padding-top: -2px; }
    .C109 .C109-table__col5 img {
      width: 28px; }
    @media screen and (min-width: 1px) and (max-width: 600px) {
      .C109 .C109-table__col5 {
        width: 10%;
        padding: 0 1%; } }
  .C109 .C109-table__row__col2__p {
    padding-top: 18px;
    padding-bottom: 18px;
    margin-right: 2px;
    background-color: white;
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    border: 0px solid #000; }
    @media screen and (min-width: 1px) and (max-width: 600px) {
      .C109 .C109-table__row__col2__p {
        height: 55px; } }
  .C109 .C109-table__row__col3__p {
    padding-top: 18px;
    padding-bottom: 18px;
    margin-right: 2px;
    background-color: #ffffff; }
    @media screen and (min-width: 1px) and (max-width: 600px) {
      .C109 .C109-table__row__col3__p {
        height: 55px; } }
  .C109 .C109-table__row__col4__content__p {
    position: relative;
    text-align: center;
    width: 100%;
    height: 55px;
    background-color: white;
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border: 0px solid #000; }
    .C109 .C109-table__row__col4__content__p .C109-table__row__col4__p {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      text-align: center; }
  .C109 .C109-table__row__empty {
    font-weight: bold;
    color: #007D8F;
    margin-bottom: 0px; }

.C109-arrowNext {
  width: 80%;
  margin: 0 10%;
  height: 55px;
  background-color: #99cc00;
  -moz-border-radius: 0.25em;
       border-radius: 0.25em;
  position: relative; }
  .C109-arrowNext span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 1.3em; }

/*doc
---
title: C110
name: c110
category: c110
---

**OLD NAME: talkToAdvisor**


**OLD DOM:**

```html_example
@@include("../../kit/components/_c110_talkToAdvisor.kit")
```
*/
/*doc
---
title: C110 - Default
name: c110-01
parent: c110
category: c110
---

```html_example
@@include("../../kit/components/_c110_callGreenBtnBloc.kit")
```
*/
/*doc
---
title: C110 - link
name: c110-02
parent: c110
category: c110
---

Si tout le bloc est cliquable, il faut soit le définir en tant que lien (balise `a`) soit ajouter l'attribut `tabindex`.


```html_example
@@include("../../kit/components/_c110_callGreenBtnBloc--link.kit")
```
*/
/*doc
---
title: C110 - withBtn
name: c110-10
parent: c110
category: c110
---

```html_example
@@include("../../kit/components/_c110_callGreenBtnBloc--withBtn.kit")
```
*/
/*doc
---
title: C110 - withBtn and link
name: c110-11
parent: c110
category: c110
---

```html_example
@@include("../../kit/components/_c110_callGreenBtnBloc--withBtn--link.kit")
```
*/
/*doc
---
title: C110 - col
name: c110-20
parent: c110
category: c110
---
All cols

*/
/*doc
---
title: C110 - col - default
name: c110-20-01
parent: c110-20
category: c110
---

```html_example
@@include("../../kit/components/_c110_callGreenBtnBloc--col.kit")
```
*/
/*doc
---
title: C110 - col - with btn
name: c110-20-02
parent: c110-20
category: c110
---

```html_example
@@include("../../kit/components/_c110_callGreenBtnBloc--col--withBtn.kit")
```
*/
/*doc
---
title: C110 - col - with btn and link
name: c110-20-03
parent: c110-20
category: c110
---

```html_example
@@include("../../kit/components/_c110_callGreenBtnBloc--col--withBtn--link.kit")
```
*/
.callGreenBtnBloc {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  width: 100%;
  padding: 45px 80px;
  color: #ffffff;
  background-color: #009787; }
  @media (max-width: 989px) {
    .callGreenBtnBloc {
      min-height: 200px;
      padding: 20px 7vw; } }

.callGreenBtnBloc-chatIcon {
  position: relative;
  margin-left: 20px; }
  .callGreenBtnBloc-chatIcon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -.5em;
    line-height: 1;
    font-size: 3em; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .callGreenBtnBloc-chatIcon:after {
      font-size: 3rem; } }
  @media (max-width: 649px) {
    .callGreenBtnBloc-chatIcon {
      font-size: 9px; } }

.callGreenBtnBloc-chatSvg {
  display: block; }
  @media (max-width: 649px) {
    .callGreenBtnBloc-chatSvg {
      width: 65px;
      height: 65px; } }

.callGreenBtnBloc-text {
  font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 100; }
  .callGreenBtnBloc-text strong {
    font-weight: 400; }
  @media (max-width: 989px) {
    .callGreenBtnBloc-text {
      font-size: 18px; } }
  @media (max-width: 649px) {
    .callGreenBtnBloc-text {
      font-size: 16px; } }

.callGreenBtnBloc-link {
  margin-top: 10px;
  text-decoration: underline;
  color: #ffffff; }
  @media (max-width: 649px) {
    .callGreenBtnBloc-link {
      padding: 10px; } }

.callGreenBtnBloc-link:hover {
  color: #f5f5f5; }

a.callGreenBtnBloc,
.callGreenBtnBloc[tabindex] {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer; }
  a.callGreenBtnBloc:hover, a.callGreenBtnBloc:focus,
  .callGreenBtnBloc[tabindex]:hover,
  .callGreenBtnBloc[tabindex]:focus {
    background: #01897b; }

.callGreenBtnBloc--withBtn .callGreenBtnBloc-link {
  text-decoration: none; }

.callGreenBtnBloc--col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center; }
  .callGreenBtnBloc--col .callGreenBtnBloc-chatIcon {
    margin-left: 0;
    margin-bottom: 30px; }
  .callGreenBtnBloc--col .callGreenBtnBloc-main {
    width: 100%; }
  .callGreenBtnBloc--col .callGreenBtnBloc-link {
    margin-top: 30px; }

.callGreenBtnBloc--row {
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .callGreenBtnBloc--row .callGreenBtnBloc-main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    width: 100%; }
  .callGreenBtnBloc--row .callGreenBtnBloc-link {
    -ms-flex-item-align: start;
        align-self: flex-start; }

/*doc
---
title: C112
name: c112
category: c112
---

```html_example
<div class="C112 text-left">
    <h2 class="Title Title--h2 C112-title">Epargner</h2>
    <p class="C112-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti dolorum amet aliquid facere rem excepturi, quos cupiditate commodi, inventore quam ut a ea sint laudantium repellat iste. Omnis, illo, doloribus.</p>
</div>
&nbsp;<!--Ne pas inclure le &nbsp;-->
<div class="C112 C112--primary text-center">
    <h2 class="Title Title--h2 C112-title">nos innovations sont <b>au coeur de votre activité</b></h2>
    <p class="C112-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id recusandae obcaecati iusto suscipit dolorum animi, repellat accusamus eum et repellendus blanditiis laboriosam facilis quibusdam, excepturi debitis. Earum deleniti corporis neque?</p>
</div>
&nbsp;<!--Ne pas inclure le &nbsp;-->
@@include("../../kit/components/_c112_whiteBg.kit")
&nbsp;<!--Ne pas inclure le &nbsp;-->
@@include("../../kit/components/_c112_primary.kit")
```
*/
.C112 {
  width: 100%;
  font-family: "Open Sans", sans-serif;
  clear: both; }

.C112--whiteBg {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  font-weight: 300;
  font-family: "Open Sans", sans-serif; }

.C112--primary {
  background-color: #f5f5f5;
  font-weight: 300; }
  .C112--primary .C112-title {
    color: #007D8F;
    font-weight: 600; }

.C112-title {
  padding: 20px 20px 0px 20px;
  margin: 0px; }

.C112-title--whiteBg {
  color: #007D8F;
  font-weight: 600;
  margin: 5% 5% 2% 0; }

.C112-text {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.4;
  padding: 0 20px 20px 20px;
  margin: 0px; }

.C112-text--whiteBg {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.4;
  margin: 0 5% 5% 0; }

/*doc
---
title: C113 push faq
name: c113
category: c113
---

```html_example

@@include("../../kit/components/_c113_faq.kit")

```
*/
/* Main div of the component */
.pushFaq {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  color: #454545; }

/* Div for the title */
.pushFaq-MainTitle {
  width: 70%;
  font-weight: 100;
  text-align: center;
  margin: 30px auto;
  color: #454545; }
  @media screen and (max-width: 736px) {
    .pushFaq-MainTitle {
      width: 90%;
      font-size: 20px; } }

/* Div that encompasses several questions and picto */
.pushFaq-globalQuestionsDiv {
  position: relative;
  margin-bottom: 1px;
  overflow: hidden;
  /* Remove the text decoration of the links */ }
  .pushFaq-globalQuestionsDiv a {
    text-decoration: none; }
  .pushFaq-globalQuestionsDiv:first-child {
    -moz-border-radius-topleft: 4px;
         border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
         border-top-right-radius: 4px; }
  .pushFaq-globalQuestionsDiv:last-child {
    -moz-border-radius-bottomleft: 4px;
         border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
         border-bottom-right-radius: 4px; }

/* Div that encompasses text (questions) and IMG (picto) */
.pushFaq-link {
  display: table;
  width: 100%;
  table-layout: fixed; }
  .pushFaq-link:hover .pushFaq-linkText, .pushFaq-link:focus .pushFaq-linkText {
    background-color: #99cc00;
    color: #fff; }

.pushFaq-linkText,
.pushFaq-linkImg {
  display: table-cell;
  vertical-align: middle; }

/* Parameters for the text (questions) */
.pushFaq-linkText {
  padding: 15px 25px;
  font-size: 13px;
  color: #454545; }

/* Parameters for the img (picto) */
.pushFaq-linkImg {
  display: table-cell;
  width: 45px;
  text-align: center;
  font-size: 1.3em;
  color: #ffffff;
  background-color: #99cc00; }

/* Define the alignment of the button below the questions (Voir toutes les questions) */
.pushFaq-btnWrapper {
  text-align: center; }

/* Define parameters for the button and the link inside it */
.pushFaq-btn {
  font-size: 1em;
  margin-top: 30px;
  margin-bottom: 30px; }
  .pushFaq-btn:hover {
    color: #ffffff; }

/*doc
---
title: C116 On footer
name: c116
category: c116
---

```html_example
@@include("../../kit/components/_c116_onFooter.kit")

```
*/
.OnFooter {
  background-color: #ffffff;
  padding-top: 25px;
  padding-bottom: 25px; }
  @media (max-width: 649px) {
    .OnFooter {
      padding-top: 5%;
      padding-bottom: 5%; } }

@media (min-width: 990px) {
  .OnFooter-main {
    display: table;
    table-layout: fixed;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    /*.flexbox & {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      width: 100%;
      max-width: ($container-lg - $grid-gutter-width);
    }*/ } }

.OnFooter--grayBg {
  background-color: #f5f5f5; }

.OnFooter-column {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px; }
  @media (min-width: 650px) {
    .OnFooter-column {
      display: inline-block;
      vertical-align: top;
      width: 48%;
      padding-left: 100px;
      text-align: left;
      border-right: none; } }
  @media (min-width: 990px) {
    .OnFooter-column {
      display: table-cell;
      padding: 0;
      width: auto;
      text-align: left;
      border-right: 1px solid #454545; } }
  .OnFooter-column:last-child {
    border-right: none; }

.OnFooter-title {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase; }
  @media (min-width: 990px) {
    .OnFooter-title {
      padding: 0 60px; } }

.OnFooter-link {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
  color: #454545; }
  @media (min-width: 990px) {
    .OnFooter-link {
      display: inline-block;
      padding: 2px 60px; } }

/*doc
---
title: C128 Block Link
name: c128
category: c128
---

```html_example
@@include("../../kit/components/_c128_blockLink.kit")

```
*/
/* STYLES FOR THIS COMPONENT IS IN THS FILE : /source/sass/commun/_block_link.scss  */
/* STYLES FOR BLOCK HEAD  */
.BlockLinkContainer-head {
  padding: 0 0 20px; }

.BlockLinkContainer-title {
  margin: 0 0 20px;
  font-size: 40px;
  line-height: 1.1; }

.BlockLinkContainer-text {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 300;
  font-style: italic; }

/*doc
---
title: C132 Push Accompaniment
name: c132
category: c132
---

```html_example
@@include("../../kit/components/_c132_pushAccomp.kit")
```
*/
.PushAccomp {
  position: relative;
  width: 100%;
  overflow: hidden;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  -moz-background-size: cover;
       background-size: cover;
  background-repeat: no-repeat; }
  @media (max-width: 989px) {
    .PushAccomp {
      width: 100%; } }
  .PushAccomp::after {
    content: '';
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2); }

.PushAccomp-content {
  position: relative;
  z-index: 1;
  padding: 30px; }

.PushAccomp-title {
  line-height: 1.2;
  color: #ffffff;
  margin-top: 0px;
  padding: 0;
  font-weight: 100; }

.PushAccomp-contentTitle {
  height: auto;
  font-size: 21px;
  color: #ffffff;
  line-height: 1.647;
  text-align: left;
  margin-top: 30px;
  margin-bottom: 20px; }

.PushAccomp-colMerge {
  margin-top: 5px;
  margin-bottom: 5px; }
  @media (max-width: 989px) {
    .PushAccomp-colMerge {
      margin: 10px 0; } }

.PushAccomp-btn {
  height: 70px;
  -moz-border-radius: 4px;
       border-radius: 4px;
  background-color: #ffffff; }

.PushAccomp-btnLink {
  display: table;
  width: 100%;
  height: 70px;
  padding-left: 20px;
  font-size: 1.1em;
  text-decoration: none;
  color: #000; }
  .PushAccomp-btnLink:hover {
    text-decoration: none;
    color: #000; }
  .PushAccomp-btnLink:active {
    text-decoration: none; }
  .PushAccomp-btnLink:visited {
    text-decoration: none; }

.PushAccomp-contentSubtitle {
  width: 90%;
  display: table-cell;
  height: 70px;
  vertical-align: middle;
  text-align: left;
  line-height: 1.5;
  padding-right: 10px; }

.PushAccomp-contentArrow {
  width: 10%;
  height: 70px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  font-size: 22px;
  color: #007D8F; }

.PushAccomp-tips {
  margin: 0 auto;
  width: 100%; }
  @media (max-width: 989px) {
    .PushAccomp-tips {
      text-align: center; } }
  @media (min-width: 990px) {
    .PushAccomp-tips {
      display: table;
      table-layout: fixed;
      width: 60%; } }

.PushAccomp-tipsPicto,
.PushAccomp-tipsText {
  color: #ffffff; }
  @media (min-width: 990px) {
    .PushAccomp-tipsPicto,
    .PushAccomp-tipsText {
      display: table-cell;
      vertical-align: middle; } }

.PushAccomp-tipsPictoContainer {
  width: 100px;
  display: table-cell;
  vertical-align: middle; }

.PushAccomp-tipsPicto {
  width: 100px;
  height: 100px;
  margin: auto;
  text-align: center;
  background-color: #99cc00;
  -moz-border-radius: 50%;
       border-radius: 50%;
  vertical-align: middle; }
  @media (max-width: 989px) {
    .PushAccomp-tipsPicto {
      position: relative;
      margin-bottom: 20px; } }

.PushAccomp-tipsPictoImg {
  max-width: 40px;
  height: auto; }
  @media (max-width: 989px) {
    .PushAccomp-tipsPictoImg {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); } }

.PushAccomp-tipsText {
  padding-left: 15px;
  font: 20px/1.5 "Open Sans", sans-serif;
  color: #ffffff; }

.PushAccomp-textLink {
  display: inline-block;
  color: #ffffff; }
  .PushAccomp-textLink:hover {
    text-decoration: none; }
  .PushAccomp-textLink:active {
    text-decoration: none; }
  .PushAccomp-textLink:visited {
    text-decoration: none; }

/*doc
---
title: C133 CourseProjectFixed
name: c133
category: c133
---

```html_example
@@include("../../kit/components/_c133_CourseProjectFixed.kit")
```
*/
.CourseProjectFixed {
  display: none;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 9999;
  min-height: 47px;
  background: #ffffff;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  -moz-transition: opacity 300ms ease, visibility 300ms ease;
  transition: opacity 300ms ease, visibility 300ms ease; }
  .CourseProjectFixed:before, .CourseProjectFixed:after {
    content: '';
    display: table;
    clear: both; }
  .CourseProjectFixed.js-sliderNav--reverse .CourseProjectFixed-toggle {
    left: 0;
    right: auto; }

.CourseProjectFixed--init {
  display: block; }

.CourseProjectFixed--show,
.CourseProjectFixed--forcedShow {
  opacity: 1;
  visibility: visible; }

.CourseProjectFixed-title {
  float: left;
  padding: 20px 0 0 5%;
  font-weight: 700;
  text-transform: uppercase; }

.CourseProjectFixed-buttons {
  float: right;
  padding: 10px; }
  .CourseProjectFixed-buttons .btn {
    margin: 0 3px; }

.CourseProjectFixed-dropdownToggle {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 50px;
  height: 47px; }
  .CourseProjectFixed-dropdownToggle:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    margin: -.5em 0;
    line-height: 1; }

.CourseProjectFixed-navWrapper {
  position: relative; }

.CourseProjectFixed-item.active {
  color: #007D8F; }

.CourseProjectFixed-link {
  color: inherit;
  text-decoration: none; }
  .CourseProjectFixed-link:hover, .CourseProjectFixed-link:focus {
    color: #007D8F;
    background: transparent !important; }

@media (max-width: 989px) {
  .CourseProjectFixed {
    min-height: 0;
    background: none;
    -moz-transition: none;
    transition: none;
    visibility: visible;
    opacity: 1; }
  .CourseProjectFixed-dropdownToggle,
  .CourseProjectFixed-nav {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-50px);
       -moz-transform: translateY(-50px);
            transform: translateY(-50px);
    -moz-transition: all 300ms ease;
    transition: all 300ms ease; }
  .CourseProjectFixed-nav {
    min-height: 47px; }
  .CourseProjectFixed--show .CourseProjectFixed-dropdownToggle,
  .CourseProjectFixed--show .CourseProjectFixed-nav {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
            transform: translateY(0); }
  .CourseProjectFixed-nav {
    background: #ffffff; }
  .CourseProjectFixed-item {
    display: none !important; }
    .CourseProjectFixed-item.active {
      display: block !important; }
  .CourseProjectFixed-link {
    padding: 15px 25px !important; }
  .CourseProjectFixed--open .CourseProjectFixed-dropdownToggle:before {
    content: ""; }
  .CourseProjectFixed--open .CourseProjectFixed-link {
    padding-top: 7px !important;
    padding-bottom: 7px !important; }
  .CourseProjectFixed--open .CourseProjectFixed-item {
    display: block !important; }
    .CourseProjectFixed--open .CourseProjectFixed-item:first-child .CourseProjectFixed-link {
      padding-top: 15px !important; }
    .CourseProjectFixed--open .CourseProjectFixed-item:last-child .CourseProjectFixed-link {
      padding-bottom: 15px !important; }
  .T007__column1 {
    position: fixed;
    z-index: 50;
    top: 120px;
    left: 0;
    width: 100%;
    min-height: 0;
    background: none;
    -moz-transition: none;
    transition: none;
    visibility: visible;
    opacity: 1; }
  .T007__panel-dropdownToggle,
  .T007__panel-nav {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-50px);
       -moz-transform: translateY(-50px);
            transform: translateY(-50px);
    -moz-transition: all 300ms ease;
    transition: all 300ms ease; }
  .T007__panel-dropdownToggle {
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 10%;
    height: 47px; }
    .T007__panel-dropdownToggle:before {
      content: "";
      position: absolute;
      top: 50%;
      right: 50%;
      margin: -.5em 0;
      line-height: 1; }
  .T007__panel-nav {
    min-height: 47px; }
  .CourseProjectFixed--show .T007__panel-dropdownToggle,
  .CourseProjectFixed--show .T007__panel-nav {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
            transform: translateY(0); }
  .T007__panel-nav {
    background: #ffffff; }
  .T007__panel-item {
    display: none !important; }
    .T007__panel-item.active {
      display: block !important; }
  .T007__panel-link {
    padding: 15px 5% !important; }
  .CourseProjectFixed--open .T007__panel-dropdownToggle:before {
    content: ""; }
  .CourseProjectFixed--open .T007__panel-link {
    padding-top: 7px !important;
    padding-bottom: 7px !important; }
  .CourseProjectFixed--open .T007__panel-item {
    display: block !important; }
    .CourseProjectFixed--open .T007__panel-item:first-child .T007__panel-link {
      padding-top: 15px !important; }
    .CourseProjectFixed--open .T007__panel-item:last-child .T007__panel-link {
      padding-bottom: 15px !important; } }

@media (min-width: 990px) {
  .CourseProjectFixed {
    text-align: center; }
    .Header:not(.Header--hidden) ~ div .CourseProjectFixed {
      top: 120px; }
  .CourseProjectFixed-dropdownToggle {
    display: none; }
  .CourseProjectFixed-nav {
    white-space: nowrap;
    display: inline-block;
    font-size: 0; }
  .CourseProjectFixed-item {
    display: inline-block !important;
    vertical-align: bottom;
    font-size: 12px; }
    .CourseProjectFixed-item:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 25px;
      right: 25px;
      height: 5px;
      color: #454545;
      background: #99cc00;
      opacity: 0;
      -moz-transition: opacity 300ms ease;
      transition: opacity 300ms ease; }
    .CourseProjectFixed-item.active:before {
      opacity: 1; }
  .CourseProjectFixed-link {
    padding: 20px 25px !important; }
  .CourseProjectFixed-item--left {
    float: left; }
  .CourseProjectFixed-item--right {
    float: right; } }

/*doc
---
title: C134 AccordionSteps
name: c134
category: c134
---

```html_example
@@include("../../kit/components/_c134_AccordionSteps.kit")
```
*/
.T006 .T006__result .AccordionSteps-header, .T007__answers .AccordionSteps-header, .T007__notfound .Faq-frequently .AccordionSteps-header {
  display: table;
  table-layout: fixed;
  height: 60px; }

.T006 .T006__result .AccordionSteps-headerTitle, .T007__answers .AccordionSteps-headerTitle, .T007__notfound .Faq-frequently .AccordionSteps-headerTitle, .T006 .T006__result .AccordionSteps-headerToggle, .T007__answers .AccordionSteps-headerToggle, .T007__notfound .Faq-frequently .AccordionSteps-headerToggle {
  display: table-cell;
  vertical-align: middle; }

.AccordionSteps {
  margin: 0 5%; }

.AccordionSteps-content {
  overflow: hidden;
  background: #f5f5f5;
  -moz-border-radius: 4px !important;
       border-radius: 4px !important; }

.AccordionSteps-header {
  display: table;
  table-layout: fixed;
  height: 60px;
  width: 100%;
  padding: 0 !important;
  color: #454545 !important; }

.AccordionSteps-header--cursorEvent {
  cursor: pointer; }

.AccordionSteps-headerIcon,
.AccordionSteps-headerTitle,
.AccordionSteps-headerToggle {
  display: table-cell;
  vertical-align: middle; }

.AccordionSteps-headerIcon {
  width: 60px;
  padding: 5px;
  color: #ffffff;
  background: #99cc00;
  text-align: center; }

.AccordionSteps-headerIconImg {
  max-width: 100%;
  max-height: 60px;
  display: block;
  margin: 0 auto; }

.AccordionSteps-headerTitle {
  padding: 0 25px; }

.AccordionSteps-headerToggle {
  width: 50px;
  padding: 0 5px;
  text-decoration: none; }

.AccordionSteps-main {
  counter-reset: AccordionSteps; }
  .AccordionSteps-main:before, .AccordionSteps-main:after {
    content: '';
    display: table; }

.AccordionSteps-item {
  overflow: hidden;
  padding: 0 25px; }
  .AccordionSteps-item:first-child {
    margin-top: 30px; }
  .AccordionSteps-item:last-child {
    margin-bottom: 30px; }
    .AccordionSteps-item:last-child .AccordionSteps-itemContent:before {
      display: none; }

.AccordionSteps-itemTitle,
.AccordionSteps-itemContent {
  position: relative;
  padding: 0 25px 0 55px; }

.AccordionSteps-itemTitle {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 17px; }
  .AccordionSteps-itemTitle:before {
    counter-increment: AccordionSteps;
    content: counter(AccordionSteps);
    position: absolute;
    top: 50%;
    left: 23px;
    height: 36px;
    min-width: 36px;
    margin: -18px;
    padding: 0 7px;
    line-height: 36px;
    text-align: center;
    background: #99cc00;
    color: #ffffff;
    -moz-border-radius: 50px;
         border-radius: 50px; }

.AccordionSteps-itemContent {
  padding-bottom: 14px; }
  .AccordionSteps-itemContent:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 23px;
    bottom: 7px;
    margin: 0 -2px;
    width: 4px;
    background: url("../images/c134/dots.png") 50% 0 repeat; }
  .AccordionSteps-itemContent p:last-child {
    margin-bottom: 0; }

/*doc
---
title: C135 Checklist
name: c135
category: c135
---

Script Javascript à intégrer : CheckList.js

```html_example
@@include("../../kit/components/_c135_checkList.kit")
```
*/
.CheckList-title {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center; }

.Checklist-title--left {
  text-align: left; }

.CheckList-viewport {
  min-height: 165px;
  overflow: hidden; }

.CheckList-step {
  display: table;
  padding: 10px 0;
  min-height: 55px;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  table-layout: fixed; }
  .CheckList-step:nth-child(n+4) {
    display: none; }

.CheckList-step--disabled {
  opacity: 0;
  visibility: hidden; }

.CheckList-step--active .CheckList-blocText--active {
  display: table-cell; }

.CheckList-step--active .CheckList-blocText--unActive {
  display: none; }

.CheckList-step--active .CheckList-stepToggle:before {
  background: #99cc00 !important;
  color: #ffffff !important; }

.CheckList-stepToggle {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 25px; }
  .CheckList-stepToggle, .CheckList-stepToggle:hover, .CheckList-stepToggle:focus {
    text-decoration: none; }
  .CheckList-stepToggle:before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    -moz-border-radius: 50%;
         border-radius: 50%; }

/* Remove padding top and bottom */
.CheckList-stepToggle--noPadding {
  padding: 0; }

/* Remove padding top and bottom. Change the properties of the icon */
.CheckList-stepToggle--FO {
  padding: 0; }
  .CheckList-stepToggle--FO:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    -moz-border-radius: 50%;
         border-radius: 50%;
    font-weight: 600; }

.CheckList-blocText {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  padding-right: 50px; }

.CheckList-blocText--active {
  display: none; }

.CheckList-text {
  width: 100%;
  height: auto;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  margin: 0; }

.Checklist-text--semiBold {
  font-weight: 600; }

.CheckList-link {
  width: 100%;
  height: auto;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #007D8F; }
  .CheckList-link:hover {
    text-decoration: none;
    color: #006675; }
  .CheckList-link:active {
    text-decoration: none; }
  .CheckList-link:visited {
    text-decoration: none; }

.CheckList-footer {
  text-align: center;
  display: none; }

.CheckList-footerLink {
  display: block;
  width: 35px;
  margin: 0 auto;
  color: #99cc00;
  text-align: center;
  text-decoration: none; }
  .CheckList-footerLink:before {
    font-size: 14px;
    height: 16px;
    line-height: 16px; }
  .CheckList-footerLink:hover, .CheckList-footerLink:focus {
    color: #99cc00;
    text-decoration: none; }

.CheckList-footerLink--down:before {
  content: ""; }

.CheckList-footerLink--up:before {
  content: ""; }

.CheckList-footerLink--disabled {
  visibility: hidden; }

.CheckList--init .CheckList-footer {
  display: block; }

.CheckList--init .CheckList-step:nth-child(n+4) {
  display: table; }

/*doc
---
title: Composant C136
name: c136
category: c136
---

Use C135 by default or C001 or C015 or C053 or C104 or C105 or C107

And C107 by default or or C001 or C015 or C053 or C104 or C105 or C135

**Templates exemple:**
<ul>
<li><a href="../../build/examples/t009_financeMyWork.html#ancre1">Finance My Work #ancre1</a></li>
</ul>


```html_example
@@include("../../kit/components/_c136_ProjectBand.kit")
```
*/
.ProjectBand {
  text-align: center;
  padding: 6%; }

.ProjectBand-img {
  display: block;
  margin: 0 auto; }

.ProjectBand-items {
  margin: 0; }

.ProjectBand-item {
  padding: 5px;
  text-align: left;
  height: 100%; }
  .ProjectBand-item > .col-xs-12 {
    width: 100%;
    padding: 0;
    float: none; }
    .ProjectBand-item > .col-xs-12 > div {
      margin-bottom: 0; }
  .ProjectBand-item > div {
    min-height: 360px;
    overflow: hidden; }
  .ProjectBand-item .PushLeftZone {
    height: 100%; }
  .ProjectBand-item .PushLeftZone-content {
    position: relative;
    bottom: inherit; }
  .ProjectBand-item .PushNinePos {
    height: 360px; }
  .ProjectBand-item .PushNinePos-paragraph {
    padding: 0 10%; }
  .ProjectBand-item .PushNinePos-paragraph--middle {
    height: 210px;
    overflow: hidden; }
  .ProjectBand-item .PushActu-text {
    height: 34px;
    overflow: hidden;
    text-overflow: ellipsis; }

@media (min-width: 650px) {
  .ProjectBand-items {
    margin: 0 -5px; }
  .ProjectBand-itemWrap {
    float: left;
    width: 50%; }
    .ProjectBand-itemWrap[style*="height"] > .ProjectBand-item:first-child:last-child,
    .ProjectBand-itemWrap[style*="height"] > .ProjectBand-item:first-child:last-child > div,
    .ProjectBand-itemWrap[style*="height"] > .ProjectBand-item:first-child:last-child > .col-xs-12 > div {
      height: 100%; } }

/*doc
---
title: C139 subscribe button
name: C139
category: C139
---

Template exemple:

- [Tableau de produits R1](../../build/examples/offerSheetR1.html)
- [T004 - Tableau de produits](../../build/examples/t004_productSheet.html)
- [T068 - Simulateur 1](../../build/examples/t068_simulator1.html)
- [T068 - Simulateur 2](../../build/examples/t068_simulator2.html)

*/
/*doc
---
title: C139 - Default
parent: C139
name: C139-01
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtn.kit")
```
*/
/*doc
---
title: C139 - Secondary
parent: C139
name: C139-02
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtnSecondary.kit")
```
*/
/*doc
---
title: C139 - Default primary panel
parent: C139
name: C139-03
category: C139
---

```html_example
@@include("../../kit/components/_c139_174_subscribeBtn--include.kit", {
   "PanelName": "SubscribeBtn",
   "PanelModifier": "SubscribeBtn-block--primary",
   "ButtonType": "SubscribeBtn-btn",
   "ButtonText": "Souscrire en ligne"
})
```
*/
/*doc
---
title: C139 - Secondary primary panel
parent: C139
name: C139-04
category: C139
---

```html_example
@@include("../../kit/components/_c139_174_subscribeBtn--include.kit", {
   "PanelName": "SubscribeBtn",
   "PanelModifier": "SubscribeBtn-block--primary",
   "ButtonType": "SubscribeBtn-btnSecondary",
   "ButtonText": "Souscrire en ligne"
})
```
*/
/*doc
---
title: C139 - Default white panel
parent: C139
name: C139-05
category: C139
---

```html_example
@@include("../../kit/components/_c139_174_subscribeBtn--include.kit", {
   "PanelName": "SubscribeBtn",
   "PanelModifier": "SubscribeBtn-block--white",
   "ButtonType": "SubscribeBtn-btn",
   "ButtonText": "Souscrire en ligne"
})
```
*/
/*doc
---
title: C139 - Secondary white panel
parent: C139
name: C139-06
category: C139
---

```html_example
@@include("../../kit/components/_c139_174_subscribeBtn--include.kit", {
   "PanelName": "SubscribeBtn",
   "PanelModifier": "SubscribeBtn-block--white",
   "ButtonType": "SubscribeBtn-btnSecondary",
   "ButtonText": "Souscrire en ligne"
})
```
*/
/*doc
---
title: C139 - Default gray panel
parent: C139
name: C139-07
category: C139
---

```html_example
@@include("../../kit/components/_c139_174_subscribeBtn--include.kit", {
   "PanelName": "SubscribeBtn",
   "PanelModifier": "SubscribeBtn-block--gray",
   "ButtonType": "SubscribeBtn-btn",
   "ButtonText": "Souscrire en ligne"
})
```
*/
/*doc
---
title: C139 - Secondary gray panel
parent: C139
name: C139-08
category: C139
---

```html_example
@@include("../../kit/components/_c139_174_subscribeBtn--include.kit", {
   "PanelName": "SubscribeBtn",
   "PanelModifier": "SubscribeBtn-block--gray",
   "ButtonType": "SubscribeBtn-btnSecondary",
   "ButtonText": "Souscrire en ligne"
})
```
*/
/*doc
---
title: C139 - White gray panel
parent: C139
name: C139-09
category: C139
---

```html_example
@@include("../../kit/components/_c139_174_subscribeBtn--include.kit", {
   "PanelName": "SubscribeBtn",
   "PanelModifier": "SubscribeBtn-block--gray",
   "ButtonType": "SubscribeBtn-btnWhite",
   "ButtonText": "Souscrire en ligne"
})
```
*/
/*doc
---
title: C139 - Left
parent: C139
name: C139-10
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtn--left.kit")
```
*/
/*doc
---
title: C139 - Center
parent: C139
name: C139-11
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtn--center.kit")
```
*/
/*doc
---
title: C139 - Right
parent: C139
name: C139-12
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtn--right.kit")
```
*/
/*doc
---
title: C139 - Full
parent: C139
name: C139-13
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtn--full.kit")
```
*/
/*doc
---
title: C139 - Left primary
parent: C139
name: C139-14
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtn--leftBgcPrimary.kit")
```
*/
/*doc
---
title: C139 - Center primary
parent: C139
name: C139-15
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtn--centerBgcPrimary.kit")
```
*/
/*doc
---
title: C139 - Right primary
parent: C139
name: C139-16
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtn--rightBgcPrimary.kit")
```
*/
/*doc
---
title: C139 - Full primary
parent: C139
name: C139-17
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtn--fullBgcPrimary.kit")
```
*/
/*doc
---
title: C139 - Center buttons
parent: C139
name: C139-18
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtn--centerButtons.kit")
```
*/
/*doc
---
title: C139 - Center buttons primary
parent: C139
name: C139-19
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtn--centerButtonsBgcprimary.kit")
```
*/
/*doc
---
title: C139 - Right left buttons
parent: C139
name: C139-20
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtn--rightLeftButtons.kit")
```
*/
/*doc
---
title: C139 - Right left buttons primary
parent: C139
name: C139-21
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtn--rightLeftButtonsBgcprimary.kit")
```
*/
/*doc
---
title: C139 - Full buttons primary half 50%/50%
parent: C139
name: C139-22
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtn--rightLeftButtonsBgcprimaryHalf.kit")
```
*/
/*doc
---
title: C139 - Full buttons primary half AEM 50%/50%
parent: C139
name: C139-23
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtn--rightLeftButtonsBgcprimaryHalfAem.kit")
```
*/
/*doc
---
title: C139 - Full buttons primary half AEM 50%/50% sans marge L/R
parent: C139
name: C139-24
category: C139
---

```html_example
@@include("../../kit/components/_c139_subscribeBtn--fullButtonsBgcprimaryHalfAemFull.kit")
```
*/
.SubscribeBtn-block {
  margin: 0 5% 20px;
  width: 90%;
  padding: 20px; }

.SubscribeBtn-block--full {
  margin: 0;
  width: 100%;
  padding: 20px 0; }

.SubscribeBtn-block--primary {
  background-color: #007D8F !important; }
  .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px; }
  .SubscribeBtn-block--primary .GenericBtn-btnSecondary {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px; }

.SubscribeBtn-block--white {
  background-color: #ffffff !important; }

.SubscribeBtn-block--gray {
  background-color: #f5f5f5 !important; }

.SubscribeBtn-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 -5px; }
  .SubscribeBtn-btns > * {
    margin: 5px;
    max-width: 200px;
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.SubscribeBtn,
.GenericBtn {
  max-width: 100%; }

.SubscribeBtn-btns--half .SubscribeBtn,
.SubscribeBtn-btns--half .GenericBtn,
.GenericBtn-btns--half .SubscribeBtn,
.GenericBtn-btns--half .GenericBtn {
  width: 50%;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  .SubscribeBtn-btns--half .SubscribeBtn-btn, .SubscribeBtn-btns--half .SubscribeBtn-btnSecondary, .SubscribeBtn-btns--half .SubscribeBtn-btnWhite,
  .SubscribeBtn-btns--half .GenericBtn-btn,
  .SubscribeBtn-btns--half .GenericBtn-btnSecondary,
  .SubscribeBtn-btns--half .GenericBtn-btnWhite,
  .GenericBtn-btns--half .SubscribeBtn-btn,
  .GenericBtn-btns--half .SubscribeBtn-btnSecondary,
  .GenericBtn-btns--half .SubscribeBtn-btnWhite,
  .GenericBtn-btns--half .GenericBtn-btn,
  .GenericBtn-btns--half .GenericBtn-btnSecondary,
  .GenericBtn-btns--half .GenericBtn-btnWhite {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .SubscribeBtn-btns--half .SubscribeBtn--left,
  .SubscribeBtn-btns--half .GenericBtn--left,
  .GenericBtn-btns--half .SubscribeBtn--left,
  .GenericBtn-btns--half .GenericBtn--left {
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .SubscribeBtn-btns--half .SubscribeBtn--right,
  .SubscribeBtn-btns--half .GenericBtn--right,
  .GenericBtn-btns--half .SubscribeBtn--right,
  .GenericBtn-btns--half .GenericBtn--right {
    -webkit-box-pack: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

.SubscribeBtn-btns--halfAem .parsys,
.GenericBtn-btns--halfAem .parsys {
  width: 50%;
  max-width: inherit; }

.SubscribeBtn-btns--halfAem .section,
.GenericBtn-btns--halfAem .section {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.SubscribeBtn-btns--halfAem .SubscribeBtn,
.SubscribeBtn-btns--halfAem .GenericBtn,
.GenericBtn-btns--halfAem .SubscribeBtn,
.GenericBtn-btns--halfAem .GenericBtn {
  width: 100%;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  .SubscribeBtn-btns--halfAem .SubscribeBtn-btn, .SubscribeBtn-btns--halfAem .SubscribeBtn-btnSecondary, .SubscribeBtn-btns--halfAem .SubscribeBtn-btnWhite,
  .SubscribeBtn-btns--halfAem .GenericBtn-btn,
  .SubscribeBtn-btns--halfAem .GenericBtn-btnSecondary,
  .SubscribeBtn-btns--halfAem .GenericBtn-btnWhite,
  .GenericBtn-btns--halfAem .SubscribeBtn-btn,
  .GenericBtn-btns--halfAem .SubscribeBtn-btnSecondary,
  .GenericBtn-btns--halfAem .SubscribeBtn-btnWhite,
  .GenericBtn-btns--halfAem .GenericBtn-btn,
  .GenericBtn-btns--halfAem .GenericBtn-btnSecondary,
  .GenericBtn-btns--halfAem .GenericBtn-btnWhite {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .SubscribeBtn-btns--halfAem .SubscribeBtn--left,
  .SubscribeBtn-btns--halfAem .GenericBtn--left,
  .GenericBtn-btns--halfAem .SubscribeBtn--left,
  .GenericBtn-btns--halfAem .GenericBtn--left {
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .SubscribeBtn-btns--halfAem .SubscribeBtn--right,
  .SubscribeBtn-btns--halfAem .GenericBtn--right,
  .GenericBtn-btns--halfAem .SubscribeBtn--right,
  .GenericBtn-btns--halfAem .GenericBtn--right {
    -webkit-box-pack: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

.SubscribeBtn-btn, .SubscribeBtn-btnSecondary, .SubscribeBtn-btnWhite {
  max-width: 100%;
  padding-left: 40px;
  padding-right: 40px; }
  .SubscribeBtn-btn span, .SubscribeBtn-btnSecondary span, .SubscribeBtn-btnWhite span {
    max-width: 100%;
    white-space: normal; }

.SubscribeBtn-btnSecondary {
  background-color: transparent; }

.SubscribeBtn--full .SubscribeBtn-btn,
.SubscribeBtn--full .SubscribeBtn-btnWhite,
.SubscribeBtn--full .SubscribeBtn-btnSecondary {
  width: 100%; }

.SubscribeBtn--left {
  text-align: left; }

.SubscribeBtn--right {
  text-align: right; }

.SubscribeBtn--center {
  text-align: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media screen and (max-width: 649px) {
  .GenericBtn, .GenericBtn-btn, .GenericBtn-btnSecondary, .GenericBtn-btnWhite,
  .SubscribeBtn,
  .SubscribeBtn-btn,
  .SubscribeBtn-btnSecondary,
  .SubscribeBtn-btnWhite {
    width: 100%; }
  .GenericBtn-btns,
  .SubscribeBtn-btns {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0; }
  .GenericBtn-btns--half,
  .GenericBtn .GenericBtn-btns--half,
  .SubscribeBtn-btns--half,
  .SubscribeBtn .GenericBtn-btns--half {
    width: 100%; }
  .GenericBtn--halfAem .parsys,
  .SubscribeBtn--halfAem .parsys {
    width: 100%; } }

.C142 {
  display: none;
  position: absolute;
  top: 60px;
  width: 100%;
  height: -moz-calc(100% - 60px);
  height: calc(100% - 60px);
  background-color: #f5f5f5;
  overflow: hidden; }
  .C142 .C142__column1 {
    display: none; }
    @media (min-width: 990px) {
      .C142 .C142__column1 {
        display: inline;
        float: left;
        background-color: white;
        width: 33.3333333333%;
        height: 100%; } }
  .C142 .C142__menu {
    background-color: #007D8F;
    padding: 0;
    width: 100%;
    height: 66.6666666667%; }
    .C142 .C142__menu > ul {
      list-style-type: none;
      padding: 0;
      padding-top: 50px; }
      .C142 .C142__menu > ul > li {
        color: white;
        font-size: 23px;
        font-weight: 400;
        font-style: normal;
        height: 50px;
        padding-left: 20px;
        line-height: 50px; }
      .C142 .C142__menu > ul > li.C142__selected {
        background-color: #006675; }
  .C142 .C142__photo {
    background-color: fuchsia;
    width: 100%;
    background-repeat: no-repeat, no-repeat;
    background-position: center center;
    -moz-background-size: cover;
         background-size: cover;
    height: 33.3333333333%; }
  .C142 .C142__button {
    margin-top: 20px; }
  .C142 .C142__column2 {
    float: left;
    background-color: white;
    width: 100%;
    height: 100%; }
    @media (min-width: 990px) {
      .C142 .C142__column2 {
        width: 66.6666666667%; } }
  .C142 .C142__close {
    float: right;
    margin-top: 0;
    margin-right: 20px;
    color: #007D8F; }
  .C142 .C142__title {
    margin-left: 10%;
    margin-top: 20px;
    margin-bottom: 6vh;
    font-size: 23px;
    font-weight: 400;
    color: #007D8F;
    text-decoration: none;
    text-transform: uppercase; }
  .C142 .C142__options {
    background-color: aqua;
    overflow-x: hidden;
    overflow-y: scroll; }
  .C142 .C142__option {
    margin-left: 10%;
    margin-top: 3vh;
    font-size: 13px;
    font-weight: 600; }
    .C142 .C142__option > a {
      color: #454545;
      text-decoration: none; }

/*doc
---
title: T062 Green Btn
name: t062
category: t062
---

All items of T062-Green Btn

**Scripts à inclure:**

<!--  BASE JS  -->

`<script src="./../../build/js/enquire.js" type="text/javascript"></script>`

`<script src="./../../build/js/common.js" type="text/javascript"></script>`

`<script src="./../../build/js/greenBtnLayer.js" type="text/javascript"></script>`

<script src="./../../build/js/enquire.js" type="text/javascript"></script>

<script src="./../../build/js/common.js" type="text/javascript"></script>

*/
/*doc
---
title: T062 Call Back
parent: t062
name: 01-callback
category: t062
---

**Scripts à inclure pour Callback - Later :**

`<script src="../js/radioLabel.js" type="text/javascript"></script>`

<script src="../../build/js/radioLabel.js" type="text/javascript"></script>

Template exemple:

- [Callback - Home](../../build/examples/t062_greenBtn-callback-home.html)
- [Callback - Later](../../build/examples/T062_greenBtn-callback-later.html)
- [Callback - Now](../../build/examples/t062_greenBtn-callback-now.html)
- [Callback - Message](../../build/examples/t062_greenBtn-callback-message.html)
- [Callback - Urgency layer - (**WITH JS TESTS**)](../../build/examples/t062_greenBtn-callback-urgencyLayer.html)
- [Callback - Urgency](../../build/examples/t062_greenBtn-callback-urgency.html)
- [Callback - No link](../../build/examples/t062_greenBtn-callback-noLink.html)
- [Callback - One link](../../build/examples/t062_greenBtn-callback-oneLink.html)
- [Callback - Advisor connected](../../build/examples/T062_greenBtn-advisorConnected.html)
- [Callback - Advisor connected v1](../../build/examples/T062_greenBtn-advisorConnectedV1.html)
- [Callback - Advisor connected v2](../../build/examples/T062_greenBtn-advisorConnectedV2.html)
- [Callback - Advisor connected v3](../../build/examples/T062_greenBtn-advisorConnectedV3.html)
- [Callback - Advisor connected v4](../../build/examples/T062_greenBtn-advisorConnectedV4.html)
- [Callback - Advisor connected old](../../build/examples/T062_greenBtn-advisorConnectedOld.html)
- [Callback - Advisor not connected](../../build/examples/T062_greenBtn-advisorNotConnected.html)
- [Callback - Advisor link](../../build/examples/T062_greenBtn_advisorLink.html)
- [Callback - Advisor arcep](../../build/examples/T062_greenBtn-arcepDecli.html)
- [Callback - Advisor message error](../../build/examples/T062_greenBtn-messageError.html)
- [Callback - Advisor message error connected](../../build/examples/T062_greenBtn-messageErrorConnected.html)
- [Callback - Advisor message error no connected](../../build/examples/T062_greenBtn-messageErrorNoConnected.html)
- [Callback - Four bubbles](../../build/examples/t062_greenBtn-callback-fourBubbles.html)
- [Callback - Message Loader](../../build/examples/t062_greenBtn-callback-loader.html)
- [Callback - Loader](../../build/examples/t062_greenBtn-callback-loaderBv.html)

*/
/*doc
---
title: Callback - Home
parent: 01-callback
name: 01-callback-01
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_callbackHome.kit")
```
*/
/*doc
---
title: Callback - Later
parent: 01-callback
name: 01-callback-02
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_callbackLater.kit")
```
*/
/*doc
---
title: Callback - Now
parent: 01-callback
name: 01-callback-03
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_callbackNow.kit")
```
*/
/*doc
---
title: Callback - Message
parent: 01-callback
name: 01-callback-04
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_callbackMessage.kit")
```
*/
/*doc
---
title: Callback - Urgence layer
parent: 01-callback
name: 01-callback-05
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_callbackUrgencyLayer.kit")
```
*/
/*doc
---
title: Callback - Urgency
parent: 01-callback
name: 01-callback-06
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_callbackUrgency.kit")
```
*/
/*doc
---
title: Callback - Arcep decli
parent: 01-callback
name: 01-callback-07
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_arcepDecli.kit")
```
*/
/*doc
---
title: Callback - No link
parent: 01-callback
name: 01-callback-08
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_callbackNoLink.kit")
```
*/
/*doc
---
title: Callback - One link
parent: 01-callback
name: 01-callback-09
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_callbackOneLink.kit")
```
*/
/*doc
---
title: Callback - Advisor connected
parent: 01-callback
name: 01-callback-10
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_advisorConnected.kit")
```
*/
/*doc
---
title: Callback - Advisor connected V1
parent: 01-callback
name: 01-callback-11
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_advisorConnectedV1.kit")
```
*/
/*doc
---
title: Callback - Advisor connected V2
parent: 01-callback
name: 01-callback-12
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_advisorConnectedV2.kit")
```
*/
/*doc
---
title: Callback - Advisor connected V3
parent: 01-callback
name: 01-callback-13
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_advisorConnectedV3.kit")
```
*/
/*doc
---
title: Callback - Advisor connected V4
parent: 01-callback
name: 01-callback-14
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_advisorConnectedV4.kit")
```
*/
/*doc
---
title: Callback - Advisor connected Old
parent: 01-callback
name: 01-callback-15
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_advisorConnectedOld.kit")
```
*/
/*doc
---
title: Callback - Advisor not connected
parent: 01-callback
name: 01-callback-16
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_advisorNotConnected.kit")
```
*/
/*doc
---
title: Callback - Advisor link
parent: 01-callback
name: 01-callback-17
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_advisorLink.kit")
```
*/
/*doc
---
title: Callback - Advisor arcep
parent: 01-callback
name: 01-callback-18
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_advisorArcep.kit")
```
*/
/*doc
---
title: Callback - Advisor message error
parent: 01-callback
name: 01-callback-19
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_messageError.kit")
```
*/
/*doc
---
title: Callback - Advisor message error connected
parent: 01-callback
name: 01-callback-20
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_messageErrorConnected.kit")
```
*/
/*doc
---
title: Callback - Advisor message error no connected
parent: 01-callback
name: 01-callback-21
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_messageErrorNoConnected.kit")
```
*/
/*doc
---
title: Callback - Four bubbles
parent: 01-callback
name: 01-callback-22
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_callbackFourBubbles.kit")
```
*/
/*doc
---
title: Callback - Message loader
parent: 01-callback
name: 01-callback-23
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_callbackMessageLoader.kit")
```
*/
/*doc
---
title: Callback - loader
parent: 01-callback
name: 01-callback-24
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_callbackLoader.kit")
```
*/
/*doc
---
title: T062 Dialog Box
parent: t062
name: 02-dialogBox
category: t062
---

**Scripts à inclure :**

<!--  CUSTOM JS -->
`<script src="./../../build/js/greenBtn_dialogBoxTyping.js" type="text/javascript"></script>`


Template exemple:

- [Dialog Box - Home](../../build/examples/t062_greenBtn-tchat-loading.html)
- [Dialog Box - Error](../../build/examples/t062_greenBtn-tchat-error.html)
- [Dialog Box - File](../../build/examples/t062_greenBtn-tchat-file.html)
- [Dialog Box - Satisfaction](../../build/examples/t062_greenBtn-tchat-satisfaction.html)
- [Dialog Box - Satisfaction comment](../../build/examples/t062_greenBtn-tchat-satisfaction-comment.html)
- [Dialog Box - Satisfaction end](../../build/examples/t062_greenBtn-tchat-satisfaction-end.html)
- [Dialog Box - Share screen actived](../../build/examples/t062_greenBtn-tchat-share-screen.html)
- [Dialog Box - Share screen unavailable](../../build/examples/t062_greenBtn-tchat-share-screen--unavailable.html)
- [Dialog Box - Typing](../../build/examples/t062_greenBtn-tchat-typing.html)
- [Dialog Box - Help](../../build/examples/t062_greenBtn-tchat-typing.html)
- [Dialog Box - Help item](../../build/examples/t062_greenBtn-tchat-typing.html)

*/
/*doc
---
title: Dialog Box - Home
parent: 02-dialogBox
name: 02-dialogBox-01
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_dialogBoxHome.kit")
```
*/
/*doc
---
title: Dialog Box - Error
parent: 02-dialogBox
name: 02-dialogBox-02
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_dialogBoxError.kit")
```
*/
/*doc
---
title: Dialog Box - File
parent: 02-dialogBox
name: 02-dialogBox-03
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_dialogBoxFile.kit")
```
*/
/*doc
---
title: Dialog Box - Satisfaction
parent: 02-dialogBox
name: 02-dialogBox-04
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_dialogBoxSatisfaction.kit")
```
*/
/*doc
---
title: Dialog Box - Satisfaction Comment
parent: 02-dialogBox
name: 02-dialogBox-05
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_dialogBoxSatisfactionComment.kit")
```
*/
/*doc
---
title: Dialog Box - Satisfaction End
parent: 02-dialogBox
name: 02-dialogBox-06
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_dialogBoxSatisfactionEnd.kit")
```
*/
/*doc
---
title: Dialog Box - Share Screen
parent: 02-dialogBox
name: 02-dialogBox-07
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_dialogBoxShareScreen.kit")
```
*/
/*doc
---
title: Dialog Box - Share Screen unavailable
parent: 02-dialogBox
name: 02-dialogBox-08
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_dialogBoxShareScreen--unavailable.kit")
```
*/
/*doc
---
title: Dialog Box - Typing
parent: 02-dialogBox
name: 02-dialogBox-09
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_dialogBoxTyping.kit")
```
*/
/*doc
---
title: Dialog Box - Help
parent: 02-dialogBox
name: 02-dialogBox-10
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_dialogBox--help.kit")
```
*/
/*doc
---
title: Dialog Box - Help item
parent: 02-dialogBox
name: 02-dialogBox-11
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_dialogBox--helpItem.kit")
```
*/
/*doc
---
title: T062 Dialog Box Reduced
parent: t062
name: 03-reduced
category: t062
---

Template exemple:

- [Tchat - reduced default](../../build/examples/t062_greenBtn-tchat-reduced.html)
- [Tchat - reduced folded](../../build/examples/t062_greenBtn-tchat-reduced--folded.html)
- [Tchat - reduced help](../../build/examples/t062_greenBtn-tchat-reduced--help.html)

*/
/*doc
---
title: Dialog box reduced - default
parent: 03-reduced
name: 03-reduced-01
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_chatBoxReduced.kit")
```
*/
/*doc
---
title: Dialog box reduced - folded
parent: 03-reduced
name: 03-reduced-02
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_chatBoxReduced--folded.kit")
```
*/
/*doc
---
title: Dialog box reduced - Help
parent: 03-reduced
name: 03-reduced-03
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_chatBoxReduced--help.kit")
```
*/
/*doc
---
title: T062 Appointment
parent: t062
name: 04-appointment
category: t062
---

Template exemple:

- [Appointment - no connected](../../build/examples/T062_greenBtn-appointmentNoConnected.html)
- [Appointment - connected](../../build/examples/T062_greenBtn-appointmentConnected.html)
- [Appointment - error message](../../build/examples/T062_greenBtn-appointmentNoConnectedMessageError.html)

*/
/*doc
---
title: Appointment - no connected
parent: 04-appointment
name: 04-appointment-01
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_appointmentNoConnected.kit")
```
*/
/*doc
---
title: Appointment - connected
parent: 04-appointment
name: 04-appointment-02
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_appointmentConnected.kit")
```
*/
/*doc
---
title: Appointment - error message
parent: 04-appointment
name: 04-appointment-03
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_messageErrorNoConnected--2.kit")
```
*/
/*doc
---
title: T062 Send Email
parent: t062
name: 05-sendEmail
category: t062
---

Template exemple:

- [Send email - no connected](../../build/examples/T062_greenBtn-sendEmailNoConnected.html)
- [Send email - error message](../../build/examples/T062_greenBtn-sendEmailNoConnectedMessageError.html)

*/
/*doc
---
title: Send email - no connected
parent: 05-sendEmail
name: 05-sendEmail-01
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_sendEmailNoConnected.kit")
```
*/
/*doc
---
title: Send email - error message
parent: 05-sendEmail
name: 05-sendEmail-02
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_messageErrorNoConnected--3.kit")
```
*/
/*doc
---
title: T062 Find Number Agency
parent: t062
name: 06-findNumberAgency
category: t062
---

Template exemple:

- [Find number agency - no connected](../../build/examples/T062_greenBtn-findNumberAgencyNoConnected.html)
- [Find number agency - error message](../../build/examples/T062_greenBtn-findNumberAgencyNoConnectedMessageError.html)

*/
/*doc
---
title: Find number agency - no connected
parent: 06-findNumberAgency
name: 06-findNumberAgency-01
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_findNumberAgencyNoConnected.kit")
```
*/
/*doc
---
title: Find number agency - error message
parent: 06-findNumberAgency
name: 06-findNumberAgency-02
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_messageErrorNoConnected--4.kit")
```
*/
/*doc
---
title: T062 Appointment Form
parent: t062
name: 07-appointmentform
category: t062
---

**Scripts à inclure pour Callback - Later :**

`<script src="../js/bootstrap-datepicker.js"></script>`

`<script src="../js/bootstrap-datepicker.fr.js"></script>`

<script src="./../../build/js/bootstrap-datepicker.js"></script>

<script src="./../../build/js/bootstrap-datepicker.fr.js"></script>

Template exemple:

- [Appointment Form](../../build/examples/T062_greenBtn-appointmentForm.html)
- [Appointment Form - message send successful](../../build/examples/T062_greenBtn-appointmentFormMessageSendSuccessful.html)

*/
/*doc
---
title: Appointment Form
parent: 07-appointmentform
name: 07-appointmentform-01
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_appointmentForm.kit")
```
*/
/*doc
---
title: Appointment Form - message send successful
parent: 07-appointmentform
name: 07-appointmentform-02
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_appointmentFormMessageSendSuccessful.kit")
```
*/
/*doc
---
title: T062 Email Form
parent: t062
name: 08-emailform
category: t062
---

**Scripts à inclure pour le formulaire email more informations :**

`<script src="../js/greenBtn.js" type="text/javascript"></script>`

<script src="../../build/js/greenBtn.js" type="text/javascript"></script>


** CSS à inclure pour le more informations **

`<link rel="stylesheet" type="text/css" href="../css/storeLocatorCard-part.css">`

<link rel="stylesheet" type="text/css" href="../../build/css/storeLocatorCard-part.css">

Template exemple:

- [Email Form](../../build/examples/T062_greenBtn-emailForm.html)
- [Email Form - standard](../../build/examples/T062_greenBtn-emailForm--standard.html)
- [Email Form - more informations](../../build/examples/T062_greenBtn-emailForm--moreInformations.html)
- [Email Form - message send successful](../../build/examples/T062_greenBtn-emailFormMessageSendSuccessful.html)

*/
/*doc
---
title: Email Form
parent: 08-emailform
name: 08-emailform-01
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_emailForm.kit")
```
*/
/*doc
---
title: Email Form - standard
parent: 08-emailform
name: 08-emailform-02
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_emailForm--standard.kit")
```
*/
/*doc
---
title: Email Form - more informations
parent: 08-emailform
name: 08-emailform-03
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_emailForm--moreInformations.kit")
```
*/
/*doc
---
title: Email Form - message send successful
parent: 08-emailform
name: 08-emailform-04
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_emailFormMessageSendSuccessful.kit")
```
*/
/*doc
---
title: T062 Store Locator
parent: t062
name: 09-storelocator
category: t062
---

**Scripts à inclure pour le Store Locator :**

** !Important @TODO - Change all GMap keys AIzaSyC6U4yilN3aY5uVFhAamR9IZbaM2QiIcks (including in templates & docs) **

`<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyC6U4yilN3aY5uVFhAamR9IZbaM2QiIcks"></script>`

`<script type="text/javascript" src="../js/t03x_storeMap.js"></script>`
`<script type="text/javascript" src="../js/t03x_storeLocator.js"></script>`

`<script type="text/javascript" src="../js/t034-storeLocator.js"></script>`


<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyC6U4yilN3aY5uVFhAamR9IZbaM2QiIcks"></script>
<script type="text/javascript" src="../../build/js/t03x_storeMap.js"></script>
<script type="text/javascript" src="../../build/js/t03x_storeLocator.js"></script>
<script type="text/javascript" src="../../build/js/t034-storeLocator.js"></script>
<script type="text/javascript" src="../../build/js/devHelpers.js"></script>

** CSS à inclure pour le Store Locator **

`<link rel="stylesheet" type="text/css" href="../css/storeLocatorMap-part.css">`

<link rel="stylesheet" type="text/css" href="../../build/css/storeLocatorMap-part.css">


Template exemple:

- [Store Locator](../../build/examples/T062_greenBtn-storeLocator.html)

*/
/*doc
---
title: Store Locator
parent: 09-storelocator
name: 09-storelocator-01
category: t062
---

```html_example
@@include("../../kit/components/_greenBtn_storeLocator.kit")
```
*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------- T062 GREEN BTN WEB CALL BACK--------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BEGINNING CALLBACK HOME */
.GreenBtn-callbackHome {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #009787;
  height: 100%;
  min-height: 100%;
  overflow: auto;
  z-index: 9999;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .GreenBtn-callbackHome .texte.section {
    padding: 0; }

.exampleOutput .GreenBtn-callbackHome {
  position: relative;
  top: auto;
  left: auto;
  height: 100vh; }

.GreenBtn-callbackClose {
  position: absolute;
  top: 0;
  right: 0;
  padding: 24px 20px 24px 24px; }
  .GreenBtn-callbackClose, .GreenBtn-callbackClose:hover, .GreenBtn-callbackClose:active, .GreenBtn-callbackClose:focus {
    text-decoration: none;
    color: #ffffff; }

.GreenBtn-callbackHomeHeader {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 60px;
  min-height: 60px;
  padding: 20px;
  background-color: #01897b;
  color: #ffffff;
  z-index: 10000; }

.GreenBtn-callbackHomeHeaderTitle {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  padding: 0 40px; }

.GreenBtn-callbackHomeHeaderBtn {
  border: 1px solid #ffffff;
  -moz-border-radius: 3px;
       border-radius: 3px;
  text-decoration: none;
  padding: 10px;
  z-index: 10000; }
  .GreenBtn-callbackHomeHeaderBtn, .GreenBtn-callbackHomeHeaderBtn:hover, .GreenBtn-callbackHomeHeaderBtn:focus, .GreenBtn-callbackHomeHeaderBtn:active {
    color: #ffffff;
    text-decoration: none; }
  @media (min-width: 990px) {
    .GreenBtn-callbackHomeHeaderBtn {
      position: absolute;
      left: 20px;
      top: 10px; } }
  @media (max-width: 989px) {
    .GreenBtn-callbackHomeHeaderBtn + .GreenBtn-callbackHomeContentBlockConnexion,
    .GreenBtn-callbackHomeHeaderBtn + .GreenBtn-callbackHomeContentDemand {
      margin-top: 30px; } }

.GreenBtn-callbackHomeHeaderBtn--urgency {
  position: absolute;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%); }

.GreenBtn-callbackHomeHeaderBtn--urgencyLayer {
  z-index: 10000; }
  .GreenBtn-callbackHomeHeaderBtn--urgencyLayer, .GreenBtn-callbackHomeHeaderBtn--urgencyLayer:hover, .GreenBtn-callbackHomeHeaderBtn--urgencyLayer:focus, .GreenBtn-callbackHomeHeaderBtn--urgencyLayer:active {
    color: #ffffff; }
  @media screen and (min-width: 990px) {
    .GreenBtn-callbackHomeHeaderBtn--urgencyLayer {
      left: 20px;
      position: absolute;
      top: 20px; } }
  @media screen and (max-width: 989px) {
    .GreenBtn-callbackHomeHeaderBtn--urgencyLayer {
      -ms-flex-item-align: start;
          align-self: flex-start;
      margin-bottom: 40px; } }
  @media screen and (max-width: 649px) {
    .GreenBtn-callbackHomeHeaderBtn--urgencyLayer {
      left: 7%; } }

.GreenBtn-callbackPara--noMarginBot {
  margin-bottom: 0; }

.ContainerBvOnFullPage .GreenBtn-callbackHomeHeader,
.ContainerBvOnFullPage .GreenBtn-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.GreenBtn-callbackHomeBody {
  overflow: auto;
  padding: 40px 5%; }

.ContainerBvModal {
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 9999;
  width: 50%; }
  .ContainerBvModal .GreenBtn-callbackHomeHeader,
  .ContainerBvModal .GreenBtn-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999; }
  .ContainerBvModal .GreenBtn-callbackHomeHeader + .GreenBtn-callbackHomeBody {
    margin-top: 60px;
    height: -moz-calc(100% - 60px);
    height: calc(100% - 60px); }

.ContainerBvModal--hidden {
  display: none; }

@media (max-width: 989px) {
  .ContainerBvModal {
    top: 0 !important;
    width: 100%;
    overflow: auto; } }

.GreenBtn-callbackHomeHeader + .bouton-vertContent.bouton-vertMain {
  /* margin: auto; */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.GreenBtn-callbackHomeBody .GreenBtn-callbackHomeContent {
  overflow: visible;
  height: auto;
  min-height: auto;
  padding: 0;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.GreenBtn-callbackHomeContent {
  text-align: center;
  color: #ffffff;
  padding: 40px 5%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: -moz-calc(100% - 60px);
  min-height: calc(100% - 60px);
  height: auto;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }
  @media screen and (max-width: 649px) {
    .GreenBtn-callbackHomeContent {
      padding: 40px 7%; } }

.GreenBtn-innerCallBack {
  display: block; }

.GreenBtn-callbackHomeContent--urgency {
  min-height: -moz-calc(100% - 60px);
  min-height: calc(100% - 60px);
  position: relative;
  height: auto; }

.GreenBtn-callbackHomeContent--urgencyLayer {
  text-align: left; }

.GreenBtn-callbackHomeContentClientLink, .GreenBtn-callbackHomeContentClientLink:hover, .GreenBtn-callbackHomeContentClientLink:focus, .GreenBtn-callbackHomeContentClientLink:active,
.GreenBtn-callbackHomeFooter--urgencyLayer,
.GreenBtn-callbackHomeFooter--urgencyLayer:hover,
.GreenBtn-callbackHomeFooter--urgencyLayer:focus,
.GreenBtn-callbackHomeFooter--urgencyLayer:active,
.GreenBtn-callbackHomeFooter,
.GreenBtn-callbackHomeFooter:hover,
.GreenBtn-callbackHomeFooter:focus,
.GreenBtn-callbackHomeFooter:active {
  color: #ffffff; }

.GreenBtn-callbackHomeFooter--urgencyLayer {
  display: block;
  width: 100%;
  background-color: #01897b;
  text-align: center;
  padding: 20px;
  margin-top: 20px; }

.GreenBtn-callbackHomeContentDemand {
  margin: 0 0 20px; }

.GreenBtn-callbackHomeContentBlockConnexion {
  margin: 0 0 20px; }

.GreenBtn-callbackHomeContentWayContact {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%; }

.GreenBtn-callbackHomeContentDemandTitle,
.GreenBtn-callbackHomeContentWayContactTitle {
  font-size: 17px; }

.GreenBtn-callbackHomeContentDemandTitle {
  padding-bottom: 10px; }

.GreenBtn-callbackHomeContentDemandForm {
  padding-bottom: 0; }
  .GreenBtn-callbackHomeContentDemandForm .btn.dropdown-toggle.btn-default {
    border: none; }
    .GreenBtn-callbackHomeContentDemandForm .btn.dropdown-toggle.btn-default:hover, .GreenBtn-callbackHomeContentDemandForm .btn.dropdown-toggle.btn-default:focus, .GreenBtn-callbackHomeContentDemandForm .btn.dropdown-toggle.btn-default:active {
      background-color: #ffffff; }
  .GreenBtn-callbackHomeContentDemandForm .bootstrap-select.btn-group .dropdown-toggle .caret::after {
    font-size: 12px; }

.GreenBtn-callbackHomeContentBubbles {
  margin: auto;
  padding: 30px 0; }

.GreenBtn-callbackHomeContentBubbleLink, .GreenBtn-callbackHomeContentBubbleLink:hover, .GreenBtn-callbackHomeContentBubbleLink:focus, .GreenBtn-callbackHomeContentBubbleLink:active,
.GreenBtn-callbackHomeContentContactMail,
.GreenBtn-callbackHomeContentContactMail:hover,
.GreenBtn-callbackHomeContentContactMail:focus,
.GreenBtn-callbackHomeContentContactMail:active,
.GreenBtn-callbackHomeContentContactMeeting,
.GreenBtn-callbackHomeContentContactMeeting:hover,
.GreenBtn-callbackHomeContentContactMeeting:focus,
.GreenBtn-callbackHomeContentContactMeeting:active {
  text-decoration: none; }

.GreenBtn-callbackHomeContentBubble {
  display: inline-block;
  width: 102px;
  height: 102px;
  background-color: #ffffff;
  color: #454545;
  -moz-border-radius: 50%;
       border-radius: 50%;
  margin: 10px; }

.GreenBtn-callbackHomeContentBubble--errorChat {
  background-color: #ffffff;
  opacity: 0.4; }

.GreenBtn-callbackHomeContentBubble--disable {
  cursor: default; }

.GreenBtn-callbackHomeContentBubbleContent {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%; }

.GreenBtn-callbackHomeContentBubbleIcon {
  color: #01897b;
  font-size: 32.5px; }

.GreenBtn-callbackHomeContentBubblePara {
  margin-top: 5px;
  font-weight: 700; }

.GreenBtn-callbackHomeContentContactWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: #ffffff; }

.GreenBtn-callbackHomeContentContactWrapper--flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.GreenBtn-callbackHomeContentContactWrapper--noLink,
.GreenBtn-callbackHomeContentContactMail--oneLink {
  width: 70%;
  margin: auto; }

.GreenBtn-callbackHomeContentContactNumber {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #454545;
  padding: 20px 35px;
  white-space: nowrap; }
  @media screen and (max-width: 649px) {
    .GreenBtn-callbackHomeContentContactNumber {
      padding: 20px; } }

@media (max-width: 649px) {
  .GreenBtn-callbackHomeContentContactNumber--advisor {
    width: 48%; } }

@media (max-width: 649px) {
  .GreenBtn-callbackHomeContentContactNumber--advisorArcep {
    width: 40%; } }

.GreenBtn-callbackUrgencyLayerBlocNumber {
  white-space: nowrap; }

.GreenBtn-callbackHomeContentContactNumberPhone {
  margin-bottom: 8.5px;
  font-size: 25px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }
  .GreenBtn-callbackHomeContentContactNumberPhone, .GreenBtn-callbackHomeContentContactNumberPhone:hover, .GreenBtn-callbackHomeContentContactNumberPhone:focus, .GreenBtn-callbackHomeContentContactNumberPhone:active {
    text-decoration: none;
    color: #007D8F; }
  @media (max-width: 649px) {
    .GreenBtn-callbackHomeContentContactNumberPhone {
      margin-top: 8.5px; } }

.GreenBtn-callbackUrgencyLayerBlocNumber {
  font-size: 25px; }

.GreenBtn-callbackHomeContentContactNumberPrice {
  color: #999999;
  font-size: 11px;
  font-weight: 300; }

.GreenBtn-callbackHomeContentContactNumberAgency {
  color: #007D8F;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }

.GreenBtn-callbackHomeContentLink {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.GreenBtn-callbackHomeContentContactMeeting {
  border-bottom: 1px solid #ffffff; }
  .GreenBtn-callbackHomeContentContactMeeting:before {
    content: "";
    color: #99cc00;
    font-size: 19px;
    margin-right: 20px; }

.GreenBtn-callbackHomeContentContactMail {
  background-color: #f5f5f5; }
  .GreenBtn-callbackHomeContentContactMail:before {
    content: "";
    color: #99cc00;
    font-size: 19px;
    margin-right: 20px; }

.GreenBtn-callbackHomeContentContactMeeting,
.GreenBtn-callbackHomeContentContactMail {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50%;
  background-color: #f5f5f5;
  text-align: left;
  padding: 25px;
  white-space: nowrap; }

.GreenBtn-callbackHomeContentDivUnderline {
  text-decoration: underline; }

.GreenBtn-callbackHomeFooter {
  display: block;
  margin-top: 20px; }

@media screen and (max-width: 649px) {
  .GreenBtn-callbackHomeContentClientLinkWrapper {
    display: block; }
  .GreenBtn-callbackHomeContentBubbles {
    width: 250px;
    margin: auto; }
  .GreenBtn-callbackHomeContentContactWrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .GreenBtn-callbackHomeContentContactMail--oneLinkBlock {
    display: block; }
  .GreenBtn-callbackHomeContentContactMeeting,
  .GreenBtn-callbackHomeContentContactMail {
    background-color: #ffffff;
    border-bottom: 0;
    border-top: 1px solid #f5f5f5; } }

/* END CALLBACK HOME */
/* BEGINNING CALLBACK LATER */
.GreenBtn-callbackLaterHeaderIcon {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 20px; }

.GreenBtn-callbackLaterContentMainPara {
  width: 70%;
  margin: auto; }

.GreenBtn-callbackFormWrapper {
  margin: 40px 0 10px 0;
  width: 100%;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.GreenBtn-callbackFormWrapper--top {
  margin-top: 0; }

.GreenBtn-callbackFormHeader {
  background-color: #01897b;
  text-align: left;
  padding: 20px; }

.GreenBtn-callbackFormTitle,
.GreenBtn-callbackLaterContentMainPara,
.GreenBtn-callbackUrgencyLayerBlocTitle {
  font-size: 15px; }

.GreenBtn-callbackFormContent {
  background-color: #ffffff;
  color: #454545;
  text-align: left;
  padding: 20px; }

.GreenBtn-callbackFormRequiredField {
  font-weight: 300;
  margin-bottom: 20px; }
  .GreenBtn-callbackFormRequiredField::before {
    content: '* ';
    color: #d70000; }

.GreenBtn-callbackFormContactInfo {
  padding: 0; }

.GreenBtn-callbackFormContactCivility {
  width: 100% !important;
  height: 42px; }
  .GreenBtn-callbackFormContactCivility .dropdown-toggle .caret::after {
    font-size: 12px !important; }
  .GreenBtn-callbackFormContactCivility .btn.dropdown-toggle.btn-default {
    border-color: #CCCCCC;
    margin-bottom: 0;
    height: 42px !important; }
  .GreenBtn-callbackFormContactCivility .filter-option {
    color: #454545; }

.GreenBtn-callbackFormContactHour {
  width: 110px !important; }
  .GreenBtn-callbackFormContactHour .bs-placeholder {
    font-style: italic; }

.GreenBtn-callbackFormContactHour--width {
  width: 100% !important; }

.GreenBtn-callbackFormLabel {
  padding-left: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px; }

.GreenBtn-callbackFormLabel--lowerCase {
  text-transform: none;
  font-weight: 600 !important; }

.GreenBtn-callbackFormInputIcon {
  color: #d70000;
  padding-right: 24px; }

.GreenBtn-callbackFormInputIcon2 {
  color: #d70000; }

.GreenBtn-callbackFormNowLabel {
  padding-left: 30px !important; }

.GreenBtn-callbackFormNowDatePicker {
  padding: 0; }

.GreenBtn-callbackFormNowDatePickerRadio {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0; }

.GreenBtn-callbackNeedCallbackForm--marginLR {
  margin: 0 15px 0 0; }

.GreenBtn-callbackNeedCallback {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.GreenBtn-callbackNeedCallbackFormWrapper {
  display: inline-block;
  white-space: nowrap; }
  .GreenBtn-callbackNeedCallbackFormWrapper p.GreenBtn-callbackNeedCallbackFormPara.GreenBtn-callbackPara--noMarginBot {
    width: 20px; }

.GreenBtn-callbackNeedCallbackFormPara {
  display: inline-block;
  vertical-align: middle; }

.GreenBtn-callbackNeedCallbackFormPara--padR {
  padding-right: 15px; }

.GreenBtn-callbackNeedCallbackFormInput {
  display: inline-block;
  vertical-align: middle; }
  .GreenBtn-callbackNeedCallbackFormInput .input-group-addon {
    background-color: transparent;
    color: #009787;
    font-size: 16px; }

.GreenBtn-callbackNeedCallbackFormInput--noBorderR {
  border-right-width: 0; }

.GreenBtn-callbackNeedCallbackFormCalendar {
  color: #009788;
  font-size: 17px; }

.GreenBtn-callbackLaterFooter {
  width: 100%;
  text-align: left; }

.GreenBtn-callbackLaterFooterFormLabel {
  padding-left: 30px !important; }

.GreenBtn-callbackLaterFooterFormLabel {
  color: #ffffff; }

.GreenBtn-callbackLaterFooterFormLink, .GreenBtn-callbackLaterFooterFormLink:hover, .GreenBtn-callbackLaterFooterFormLink:focus, .GreenBtn-callbackLaterFooterFormLink:active {
  color: #ffffff; }

.GreenBtn-callbackLaterFooterBtn {
  width: 130px; }

.GreenBtn-callbackLaterFooterBtn,
.GreenBtn-callbackLaterFooterBtn--callbackNow {
  margin: 30px 5px 5px 5px;
  height: 42px;
  padding-left: 40px;
  padding-right: 40px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }
  .GreenBtn-callbackLaterFooterBtn, .GreenBtn-callbackLaterFooterBtn:hover, .GreenBtn-callbackLaterFooterBtn:focus,
  .GreenBtn-callbackLaterFooterBtn--callbackNow,
  .GreenBtn-callbackLaterFooterBtn--callbackNow:hover,
  .GreenBtn-callbackLaterFooterBtn--callbackNow:focus {
    color: #454545; }

.GreenBtn-callbackLaterFooterBtn--top {
  margin-top: 5px; }

.GreenBtn-callbackNeedCallbackFormContentWrapper.radio-label:before, .GreenBtn-callbackNeedCallbackFormContentWrapper.radio-label:after {
  top: 50%;
  margin-top: -9px; }

@media screen and (min-width: 650px) {
  .GreenBtn-callbackFormGroup--NoPadLeft {
    padding-left: 0; } }

@media screen and (max-width: 989px) {
  .GreenBtn-callbackLaterContentMainPara {
    width: 60%; } }

@media screen and (max-width: 649px) {
  .GreenBtn-callbackLaterContentMainPara {
    width: 100%; }
  .GreenBtn-callbackNeedCallbackFormInput {
    width: 195px;
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .GreenBtn-callbackFormContactHour {
    width: 165px !important; }
  .GreenBtn-callbackFormContactHour--width {
    width: 100% !important; }
  .GreenBtn-callbackNeedCallbackFormContentWrapper {
    display: inline-block;
    width: 100%; }
    .GreenBtn-callbackNeedCallbackFormContentWrapper.radio-label:before, .GreenBtn-callbackNeedCallbackFormContentWrapper.radio-label:after {
      top: 18%;
      margin-top: -7px; }
  .GreenBtn-callbackNeedCallbackFormWrapper {
    margin-bottom: 10px; }
  .GreenBtn-callbackNeedCallbackFormWrapper--width100 {
    width: 100% !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .GreenBtn-callbackNeedCallbackFormPara--special {
    padding-right: 22px; } }

/* END CALLBACK LATER */
/* BEGINNING CALLBACK NOW */
.GreenBtn-callbackLaterFooterBtn--callbackNowSecond:hover, .GreenBtn-callbackLaterFooterBtn--callbackNowSecond:focus {
  background-color: #ffffff; }

.GreenBtn-callbackLaterFooterBtn--callbackNowWidthAuto {
  width: auto; }

.GreenBtn-callbackNowWaitingBtn,
.GreenBtn-callbackLaterMessage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 200px;
  margin-left: auto;
  margin-right: auto; }

.GreenBtn-callbackLaterNowBubbleTyping {
  width: 7px;
  height: 7px;
  background-color: #007D8F;
  -moz-border-radius: 50%;
       border-radius: 50%;
  margin: 2px;
  -webkit-animation: loaderCallbackNow 1800ms linear infinite;
     -moz-animation: loaderCallbackNow 1800ms linear infinite;
          animation: loaderCallbackNow 1800ms linear infinite; }
  .GreenBtn-callbackLaterNowBubbleTyping:nth-child(1) {
    -webkit-animation-delay: -1300ms;
       -moz-animation-delay: -1300ms;
            animation-delay: -1300ms; }
  .GreenBtn-callbackLaterNowBubbleTyping:nth-child(2) {
    -webkit-animation-delay: -975ms;
       -moz-animation-delay: -975ms;
            animation-delay: -975ms; }
  .GreenBtn-callbackLaterNowBubbleTyping:nth-child(3) {
    -webkit-animation-delay: -650ms;
       -moz-animation-delay: -650ms;
            animation-delay: -650ms; }

@-webkit-keyframes loaderCallbackNow {
  00%, 33%, 100% {
    background-color: #007D8F;
    -webkit-transform: scale(1);
            transform: scale(1); }
  15% {
    background-color: #99cc00;
    -webkit-transform: scale(1.4);
            transform: scale(1.4); } }

@-moz-keyframes loaderCallbackNow {
  00%, 33%, 100% {
    background-color: #007D8F;
    -moz-transform: scale(1);
         transform: scale(1); }
  15% {
    background-color: #99cc00;
    -moz-transform: scale(1.4);
         transform: scale(1.4); } }

@keyframes loaderCallbackNow {
  00%, 33%, 100% {
    background-color: #007D8F;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); }
  15% {
    background-color: #99cc00;
    -webkit-transform: scale(1.4);
       -moz-transform: scale(1.4);
            transform: scale(1.4); } }

/* END CALLBACK NOW */
/* BEGINNING CALLBACK MESSAGE */
.GreenBtn-callbackMessageContent {
  text-align: center;
  color: #ffffff;
  padding: 40px 5%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: -moz-calc(100% - 60px);
  min-height: calc(100% - 60px);
  height: auto; }
  @media screen and (max-width: 649px) {
    .GreenBtn-callbackMessageContent {
      padding: 40px 7%; } }

.GreenBtn-callbackMessageContentWrapper {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.GreenBtn-callbackMessageContentParaBold {
  font-weight: 700; }

.GreenBtn-callbackMessageContentParaRegular {
  font-weight: 300; }

.GreenBtn-callbackMessageContentParaBold,
.GreenBtn-callbackMessageContentParaRegular,
.GreenBtn-callbackUrgencyMessageTitle {
  padding: 0 7%;
  font-size: 24px;
  line-height: 1.35em; }

.GreenBtn-callbackMessageContentParaRegular--mediumText {
  font-size: 16px; }

.GreenBtn-callbackUrgencyMessageTitle--marg {
  margin: 20px 0 40px 0; }

.GreenBtn-callbackLaterMessage {
  margin: auto;
  margin-top: 40px; }

.GreenBtn-callbackLaterMessageBubbleTyping {
  width: 7px;
  height: 7px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  background-color: #ffffff;
  margin: 2px;
  -webkit-animation: loaderCallbackMessage 1800ms linear infinite;
     -moz-animation: loaderCallbackMessage 1800ms linear infinite;
          animation: loaderCallbackMessage 1800ms linear infinite; }
  .GreenBtn-callbackLaterMessageBubbleTyping:nth-child(1) {
    -webkit-animation-delay: -1300ms;
       -moz-animation-delay: -1300ms;
            animation-delay: -1300ms; }
  .GreenBtn-callbackLaterMessageBubbleTyping:nth-child(2) {
    -webkit-animation-delay: -975ms;
       -moz-animation-delay: -975ms;
            animation-delay: -975ms; }
  .GreenBtn-callbackLaterMessageBubbleTyping:nth-child(3) {
    -webkit-animation-delay: -650ms;
       -moz-animation-delay: -650ms;
            animation-delay: -650ms; }

@-webkit-keyframes loaderCallbackMessage {
  0%, 33%, 100% {
    background-color: #ffffff;
    -webkit-transform: scale(1);
            transform: scale(1); }
  15% {
    background-color: #99cc00;
    -webkit-transform: scale(1.4);
            transform: scale(1.4); } }

@-moz-keyframes loaderCallbackMessage {
  0%, 33%, 100% {
    background-color: #ffffff;
    -moz-transform: scale(1);
         transform: scale(1); }
  15% {
    background-color: #99cc00;
    -moz-transform: scale(1.4);
         transform: scale(1.4); } }

@keyframes loaderCallbackMessage {
  0%, 33%, 100% {
    background-color: #ffffff;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); }
  15% {
    background-color: #99cc00;
    -webkit-transform: scale(1.4);
       -moz-transform: scale(1.4);
            transform: scale(1.4); } }

@media screen and (max-width: 649px) {
  .GreenBtn-callbackMessageContentWrapper {
    width: 80%; } }

/* END CALLBACK MESSAGE */
/* BEGINNING CALLBACK URGENCY */
.GreenBtn-callbackUrgencyMessage {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }

.GreenBtn-callbackUrgencyMessagePara {
  padding: 0 4%;
  font-size: 15px;
  line-height: 1.35em;
  margin: 50px 0; }

.GreenBtn-callbackUrgencyMessageBtn {
  margin: 5px;
  height: 42px;
  padding-left: 40px;
  padding-right: 40px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }
  .GreenBtn-callbackUrgencyMessageBtn, .GreenBtn-callbackUrgencyMessageBtn:hover, .GreenBtn-callbackUrgencyMessageBtn:focus {
    color: #454545; }
  @media screen and (width: 320px) {
    .GreenBtn-callbackUrgencyMessageBtn {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
         -moz-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-pack: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

@media screen and (min-width: 990px) {
  .GreenBtn-callbackHomeContent--urgency {
    position: initial; }
  .GreenBtn-callbackHomeHeaderBtn--urgency {
    display: none;
    z-index: 9999; } }

@media screen and (max-width: 649px) {
  .GreenBtn-callbackUrgencyMessagePara {
    margin: 20px 0; } }

/* END CALLBACK URGENCY */
/* BEGINNING CALLBACK URGENCY LAYER */
.GreenBtn-callbackUrgencyLayerIconHeader {
  color: #ffffff;
  font-size: 16px;
  height: 15px;
  margin-right: 6px;
  overflow: hidden;
  text-decoration: none; }

.GreenBtn-callbackUrgencyLayerWrapper {
  max-width: 100%; }

.GreenBtn-callbackUrgencyLayerBlocWrapper + .GreenBtn-callbackUrgencyLayerBlocWrapper {
  margin-top: 20px; }

.GreenBtn-callbackUrgencyLayerBloc {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-color: #01897b; }

.GreenBtn-callbackUrgencyLayerBloc,
.GreenBtn-callbackUrgencyLayerSubBloc {
  padding: 20px; }

.GreenBtn-callbackUrgencyLayerBlocTitle {
  padding-right: 10px;
  line-height: 20px;
  text-transform: uppercase; }

.GreenBtn-callbackUrgencyLayerBlocTitleList {
  font-size: 12px;
  text-transform: none;
  padding-top: 10px;
  padding-left: 0;
  margin-bottom: 0; }
  .GreenBtn-callbackUrgencyLayerBlocTitleList li {
    list-style-type: none; }
  .GreenBtn-callbackUrgencyLayerBlocTitleList li:before {
    content: '- '; }

.GreenBtn-callbackUrgencyLayerBlocTitle,
.GreenBtn-callbackUrgencyLayerSubBloc,
.GreenBtn-callbackUrgencyLayerCallCosts {
  text-align: left; }

.GreenBtn-callbackUrgencyLayerBlocDescription .Arcep {
  margin-top: 0;
  white-space: nowrap; }
  @media screen and (max-width: 649px) {
    .GreenBtn-callbackUrgencyLayerBlocDescription .Arcep {
      margin-top: 15px;
      white-space: normal; } }

.GreenBtn-callbackUrgencyLayerBlocDescriptionClick, .GreenBtn-callbackUrgencyLayerBlocDescriptionClick:hover, .GreenBtn-callbackUrgencyLayerBlocDescriptionClick:active, .GreenBtn-callbackUrgencyLayerBlocDescriptionClick:focus {
  text-decoration: none;
  color: #ffffff; }

.GreenBtn-callbackUrgencyLayerBlocDescription .GenericBtn-block {
  background: transparent !important;
  margin-bottom: 0;
  min-width: 150px;
  padding: 0;
  width: auto; }

.GenericBtn-block--primary .GreenBtn-callbackUrgencyLayerBlocDescriptionClick.GenericBtn-btnSecondary {
  padding-left: 1em;
  padding-right: 1em; }

.GreenBtn-callbackUrgencyLayerBlocNumber,
.GreenBtn-callbackUrgencyLayerBlocPrice {
  text-align: right; }

.GreenBtn-callbackUrgencyLayerBlocPrice {
  padding-top: 8px; }

.GreenBtn-callbackUrgencyLayerBlocPrice,
.GreenBtn-callbackUrgencyLayerCallCosts {
  font-size: 11px;
  font-style: italic; }

.GreenBtn-callbackUrgencyLayerSubBloc {
  background-color: #ffffff; }

.GreenBtn-callbackUrgencyLayerSubBlocLists {
  padding-left: 20px;
  margin-bottom: 0; }

.GreenBtn-callbackUrgencyLayerSubBlocList {
  color: #454545; }
  .GreenBtn-callbackUrgencyLayerSubBlocList + .GreenBtn-callbackUrgencyLayerSubBlocList {
    margin-top: 5px; }

.GreenBtn-callbackUrgencyLayerCallCosts {
  padding: 20px 0; }

.GreenBtn-callbackUrgencyLayerCallCost {
  padding-right: 20px; }

@media screen and (max-width: 649px) {
  .GreenBtn-callbackUrgencyLayerBloc {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .GreenBtn-callbackUrgencyLayerBlocTitle,
  .GreenBtn-callbackUrgencyLayerBlocDescription {
    width: 100%;
    text-align: left;
    padding-right: 0; }
  .GreenBtn-callbackUrgencyLayerBlocPrice {
    padding-top: 0; }
  .GreenBtn-callbackUrgencyLayerBlocNumber,
  .GreenBtn-callbackUrgencyLayerBlocPrice {
    text-align: left; }
  .GreenBtn-callbackUrgencyLayerBlocNumber {
    padding-top: 15px;
    line-height: 30px; }
  .GreenBtn-callbackUrgencyLayerSubBlocList + .GreenBtn-callbackUrgencyLayerSubBlocList {
    margin-top: 10px; }
  .GreenBtn-callbackUrgencyLayerCallCost {
    display: block;
    padding-right: 0; } }

/* END CALLBACK URGENCY LAYER */
/* BEGINNING CALLBACK NO LINK */
@media screen and (max-width: 989px) {
  .GreenBtn-callbackHomeContentContactWrapper--noLink,
  .GreenBtn-callbackHomeContentContactMail--oneLink {
    width: 90%; } }

@media screen and (max-width: 649px) {
  .GreenBtn-callbackHomeContentContactWrapper--noLink,
  .GreenBtn-callbackHomeContentContactMail--oneLink {
    width: 100%; } }

/* END CALLBACK NO LINK */
/* BEGINNING CALLBACK ONE LINK */
.GreenBtn-callbackHomeContentContactMail--oneLink {
  background-color: #ffffff;
  border-top: 1px solid #f5f5f5;
  padding: 30px; }

/* END CALLBACK ONE LINK */
/* BEGINNING ADVISOR NOT CONNECTED */
.GreenBtn-advisorWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px; }

.GreenBtn-advisorWrapperV1 {
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  @media (max-width: 989px) {
    .GreenBtn-advisorWrapperV1 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.GreenBtn-advisorWrapper--arcep {
  margin: 0 30px 5px 30px; }

.GreenBtn-advisorWrapper--connected {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.GreenBtn-advisorIcon {
  color: #007D8F;
  font-size: 40px;
  margin-right: 20px;
  padding: 21px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  border: 1px solid #007D8F; }
  @media (max-width: 649px) {
    .GreenBtn-advisorIcon {
      font-size: 36px;
      margin-right: 10px;
      padding: 19px; } }

@media (max-width: 649px) {
  .GreenBtn-advisorIcon--connected {
    font-size: 27px;
    padding: 14px; } }

.GreenBtn-advisorInfo {
  text-align: left; }

@media (min-width: 990px) {
  .GreenBtn-advisorInfo--notConnected {
    text-align: center; } }

.GreenBtn-advisorType,
.GreenBtn-advisorSchedule {
  font-size: 11px; }
  @media (max-width: 649px) {
    .GreenBtn-advisorType,
    .GreenBtn-advisorSchedule {
      font-size: 10px; } }

.GreenBtn-advisorSchedule--old {
  margin-bottom: 0; }

.GreenBtn-advisorSchedule--arcep {
  font-size: 12px; }

.GreenBtn-advisorName {
  font-size: 14px;
  margin-bottom: 12px; }
  @media (max-width: 649px) {
    .GreenBtn-advisorName {
      font-size: 12px; } }

@media (max-width: 649px) {
  .GreenBtn-advisorName--connected {
    margin-bottom: 0; } }

.GreenBtn-advisorName--V4 {
  font-size: 12px;
  font-weight: 300; }

.GreenBtn-advisorNumber {
  margin: 10px 0;
  line-height: 1.1; }
  @media (max-width: 989px) {
    .GreenBtn-advisorNumber {
      margin: 10px 0; } }
  @media (max-width: 649px) {
    .GreenBtn-advisorNumber {
      margin: 5px 0;
      font-size: 14px; } }

.GreenBtn-advisorNumber--V4 {
  font-size: 17.5px;
  margin: 5px 0; }
  @media (max-width: 649px) {
    .GreenBtn-advisorNumber--V4 {
      font-size: 17.5px; } }

.GreenBtn-advisorNumberCost {
  color: #999999;
  font-size: 10px;
  font-style: italic; }
  @media (max-width: 649px) {
    .GreenBtn-advisorNumberCost {
      font-size: 9px; } }

.GreenBtn-advisorScheduleWrapper {
  margin-top: 12px;
  margin-bottom: 12px; }

.GreenBtn-advisorSchedule {
  margin-bottom: 0; }

/* END ADVISOR NOT CONNECTED */
/* BEGGINING ADVISOR CONNECTED */
.GreenBtn-advisorContentWrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px; }
  @media (max-width: 649px) {
    .GreenBtn-advisorContentWrap {
      -webkit-box-pack: start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin-left: 10%; } }

@media (max-width: 649px) {
  .GreenBtn-advisorContentWrap--old {
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 0;
    margin-left: 0; } }

.GreenBtn-advisorContentWrap--noML {
  margin-left: 0; }

.GreenBtn-advisor--unvailable {
  color: #999999; }

.GreenBtn-advisorInfoV1 {
  margin: 0; }

.GreenBtn-advisorInfo--margR {
  margin-right: 35px; }
  @media (max-width: 989px) {
    .GreenBtn-advisorInfo--margR {
      margin-right: 0; } }

.GreenBtn-advisorInfo--margB {
  margin-bottom: 0; }
  @media (max-width: 989px) {
    .GreenBtn-advisorInfo--margB {
      margin-bottom: 20px; } }

@media (max-width: 649px) {
  .GreenBtn-advisorName--V1 {
    font-size: 14px; } }

@media (max-width: 649px) {
  .GreenBtn-advisorNumber--V1 {
    margin: 10px 0;
    font-size: 25px; } }

@media (max-width: 649px) {
  .GreenBtn-advisorNumberCost--V1 {
    font-size: 10px; } }

/* END ADVISOR CONNECTED */
/* BEGINNING ADVISOR MESSAGE ERROR */
.GreenBtn-advisorErrorPara {
  font-weight: 300;
  font-size: 15px;
  margin: 20px auto; }
  @media (min-width: 990px) {
    .GreenBtn-advisorErrorPara {
      width: 60%;
      margin: 20px auto; } }

.GreenBtn-advisorLink {
  margin-bottom: 0; }

@media (max-width: 649px) {
  .GreenBtn-advisorLink--mobile {
    padding: 30px; } }

/* END ADVISOR MESSAGE ERROR */
/* BEGINNING ADVISOR CONNECTED V4 */
.GreenBtn-advisorNameTitleV4 {
  color: #007D8F;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 0; }

/* END ADVISOR CONNECTED V4 */
/* BEGINNING ADVISOR CONNECTED V2 */
@media (max-width: 989px) {
  .GreenBtn-advisorInfoV2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
       -moz-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 10px 0;
    text-align: left; } }

@media (max-width: 989px) {
  .GreenBtn-advisorInfoV2 {
    margin-left: 20%; } }

@media (max-width: 989px) {
  .GreenBtn-advisorInfoV2 {
    margin-left: 8%; } }

.GreenBtn-advisorIconV2 {
  color: #007D8F;
  font-size: 25px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  border: 1px solid #007D8F;
  padding: 10px;
  margin-bottom: 8.5px; }
  @media (max-width: 989px) {
    .GreenBtn-advisorIconV2 {
      margin-right: 15px; } }

.GreenBtn-advisorIconV2--V3 {
  border: none; }

/* END ADVISOR CONNECTED V2 */
/* BEGINNING ADVISOR CONNECTED OLD */
.GreenBtn-advisorImgOld {
  width: 85px;
  background-color: #f5f5f5;
  -moz-border-radius: 50%;
       border-radius: 50%;
  margin-right: 20px; }
  @media (max-width: 649px) {
    .GreenBtn-advisorImgOld {
      width: 65px;
      margin-right: 15px; } }

/* END ADVISOR CONNECTED OLD */
.Arcep {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: #ffffff;
  color: #78b41e;
  -moz-box-shadow: inset 0 0 15px -5px #000;
       box-shadow: inset 0 0 15px -5px #000;
  padding: 2px 10px 2px 5px; }

.Arcep-number {
  vertical-align: middle;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin-right: 2px; }

.Arcep-legalMentions {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: 11px;
  text-align: left;
  background-color: #d9ef8e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d9ef8e 0%, #7fc600 5%, #009e0d 100%);
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d9ef8e 0%, #7fc600 5%, #009e0d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$arcepGreenDegraded', endColorstr='$arcepGreenDegraded100',GradientType=0 );
  /* IE6-9 */
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px 3px 15px;
  margin: -7px -4px -6px 0; }
  .Arcep-legalMentions::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 0;
    width: 0;
    pointer-events: none;
    border: 8px solid transparent;
    border-left-color: #ffffff; }

@media screen and (min-width: 990px) {
  .Arcep {
    white-space: nowrap; } }

@media screen and (max-width: 989px) {
  .Arcep {
    margin-top: 15px; } }

@media screen and (max-width: 649px) {
  .Arcep {
    max-width: 140px;
    display: inline-block;
    position: relative;
    background: #ffffff;
    color: #78b41e;
    padding-left: 0;
    width: auto;
    padding-right: 0;
    padding-bottom: 0;
    text-align: center; }
  .Arcep-number {
    display: block;
    text-align: center;
    padding: 2px;
    margin-right: 0; }
  .Arcep-legalMentions {
    width: 100%;
    padding: 3px 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0; }
    .Arcep-legalMentions::before {
      content: "";
      position: absolute;
      left: 4px;
      top: 27%;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
              transform: translateY(-50%);
      height: 0;
      width: 0;
      pointer-events: none;
      border: 8px solid transparent;
      border-top-color: #ffffff; }
  .Arcep-legalMention {
    padding-left: 20px;
    text-align: left; }
  .Arcep-legalMentions--small {
    padding-left: 18px;
    padding-right: 5px;
    line-height: 12px !important; } }

.Arcep-legalMentions--small {
  line-height: 20px; }

.Arcep-legalMentionsInfo {
  margin-bottom: 0; }

/* Green version */
.Arcep--green {
  border: 1px solid #78b41e;
  -moz-box-shadow: none;
       box-shadow: none; }
  .Arcep--green .Arcep-legalMentions {
    background: #78b41e; }

/* Green version */
/* Gray version */
.Arcep--gray {
  color: #91919B;
  border: 1px solid #91919B;
  -moz-box-shadow: none;
       box-shadow: none; }
  .Arcep--gray .Arcep-legalMentions {
    background: #91919B; }

/* Gray version */
/* Degraded gray version */
.Arcep--grayDegraded {
  color: #91919B; }
  .Arcep--grayDegraded .Arcep-legalMentions {
    background-color: #91919B;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c9c8d8 0%, #8f909d 5%, #53555d 100%);
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c9c8d8 0%, #8f909d 5%, #53555d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$arcepGrayDegraded', endColorstr='$arcepGrayDegraded100',GradientType=0 );
    /* IE6-9 */ }

/* Degraded gray version */
/* Purple version */
.Arcep--purple {
  color: #9C1981;
  border: 1px solid #9C1981;
  -moz-box-shadow: none;
       box-shadow: none; }
  .Arcep--purple .Arcep-legalMentions {
    background: #9C1981; }

/* Purple version */
/* Degraded purple version */
.Arcep--purpleDegraded {
  color: #9C1981; }
  .Arcep--purpleDegraded .Arcep-legalMentions,
  .Arcep--purpleDegraded .ArcepBig-legalMentions {
    background-color: #9C1981;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d17fcd 0%, #ac1198 5%, #770063 100%);
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d17fcd 0%, #ac1198 5%, #770063 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$arcepPurpleDegraded', endColorstr='$arcepPurpleDegraded100',GradientType=0 );
    /* IE6-9 */ }

/* Degraded purple version */
/* BIG VERSION OF ARCEP PHONE */
.ArcepBig {
  display: inline-block;
  position: relative;
  background: #ffffff;
  color: #78b41e;
  -moz-box-shadow: inset 0 0 15px -5px #000;
       box-shadow: inset 0 0 15px -5px #000; }

.ArcepBig-number {
  vertical-align: middle;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 2px; }

.ArcepBig-legalMentions {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: 11px;
  background-color: #d9ef8e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d9ef8e 0%, #7fc600 5%, #009e0d 100%);
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d9ef8e 0%, #7fc600 5%, #009e0d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$arcepGreenDegraded', endColorstr='$arcepGreenDegraded100',GradientType=0 );
  /* IE6-9 */
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 300;
  padding: 3px 0;
  margin-left: -7px -4px -6px 0; }
  .ArcepBig-legalMentions::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 27%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 0;
    width: 0;
    pointer-events: none;
    border: 8px solid transparent;
    border-top-color: #ffffff; }

.ArcepBig-legalMentionsText {
  width: 69%;
  margin: auto;
  text-align: left; }

/* Green version for Big Arcep */
.ArcepBig--green {
  color: #78b41e;
  border: 1px solid #78b41e;
  -moz-box-shadow: none;
       box-shadow: none; }
  .ArcepBig--green .ArcepBig-legalMentions {
    background: #78b41e; }

/* Green version for Big Arcep */
/* Gray version for Big Arcep */
.ArcepBig--gray {
  color: #91919B;
  border: 1px solid #91919B;
  -moz-box-shadow: none;
       box-shadow: none; }
  .ArcepBig--gray .ArcepBig-legalMentions {
    background: #91919B; }

/* Gray version for Big Arcep */
/* Gray version with degraded for Big Arcep */
.ArcepBig--grayDegraded {
  color: #91919B; }
  .ArcepBig--grayDegraded .ArcepBig-legalMentions {
    background-color: #91919B;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c9c8d8 0%, #8f909d 5%, #53555d 100%);
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c9c8d8 0%, #8f909d 5%, #53555d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$arcepGrayDegraded', endColorstr='$arcepGrayDegraded100',GradientType=0 );
    /* IE6-9 */ }

/* Gray version with degraded for Big Arcep */
/* Purple version for Big Arcep */
.ArcepBig--purple {
  color: #9C1981;
  border: 1px solid #9C1981;
  -moz-box-shadow: none;
       box-shadow: none; }
  .ArcepBig--purple .ArcepBig-legalMentions {
    background: #9C1981; }

/* Purple version for Big Arcep */
/* Purple version with degraded for Big Arcep */
.ArcepBig--purpleDegraded {
  color: #9C1981; }
  .ArcepBig--purpleDegraded .ArcepBig-legalMentions {
    background-color: #9C1981;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d17fcd 0%, #ac1198 5%, #770063 100%);
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d17fcd 0%, #ac1198 5%, #770063 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$arcepPurpleDegraded', endColorstr='$arcepPurpleDegraded100',GradientType=0 );
    /* IE6-9 */ }

/* Purple version with degraded for Big Arcep */
/* BIG VERSION OF ARCEP PHONE */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------- T062 GREEN BTN WEB CALL BACK--------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------- T062 GREEN BTN DIALOG BOX ---------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BEGINNING DIALOG BOX TYPING */
.GreenBtn-dialogBox {
  background-color: #ffffff;
  -moz-border-radius: 3px;
       border-radius: 3px;
  bottom: 50px;
  -moz-box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.66);
       box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.66);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 20px;
  min-width: 280px;
  position: fixed;
  width: 24%;
  z-index: 9999; }

.exampleOutput .GreenBtn-dialogBox {
  position: relative;
  bottom: auto;
  left: auto;
  margin-bottom: 20px; }

.GreenBtn-dialogBox--whiteTriangle .GreenBtn-dialogBoxTriangle::after {
  background: #ffffff; }

.GreenBtn-dialogBoxTriangle {
  position: absolute;
  bottom: -20px;
  left: 20px;
  width: 20px;
  height: 20px;
  overflow: hidden; }
  .GreenBtn-dialogBoxTriangle:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #f5f5f5;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
            transform: rotate(45deg);
    top: -10px;
    left: -10px;
    -moz-box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.5);
         box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.5); }

.GreenBtn-dialogBoxHeader {
  display: table;
  width: 100%;
  height: 59px;
  background-color: #009787;
  color: #ffffff;
  -moz-border-radius-topleft: 3px;
       border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
       border-top-right-radius: 3px; }

.GreenBtn-dialogBoxHeaderTitleWrapper,
.GreenBtn-dialogBoxHeaderOptionWrapper {
  display: table-cell;
  vertical-align: middle; }

.GreenBtn-dialogBoxHeaderTitleWrapper {
  padding-left: 20px; }

.GreenBtn-dialogBoxHeaderOptionWrapper {
  position: relative;
  text-align: right; }

.GreenBtn-dialogBoxHeaderTitleIcon {
  font-size: 30px;
  padding-right: 10px; }

.GreenBtn-dialogBoxHeaderOptionIcon,
.GreenBtn-dialogBoxHeaderOptionReduce {
  color: #ffffff;
  font-size: 15px;
  padding: 7px; }
  .GreenBtn-dialogBoxHeaderOptionIcon:hover, .GreenBtn-dialogBoxHeaderOptionIcon:active, .GreenBtn-dialogBoxHeaderOptionIcon:focus,
  .GreenBtn-dialogBoxHeaderOptionReduce:hover,
  .GreenBtn-dialogBoxHeaderOptionReduce:active,
  .GreenBtn-dialogBoxHeaderOptionReduce:focus {
    color: #ffffff;
    text-decoration: none; }

.GreenBtn-dialogBoxHeaderOptionIcon--active {
  background-color: #01897b;
  -moz-border-radius: 50%;
       border-radius: 50%; }

.GreenBtn-dialogBoxHeaderOptionIcon--disabled {
  opacity: 0.3;
  background-color: transparent;
  cursor: not-allowed !important; }

.GreenBtn-dialogBoxHeaderOptionClose {
  color: #ffffff;
  background-color: #01897b;
  padding: 23.5px;
  -moz-border-radius-topright: 3px;
       border-top-right-radius: 3px; }
  .GreenBtn-dialogBoxHeaderOptionClose:hover, .GreenBtn-dialogBoxHeaderOptionClose:active, .GreenBtn-dialogBoxHeaderOptionClose:focus {
    color: #ffffff;
    text-decoration: none; }

.flexbox .GreenBtn-dialogBoxHeader {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 59px; }

.flexbox .GreenBtn-dialogBoxHeaderTitleWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 7px; }

.flexbox .GreenBtn-dialogBoxHeaderTitle {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.flexbox .GreenBtn-dialogBoxHeaderOptionWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .flexbox .GreenBtn-dialogBoxHeaderOptionWrapper > span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 3px; }
    .flexbox .GreenBtn-dialogBoxHeaderOptionWrapper > span:last-child {
      -ms-flex-item-align: stretch;
          -ms-grid-row-align: stretch;
          align-self: stretch;
      margin-left: 7px; }

.flexbox .GreenBtn-dialogBoxHeaderOptionClose {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: stretch;
      align-self: stretch; }

.GreenBtn-dialogBoxContent {
  height: 300px;
  background-color: #ffffff;
  overflow-y: auto; }

.GreenBtn-dialogBoxContentWrapper {
  width: 100%; }

.GreenBtn-dialogBoxContentBloc--user {
  float: right;
  text-align: right; }

.GreenBtn-dialogBoxPara--noMarginBot {
  margin-bottom: 0 !important; }

.GreenBtn-dialogBoxContentBloc,
.GreenBtn-dialogBoxContentBloc--user {
  position: relative;
  max-width: 70%;
  margin-bottom: 20px; }

.GreenBtn-dialogBoxContentBlocName {
  color: #007D8F; }

.GreenBtn-dialogBoxContentBlocBubble {
  background-color: #f5f5f5; }
  .GreenBtn-dialogBoxContentBlocBubble::before {
    left: -18px;
    border-color: transparent #f5f5f5 transparent transparent; }

.GreenBtn-dialogBoxContentBlocBubble--user {
  background-color: #01897b;
  color: #ffffff; }
  .GreenBtn-dialogBoxContentBlocBubble--user::before {
    right: -17px;
    border-color: transparent transparent transparent #01897b; }

.GreenBtn-dialogBoxContentBlocBubble,
.GreenBtn-dialogBoxContentBlocBubble--user {
  padding: 10px;
  -moz-border-radius: 3px;
       border-radius: 3px; }
  .GreenBtn-dialogBoxContentBlocBubble::before,
  .GreenBtn-dialogBoxContentBlocBubble--user::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
            transform: translateY(-50%);
    border: solid 10px transparent; }

.GreenBtn-dialogBoxContentBlocBubbleText {
  margin-bottom: 0; }

.GreenBtn-dialogBoxContent,
.GreenBtn-dialogBoxContentWrapper,
.GreenBtn-dialogBoxContentBloc,
.GreenBtn-dialogBoxContentBlocBubble,
.GreenBtn-dialogBoxContentBlocBubbleTypingWrapper,
.GreenBtn-dialogBoxContentBlocBubbleTyping {
  float: left; }

.GreenBtn-dialogBoxContentBlocBubbleTyping {
  width: 7px;
  height: 7px;
  background-color: #E1E1E1;
  -moz-border-radius: 50%;
       border-radius: 50%;
  margin: 2px;
  -webkit-animation: loaderChatBoxTyping 1300ms linear infinite;
     -moz-animation: loaderChatBoxTyping 1300ms linear infinite;
          animation: loaderChatBoxTyping 1300ms linear infinite; }
  .GreenBtn-dialogBoxContentBlocBubbleTyping:nth-child(1) {
    -webkit-animation-delay: -1300ms;
       -moz-animation-delay: -1300ms;
            animation-delay: -1300ms; }
  .GreenBtn-dialogBoxContentBlocBubbleTyping:nth-child(2) {
    -webkit-animation-delay: -975ms;
       -moz-animation-delay: -975ms;
            animation-delay: -975ms; }
  .GreenBtn-dialogBoxContentBlocBubbleTyping:nth-child(3) {
    -webkit-animation-delay: -650ms;
       -moz-animation-delay: -650ms;
            animation-delay: -650ms; }

@-webkit-keyframes loaderChatBoxTyping {
  0%, 33%, 100% {
    background-color: #E1E1E1; }
  11.5% {
    background-color: #999999; } }

@-moz-keyframes loaderChatBoxTyping {
  0%, 33%, 100% {
    background-color: #E1E1E1; }
  11.5% {
    background-color: #999999; } }

@keyframes loaderChatBoxTyping {
  0%, 33%, 100% {
    background-color: #E1E1E1; }
  11.5% {
    background-color: #999999; } }

.GreenBtn-dialogBoxContentBlocTime {
  color: #999999;
  text-align: right;
  margin-top: 5px; }

.GreenBtn-dialogBoxContentBlocName,
.GreenBtn-dialogBoxContentBlocTime {
  font-size: 11px;
  margin-bottom: 5px; }

.GreenBtn-dialogBoxContent,
.GreenBtn-dialogBoxFooter {
  width: 100%;
  padding: 20px; }

.GreenBtn-dialogBoxContent--borderRadius,
.GreenBtn-dialogBoxFooter {
  -moz-border-radius-bottomleft: 3px;
       border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
       border-bottom-right-radius: 3px; }

.GreenBtn-dialogBoxFooter {
  display: table;
  width: 100%;
  background-color: #f5f5f5; }

.GreenBtn-dialogBoxFooterUserMessage,
.GreenBtn-dialogBoxFooterSend {
  display: table-cell;
  vertical-align: middle; }

.GreenBtn-dialogBoxFooterUserMessage {
  width: 100%;
  background-color: transparent;
  color: #999999;
  font-weight: 300;
  line-height: 1.5;
  height: 1.5em;
  border: 0;
  overflow: auto;
  resize: none;
  outline: none;
  padding: 0; }
  @media screen and (max-width: 649px) {
    .GreenBtn-dialogBoxFooterUserMessage {
      font-size: 16px; } }

.GreenBtn-dialogBoxFooterSend {
  color: #009787;
  text-align: right; }

/* BEGGINING MOBILE AND TABLET BEHAVIOR */
@media screen and (max-width: 989px) {
  .GreenBtn-dialogBox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; }
    .GreenBtn-dialogBox::after {
      display: none; }
  .exampleOutput .GreenBtn-dialogBox {
    height: 100vh; }
  .GreenBtn-dialogBox,
  .GreenBtn-dialogBoxHeader,
  .GreenBtn-dialogBoxFooter {
    -moz-border-radius: 0;
         border-radius: 0; }
  .GreenBtn-dialogBoxHeader {
    position: relative; }
  .GreenBtn-dialogBoxHeaderTitle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .GreenBtn-dialogBoxHeaderTitle,
  .GreenBtn-dialogBoxContent,
  .GreenBtn-dialogBoxFooter {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .GreenBtn-dialogBoxContent {
    height: auto;
    max-height: -moz-calc(100% - 118px);
    max-height: calc(100% - 118px);
    /* IE fix */
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .GreenBtn-dialogBoxHeaderOptionClose {
    background-color: transparent; }
  .GreenBtn-dialogBoxHeaderOptionReduce {
    padding-right: 0; } }

/* END MOBILE AND TABLET BEHAVIOR */
/* END DIALOG BOX TYPING */
/* DIALOG SHARE SCREEN */
.GreenBtn-dialogBoxContentBanner {
  display: table;
  width: 100%;
  min-height: 70px;
  background-color: #454545;
  color: #ffffff;
  padding: 10px 20px; }

.GreenBtn-dialogBoxContentBannerText {
  display: table-cell;
  vertical-align: middle;
  width: 50%; }

.GreenBtn-dialogBoxContentBannerBtnWrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: right; }

.GreenBtn-dialogBoxContentBannerBtn {
  display: inline-block;
  width: 50px;
  border: 1px solid #ffffff;
  -moz-border-radius: 3px;
       border-radius: 3px;
  text-align: center;
  padding: 6px 10px; }
  .GreenBtn-dialogBoxContentBannerBtn + .GreenBtn-dialogBoxContentBannerBtn {
    background-color: #ffffff;
    margin-left: 5px; }
    .GreenBtn-dialogBoxContentBannerBtn + .GreenBtn-dialogBoxContentBannerBtn, .GreenBtn-dialogBoxContentBannerBtn + .GreenBtn-dialogBoxContentBannerBtn:hover, .GreenBtn-dialogBoxContentBannerBtn + .GreenBtn-dialogBoxContentBannerBtn:active, .GreenBtn-dialogBoxContentBannerBtn + .GreenBtn-dialogBoxContentBannerBtn:focus {
      color: #01897b; }
  .GreenBtn-dialogBoxContentBannerBtn, .GreenBtn-dialogBoxContentBannerBtn:hover, .GreenBtn-dialogBoxContentBannerBtn:active, .GreenBtn-dialogBoxContentBannerBtn:focus {
    text-decoration: none;
    color: #ffffff; }

/* DIALOG SHARE SCREEN */
/* DIALOG HOME */
.GreenBtn-dialogBoxContent--fullBorderRadius {
  -moz-border-radius: 3px;
       border-radius: 3px; }

.GreenBtn-dialogBoxContentHome {
  height: 300px;
  background-color: #ffffff;
  padding: 20px; }

.GreenBtn-dialogBoxContentHomeWrapper {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 20%; }

.GreenBtn-dialogBoxContentHomeText,
.GreenBtn-dialogBoxContentHomeBtnWrapper {
  text-align: center; }

.GreenBtn-dialogBoxContentHomeBtn {
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #999999;
  -moz-border-radius: 50%;
       border-radius: 50%;
  -webkit-animation: loaderChatBoxHome 1300ms linear infinite;
     -moz-animation: loaderChatBoxHome 1300ms linear infinite;
          animation: loaderChatBoxHome 1300ms linear infinite; }
  .GreenBtn-dialogBoxContentHomeBtn:nth-child(1) {
    -webkit-animation-delay: -1300ms;
       -moz-animation-delay: -1300ms;
            animation-delay: -1300ms; }
  .GreenBtn-dialogBoxContentHomeBtn:nth-child(2) {
    -webkit-animation-delay: -975ms;
       -moz-animation-delay: -975ms;
            animation-delay: -975ms; }
  .GreenBtn-dialogBoxContentHomeBtn:nth-child(3) {
    -webkit-animation-delay: -650ms;
       -moz-animation-delay: -650ms;
            animation-delay: -650ms; }

@-webkit-keyframes loaderChatBoxHome {
  0%, 33%, 100% {
    background-color: #999999;
    -webkit-transform: scale(1);
            transform: scale(1); }
  11.5% {
    background-color: #99cc00;
    -webkit-transform: scale(1.4);
            transform: scale(1.4); } }

@-moz-keyframes loaderChatBoxHome {
  0%, 33%, 100% {
    background-color: #999999;
    -moz-transform: scale(1);
         transform: scale(1); }
  11.5% {
    background-color: #99cc00;
    -moz-transform: scale(1.4);
         transform: scale(1.4); } }

@keyframes loaderChatBoxHome {
  0%, 33%, 100% {
    background-color: #999999;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); }
  11.5% {
    background-color: #99cc00;
    -webkit-transform: scale(1.4);
       -moz-transform: scale(1.4);
            transform: scale(1.4); } }

@media screen and (max-width: 989px) {
  .GreenBtn-dialogBoxContentHome {
    height: auto; } }

/* DIALOG HOME */
/* DIALOG ERROR */
.GreenBtn-dialogBoxContentBlocBubble--userError {
  background-color: #009787;
  opacity: 0.5; }
  .GreenBtn-dialogBoxContentBlocBubble--userError::before {
    border-color: transparent transparent transparent #009787; }

/* DIALOG ERROR */
/* DIALOG FILE */
.GreenBtn-dialogBoxFileAdvisor,
.GreenBtn-dialogBoxFileSize,
.GreenBtn-dialogBoxChatParameterZoom {
  font-size: 11px;
  color: #999999; }

.GreenBtn-dialogBoxFileDwnld {
  text-align: right; }

.GreenBtn-dialogBoxFileAccept + .GreenBtn-dialogBoxFileAccept {
  color: #d70000;
  margin-left: 15px; }

.GreenBtn-dialogBoxFileTransferWrapper {
  display: table;
  width: 100%; }

.GreenBtn-dialogBoxFileTransferImgWrapper,
.GreenBtn-dialogBoxFileTransferText {
  display: table-cell;
  vertical-align: middle; }

.GreenBtn-dialogBoxFileTransferImg {
  width: 20px;
  margin-right: 10px; }

.GreenBtn-dialogBoxFileName, .GreenBtn-dialogBoxFileName:hover, .GreenBtn-dialogBoxFileName:focus, .GreenBtn-dialogBoxFileName:active {
  color: #454545; }

/* DIALOG FILE */
/* DIALOG FILE (CHAT PARAMETERS) */
.GreenBtn-dialogBoxHeaderOptionParameters {
  position: relative;
  display: inline-block; }

.GreenBtn-dialogBoxChatParameters {
  position: absolute;
  top: 100%;
  left: 0;
  width: 237px;
  height: 184px;
  background-color: white;
  z-index: 1;
  margin-right: -200px;
  margin-top: 10px;
  -moz-box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.66);
       box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.66); }

.GreenBtn-dialogBoxChatParameter {
  display: table;
  width: 100%;
  height: 46px;
  padding: 13px; }
  .GreenBtn-dialogBoxChatParameter + .GreenBtn-dialogBoxChatParameter {
    border-top: 1px solid #E1E1E1;
    text-decoration: none;
    cursor: pointer; }

.GreenBtn-dialogBoxChatParameter--left {
  text-align: left; }

.GreenBtn-dialogBoxChatParameter--center {
  text-align: center; }

.GreenBtn-dialogBoxChatParameter--disabled {
  opacity: 0.3;
  background-color: transparent;
  cursor: not-allowed !important; }
  .GreenBtn-dialogBoxChatParameter--disabled .GreenBtn-dialogBoxChatParameterIcon {
    cursor: not-allowed !important; }

.GreenBtn-dialogBoxChatParameterZoom {
  border-right: 1px solid #E1E1E1;
  border-left: 1px solid #E1E1E1; }

.GreenBtn-dialogBoxChatParameterIcon {
  color: #99cc00;
  width: 13%;
  cursor: pointer; }
  .GreenBtn-dialogBoxChatParameterIcon:hover, .GreenBtn-dialogBoxChatParameterIcon:focus, .GreenBtn-dialogBoxChatParameterIcon:active {
    text-decoration: none;
    color: #99cc00; }

.GreenBtn-dialogBoxChatGcuLink,
.GreenBtn-dialogBoxSatisfactionTitle--regularFont,
.GreenBtn-dialogBoxSatisfactionContentQuestion {
  font-weight: 300; }

.GreenBtn-dialogBoxChatParameterText,
.GreenBtn-dialogBoxChatGcuLink {
  color: #454545; }

.GreenBtn-dialogBoxChatParameterZoom,
.GreenBtn-dialogBoxChatParameterIcon,
.GreenBtn-dialogBoxChatParameterText,
.GreenBtn-dialogBoxChatGcuLink {
  display: table-cell; }

.GreenBtn-dialogBoxChatParameterZoom,
.GreenBtn-dialogBoxChatParameterText,
.GreenBtn-dialogBoxChatGcuLink {
  vertical-align: middle; }

/* DIALOG FILE (CHAT PARAMETERS)  */
/* DIALOG SATISFACTION */
.GreenBtn-dialogBoxSatisfaction {
  text-align: center;
  position: relative;
  height: 100%; }

.GreenBtn-dialogBoxSatisfactionHeader,
.GreenBtn-dialogBoxSatisfactionContent,
.GreenBtn-dialogBoxSatisfactionFooter {
  position: absolute;
  left: 50%;
  width: 100%; }

.GreenBtn-dialogBoxSatisfactionHeader,
.GreenBtn-dialogBoxSatisfactionContent {
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.GreenBtn-dialogBoxSatisfactionHeader {
  top: 20px; }

.GreenBtn-dialogBoxSatisfactionTitle,
.GreenBtn-dialogBoxSatisfactionTitle--regularFont {
  font-size: 15px;
  margin-bottom: 2px; }

.GreenBtn-dialogBoxSatisfactionContent {
  top: 50%; }

.GreenBtn-dialogBoxSatisfactionContentQuestion {
  font-size: 10px; }

.GreenBtn-dialogBoxSatisfactionContentStarWrapper {
  margin: 20px 0;
  cursor: pointer; }

.GreenBtn-dialogBoxSatisfactionContentStar {
  color: #999999;
  font-size: 20px;
  padding: 0 5px; }

.GreenBtn-dialogBoxSatisfactionContentRating {
  font-size: 14px; }

.GreenBtn-dialogBoxSatisfactionContentRating,
.GreenBtn-dialogBoxSatisfactionContentStar--active {
  color: #d70000; }

.GreenBtn-dialogBoxSatisfactionFooter {
  bottom: 0;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%); }

.GreenBtn-dialogBoxSatisfactionFooterBtn {
  margin: 5px;
  height: 42px;
  padding-left: 40px;
  padding-right: 40px; }

@media screen and (max-width: 989px) {
  .GreenBtn-dialogBoxContentHome {
    height: -moz-calc(100% - 59px);
    height: calc(100% - 59px); }
  .GreenBtn-dialogBoxSatisfaction {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%; }
  .GreenBtn-dialogBoxSatisfactionTitle {
    font-size: 17px; }
  .GreenBtn-dialogBoxSatisfactionContentQuestion {
    margin-bottom: 5px !important; }
  .GreenBtn-dialogBoxSatisfactionContentDelay,
  .GreenBtn-dialogBoxSatisfactionContentQuestion,
  .GreenBtn-dialogBoxSatisfactionFooterBtn {
    font-size: 14px; }
  .GreenBtn-dialogBoxChatParameters {
    margin-right: 0;
    margin-left: -200px; } }

/* DIALOG SATISFACTION */
/* DIALOG SATISFACTION COMMENT */
.GreenBtn-dialogBoxSatisfactionComment {
  width: 60%;
  height: 85px;
  border: 1px solid #999999;
  -moz-border-radius: 3px;
       border-radius: 3px;
  margin-top: 15px;
  resize: none;
  overflow: auto;
  outline: none; }

@media screen and (max-width: 649px) {
  .GreenBtn-dialogBoxSatisfactionComment {
    width: 90%;
    height: 60px; }
  .GreenBtn-dialogBoxChatParameters {
    margin-right: -75px;
    margin-left: -125px; } }

/* DIALOG SATISFACTION COMMENT */
/* DIALOG SATISFACTION END */
.GreenBtn-dialogBoxSatisfactionEnd {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%; }

.GreenBtn-dialogBoxSatisfactionEndText {
  width: 80%;
  margin: 25px auto; }

/* DIALOG SATISFACTION END */
/*= HELP */
.GreenBtn-helpTitle {
  margin: 0 0 15px;
  text-align: center;
  color: #007D8F; }

.GreenBtn-helpLink {
  position: relative;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 0 0 15px;
  padding: 13px 45px 13px 15px;
  min-height: 64px;
  font-weight: 400;
  line-height: 1.5;
  color: #454545;
  background: #f5f5f5;
  text-decoration: none;
  -moz-border-radius: 4px;
       border-radius: 4px; }
  .GreenBtn-helpLink:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 1em;
    height: 1em;
    margin: -.5em;
    line-height: 1;
    color: #007D8F; }
  .GreenBtn-helpLink:hover, .GreenBtn-helpLink:focus {
    background: #99cc00;
    color: #ffffff;
    text-decoration: none; }
    .GreenBtn-helpLink:hover:after, .GreenBtn-helpLink:focus:after {
      color: #ffffff; }
  .GreenBtn-helpLink:last-child {
    margin-bottom: 0; }

.GreenBtn-dialogBoxFAQ {
  background: #f5f5f5;
  margin: -20px;
  padding: 20px; }
  .GreenBtn-dialogBoxFAQ .panel {
    margin-bottom: 0;
    background: transparent; }
  .GreenBtn-dialogBoxFAQ .AccordionSteps-header.panel-title {
    padding-bottom: 10px !important; }
  .GreenBtn-dialogBoxFAQ .AccordionSteps-headerIcon {
    background: transparent;
    color: #9c0;
    font-size: 30px;
    padding-left: 0;
    width: 35px; }
  .GreenBtn-dialogBoxFAQ .AccordionSteps-headerTitle {
    padding: 0 0 0 15px; }
  .GreenBtn-dialogBoxFAQ .Comments {
    margin: 0;
    padding: 0; }
  .GreenBtn-dialogBoxFAQ .Comments-icon {
    width: 75px; }
  .GreenBtn-dialogBoxFAQ .Comments-arrowBox {
    width: auto; }

.GreenBtn-dialogBoxFooter--links {
  background: #ffffff; }

.GreenBtn-dialogBoxFooterLink {
  display: inline-block;
  position: relative; }
  .GreenBtn-dialogBoxFooterLink:before {
    position: absolute;
    top: 50%;
    display: inline-block;
    height: 1em;
    margin: -.5em 0;
    font-size: 13px;
    line-height: 1;
    text-decoration: none; }

.GreenBtn-dialogBoxFooterLink--prev {
  padding-left: 20px; }
  .GreenBtn-dialogBoxFooterLink--prev:before {
    content: "";
    left: 0; }

.GreenBtn-dialogBoxFooterLink--next {
  padding-right: 20px;
  float: right; }
  .GreenBtn-dialogBoxFooterLink--next:before {
    content: "";
    right: 0; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------- T062 GREEN BTN DIALOG BOX ---------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------- T062 GREEN BTN TCHAT BOX REDUCED -----------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.GreenBtn-chatBoxReduced {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: fixed;
  z-index: 9999;
  bottom: 32px;
  left: 20px;
  -moz-box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.5);
       box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.5);
  -moz-border-radius: 3px;
       border-radius: 3px; }

.exampleOutput .GreenBtn-chatBoxReduced {
  position: relative;
  bottom: auto;
  left: auto;
  margin-bottom: 20px; }

.GreenBtn-chatBoxReduced--folded .GreenBtn-chatBoxReducedIconWrapper {
  -moz-border-radius: 3px;
       border-radius: 3px; }

.GreenBtn-chatBoxReduced--folded .GreenBtn-chatBoxUnfolded {
  display: none; }

.GreenBtn-chatBoxReducedIconWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  background-color: #01897b;
  padding: 15px;
  -moz-border-radius-topleft: 3px;
       border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
       border-bottom-left-radius: 3px; }
  .GreenBtn-chatBoxReducedIconWrapper, .GreenBtn-chatBoxReducedIconWrapper:hover, .GreenBtn-chatBoxReducedIconWrapper:active, .GreenBtn-chatBoxReducedIconWrapper:focus {
    text-decoration: none; }

.GreenBtn-chatBoxReducedIcon {
  color: #ffffff;
  font-size: 39px; }

.GreenBtn-chatBoxReducedTriangle {
  position: absolute;
  bottom: -25px;
  left: 20%;
  width: 50px;
  height: 25px;
  margin: 0 -10px;
  overflow: hidden; }
  .GreenBtn-chatBoxReducedTriangle:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 15px;
    background: #01897b;
    top: 0;
    left: 10px;
    -moz-box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.3);
         box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.3);
    -webkit-transform: skew(0deg, -45deg);
       -moz-transform: skew(0deg, -45deg);
            transform: skew(0deg, -45deg);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
            transform-origin: 0 0; }

.GreenBtn-chatBoxUnfolded {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -moz-border-radius-topright: 3px;
       border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
       border-bottom-right-radius: 3px;
  padding: 0 15px;
  max-width: 323px; }
  .GreenBtn-chatBoxUnfolded::after {
    content: "";
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    border-color: transparent transparent transparent #01897b; }
  .GreenBtn-chatBoxUnfolded:before {
    content: " ";
    position: absolute;
    right: 100%;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 8px 10px 8px 0;
    border-color: transparent #01897b transparent transparent;
    pointer-events: none; }
  .GreenBtn-chatBoxUnfolded:after, .GreenBtn-chatBoxUnfolded:before {
    display: none; }

.GreenBtn-chatBoxUnfoldedText {
  padding-right: 15px; }

.GreenBtn-chatBoxUnfoldedBtnWrapper {
  background-color: #ffffff;
  text-align: right;
  white-space: nowrap; }

.GreenBtn-chatBoxUnfolded,
.GreenBtn-chatBoxUnfoldedBtn {
  background-color: #ffffff;
  color: #01897b; }

.GreenBtn-chatBoxUnfoldedBtn {
  border: 1px solid #01897b; }
  .GreenBtn-chatBoxUnfoldedBtn:hover, .GreenBtn-chatBoxUnfoldedBtn:focus, .GreenBtn-chatBoxUnfoldedBtn:active {
    background-color: #01897b;
    color: #ffffff;
    border-color: #01897b; }

.GreenBtn-chatBoxUnfoldedBtn--active {
  background-color: #01897b;
  border-color: #01897b;
  color: #ffffff; }
  .GreenBtn-chatBoxUnfoldedBtn--active:hover, .GreenBtn-chatBoxUnfoldedBtn--active:focus, .GreenBtn-chatBoxUnfoldedBtn--active:active {
    background-color: #009787;
    color: #ffffff;
    border-color: #009787; }

/* TABLET */
@media screen and (max-width: 989px) {
  .GreenBtn-chatBoxReduced {
    -moz-box-shadow: none;
         box-shadow: none; }
  .GreenBtn-chatBoxReducedIconWrapper {
    -moz-border-radius: 50px !important;
         border-radius: 50px !important; }
  .GreenBtn-chatBoxUnfolded {
    background-color: #01897b;
    color: #ffffff;
    -moz-border-radius-topleft: 3px;
         border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
         border-bottom-left-radius: 3px;
    margin-left: 20px; }
    .GreenBtn-chatBoxUnfolded:before {
      display: block; }
    .GreenBtn-chatBoxUnfolded:after {
      display: none; }
  .GreenBtn-chatBoxUnfoldedBtnWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    z-index: 1;
    background-color: #01897b; }
  .GreenBtn-chatBoxUnfoldedBtn {
    background-color: #01897b;
    color: #ffffff;
    border: 1px solid #ffffff; }
    .GreenBtn-chatBoxUnfoldedBtn:hover, .GreenBtn-chatBoxUnfoldedBtn:focus, .GreenBtn-chatBoxUnfoldedBtn:active {
      background-color: #ffffff;
      border-color: #ffffff;
      color: #01897b; }
  .GreenBtn-chatBoxUnfoldedBtn--active {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #01897b; }
    .GreenBtn-chatBoxUnfoldedBtn--active:hover, .GreenBtn-chatBoxUnfoldedBtn--active:focus, .GreenBtn-chatBoxUnfoldedBtn--active:active {
      background-color: #fbfbfb;
      border-color: #fbfbfb;
      color: #01897b; }
  .GreenBtn-chatBoxUnfoldedBtn + .GreenBtn-chatBoxUnfoldedBtn {
    margin-left: 5px; }
  .GreenBtn-chatBoxUnfoldedText {
    padding-right: 10px; } }

/* MOBILE */
@media screen and (max-width: 649px) {
  .GreenBtn-chatBoxReduced {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    left: inherit;
    right: 5px; }
  .GreenBtn-chatBoxReducedIconWrapper {
    margin-right: 0; }
  .GreenBtn-chatBoxUnfolded {
    padding: 0 10px;
    margin-right: 20px; }
    .GreenBtn-chatBoxUnfolded:before {
      display: none; }
    .GreenBtn-chatBoxUnfolded:after {
      display: block; }
  .GreenBtn-chatBoxUnfoldedBtnWrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .GreenBtn-chatBoxUnfoldedBtn {
    margin-left: 5px; }
  .GreenBtn-chatBoxUnfoldedText {
    padding-right: 0; } }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------- T062 GREEN BTN TCHAT BOX REDUCED ------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------- T062 GREEN BTN TCHAT BOX - VIVOCHAT SPECIFIC -----------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BEGINNING DIALOG BOX VIVOCHAT TYPING */
.GreenBtn-dialogBox.GreenBtn-vivochat {
  left: -moz-calc(24% + 30px);
  left: calc(24% + 30px); }
  @media screen and (max-width: 1166px) {
    .GreenBtn-dialogBox.GreenBtn-vivochat {
      left: 310px; } }
  .GreenBtn-dialogBox.GreenBtn-vivochat .GreenBtn-dialogBoxHeader,
  .GreenBtn-dialogBox.GreenBtn-vivochat .GreenBtn-dialogBoxContentBlocBubble--user {
    background-color: #99cc00; }
  .GreenBtn-dialogBox.GreenBtn-vivochat .GreenBtn-dialogBoxContentBlocName,
  .GreenBtn-dialogBox.GreenBtn-vivochat .GreenBtn-dialogBoxFooterSend {
    color: #99cc00; }
  .GreenBtn-dialogBox.GreenBtn-vivochat .GreenBtn-dialogBoxHeaderOptionClose {
    background-color: #86b300; }

@media screen and (max-width: 989px) {
  .GreenBtn-dialogBox.GreenBtn-vivochat {
    left: 0; } }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------- T062 GREEN BTN TCHAT BOX - VIVOCHAT SPECIFIC -----------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------ T062 GREEN BTN TCHAT BOX REDUCED - VIVOCHAT SPECIFIC --------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.GreenBtn-chatBoxReduced.GreenBtn-chatBoxReduced--folded.GreenBtn-vivochatReduced {
  left: 99px; }
  .GreenBtn-chatBoxReduced.GreenBtn-chatBoxReduced--folded.GreenBtn-vivochatReduced .GreenBtn-chatBoxReducedIconWrapper, .GreenBtn-chatBoxReduced.GreenBtn-chatBoxReduced--folded.GreenBtn-vivochatReduced .GreenBtn-chatBoxReducedTriangle:after {
    background: #99cc00; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------ T062 GREEN BTN TCHAT BOX REDUCED - VIVOCHAT SPECIFIC --------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------- T062 GREEN BTN CLASSES AFTER CODE REVIEW ------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.GreenBtn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #009787;
  height: 100%;
  min-height: 100%;
  overflow: auto;
  z-index: 9997;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* OverWrite for T062_greenBtn-appointmentConnected */
  /* OverWrite for T062_greenBtn-appointmentConnected */
  /* OverWrite for T062_greenBtn-storeLocator */
  /* OverWrite for T062_greenBtn-storeLocator */
  /* OverWrite for T062_greenBtn-emailForm--moreInformations */
  /* OverWrite for T062_greenBtn-emailForm--moreInformations */
  /* OverWrite for T062_greenBtn-callBack--loader */
  /* OverWrite for T062_greenBtn-callBack--loader */
  /* Overwrite for captcha */
  /* Overwrite for captcha */ }
  @media screen and (max-width: 989px) {
    .GreenBtn {
      height: auto; } }
  .GreenBtn .MyAgency {
    margin: 0; }
  .GreenBtn .StoreLocatorMap-Agencies {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    width: 0;
    transition: -webkit-box-flex 1s ease;
    -moz-transition: flex 1s ease, -moz-box-flex 1s ease;
    transition: flex 1s ease;
    transition: flex 1s ease, -webkit-box-flex 1s ease, -moz-box-flex 1s ease, -ms-flex 1s ease; }
    .GreenBtn .StoreLocatorMap-Agencies.toggle-open {
      width: auto;
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
  .GreenBtn .StoreLocatorMap-Map {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    transition: -webkit-box-flex 1s ease;
    -moz-transition: flex 1s ease, -moz-box-flex 1s ease;
    transition: flex 1s ease;
    transition: flex 1s ease, -webkit-box-flex 1s ease, -moz-box-flex 1s ease, -ms-flex 1s ease; }
    .GreenBtn .StoreLocatorMap-Map.toggle-open {
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
  .GreenBtn .StoreLocatorMap-GMap {
    height: 100%;
    width: 100%; }
  .GreenBtn .StoreLocatorMap-Toggle {
    border: 1px solid #ffffff;
    padding: 1.5vh 5vw;
    color: #ffffff;
    cursor: pointer;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-box-flex: .5;
       -moz-box-flex: .5;
        -ms-flex: .5;
            flex: .5; }
    .GreenBtn .StoreLocatorMap-Toggle:first-of-type {
      -moz-border-radius-topleft: 4px;
           border-top-left-radius: 4px;
      -moz-border-radius-bottomleft: 4px;
           border-bottom-left-radius: 4px;
      border-right-color: transparent; }
    .GreenBtn .StoreLocatorMap-Toggle:last-of-type {
      -moz-border-radius-topright: 4px;
           border-top-right-radius: 4px;
      -moz-border-radius-bottomright: 4px;
           border-bottom-right-radius: 4px;
      border-left-color: transparent; }
    .GreenBtn .StoreLocatorMap-Toggle.active {
      background-color: #ffffff;
      color: #009787;
      padding: 2vh 5vw;
      font-size: 14px; }
  .GreenBtn .StoreLocatorMap-Filters {
    background-color: #01897b; }
    .GreenBtn .StoreLocatorMap-Filters .checkbox-label {
      color: #ffffff; }
      .GreenBtn .StoreLocatorMap-Filters .checkbox-label:before {
        border-color: #ffffff;
        background-color: #ffffff; }
      .GreenBtn .StoreLocatorMap-Filters .checkbox-label:after {
        background: #007D8F; }
  .GreenBtn .StoreLocatorMap-Filter:nth-child(3), .GreenBtn .StoreLocatorMap-Filter:nth-child(4), .GreenBtn .StoreLocatorMap-Filter:nth-child(5) {
    display: none; }
  .GreenBtn .StoreLocatorCard-headLink--mobile {
    position: absolute;
    top: 100px;
    right: 5%; }
    .GreenBtn .StoreLocatorCard-headLink--mobile, .GreenBtn .StoreLocatorCard-headLink--mobile:hover, .GreenBtn .StoreLocatorCard-headLink--mobile:focus, .GreenBtn .StoreLocatorCard-headLink--mobile:active {
      color: #ffffff; }
    @media screen and (max-width: 649px) {
      .GreenBtn .StoreLocatorCard-headLink--mobile {
        right: 7%; } }
  .GreenBtn .StoreLocatorMap-GMap {
    color: #454545; }
  .GreenBtn .StoreLocatorMap-AgencyAddress {
    color: #454545; }
  .GreenBtn .CardAgencyFunc-title,
  .GreenBtn .CardAgencyFunc-address,
  .GreenBtn .CardAgencyFunc-line,
  .GreenBtn .CardAgencyFunc-elem {
    color: #454545; }
  .GreenBtn .CardAgencyFunc-day {
    color: #454545; }
    .GreenBtn .CardAgencyFunc-day--today {
      color: #007D8F; }
      .GreenBtn .CardAgencyFunc-day--today.CardAgencyFunc-day--closed {
        color: #dd3938; }
  .GreenBtn .CardAgencyFunc-element {
    padding: 0; }
    @media (min-width: 990px) {
      .GreenBtn .CardAgencyFunc-element:nth-of-type(-n+2) {
        border-right: none; } }
    @media (min-width: 650px) and (max-width: 989px) {
      .GreenBtn .CardAgencyFunc-element:nth-of-type(3) {
        border-top: none; }
      .GreenBtn .CardAgencyFunc-element:nth-of-type(odd) {
        border-right: none; } }
    @media (min-width: 320px) and (max-width: 649px) {
      .GreenBtn .CardAgencyFunc-element:not(last-of-type) {
        border-bottom: none; } }
    .GreenBtn .CardAgencyFunc-element:first-child {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      border-right: none; }
  .GreenBtn .GreenBtn-callbackLaterNowBubbleTyping {
    width: 15px;
    height: 15px;
    -moz-border-radius: 50%;
         border-radius: 50%;
    margin: 5px;
    -webkit-animation: loaderCallbackNow 1800ms linear infinite;
       -moz-animation: loaderCallbackNow 1800ms linear infinite;
            animation: loaderCallbackNow 1800ms linear infinite; }
    .GreenBtn .GreenBtn-callbackLaterNowBubbleTyping:nth-child(1) {
      -webkit-animation-delay: -1300ms;
         -moz-animation-delay: -1300ms;
              animation-delay: -1300ms; }
    .GreenBtn .GreenBtn-callbackLaterNowBubbleTyping:nth-child(2) {
      -webkit-animation-delay: -975ms;
         -moz-animation-delay: -975ms;
              animation-delay: -975ms; }
    .GreenBtn .GreenBtn-callbackLaterNowBubbleTyping:nth-child(3) {
      -webkit-animation-delay: -650ms;
         -moz-animation-delay: -650ms;
              animation-delay: -650ms; }

@keyframes loaderCallbackNow {
  0%, 33%, 100% {
    background-color: #ffffff;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); }
  15% {
    background-color: #99cc00;
    -webkit-transform: scale(1.6);
       -moz-transform: scale(1.6);
            transform: scale(1.6); } }
  .GreenBtn .Captcha-title,
  .GreenBtn .Captcha-calcul {
    color: #ffffff; }
  .GreenBtn .Captcha-answer .form-control {
    border: 1px solid #ffffff; }
  .GreenBtn .texte.section {
    padding: 0; }
  .GreenBtn .CardAgencyFunc-list {
    padding: 10px 0;
    list-style-position: inside; }

/* For the documentation */
.exampleOutput .GreenBtn {
  position: relative;
  top: auto;
  left: auto;
  height: 100vh; }

.GreenBtn-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  min-height: 60px;
  background-color: #01897b;
  color: #ffffff;
  padding: 20px;
  z-index: 9999;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }
  @media screen and (max-width: 989px) {
    .GreenBtn-header {
      padding-left: 5%; } }
  @media screen and (max-width: 649px) {
    .GreenBtn-header {
      padding-left: 7%; } }

.GreenBtn-headerTitle {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
  text-transform: uppercase; }

.GreenBtn-headerTitle--center.GreenBtn-headerTitle--center {
  text-align: center; }

.GreenBtn-headerBtn {
  position: absolute;
  top: 10px;
  left: 20px;
  z-index: 9999; }

.GreenBtn-headerClose {
  position: absolute;
  top: 0;
  right: 0;
  padding: 24px 20px 24px 24px; }
  .GreenBtn-headerClose, .GreenBtn-headerClose:hover, .GreenBtn-headerClose:active, .GreenBtn-headerClose:focus {
    text-decoration: none;
    color: #ffffff; }

.GreenBtn-back {
  z-index: 9999; }
  .GreenBtn-back, .GreenBtn-back:hover, .GreenBtn-back:focus, .GreenBtn-back:active {
    color: #ffffff; }
  @media screen and (min-width: 990px) {
    .GreenBtn-back {
      left: 20px;
      position: absolute;
      top: 20px; } }
  @media screen and (max-width: 989px) {
    .GreenBtn-back {
      -ms-flex-item-align: start;
          align-self: flex-start;
      margin-bottom: 35px; } }
  @media screen and (max-width: 649px) {
    .GreenBtn-back {
      left: 7%; } }

.GreenBtn-iconBack {
  color: #ffffff;
  font-size: 16px;
  height: 15px;
  margin-right: 6px;
  overflow: hidden;
  text-decoration: none; }

.GreenBtn-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #ffffff;
  padding: 40px 5%;
  min-height: -moz-calc(100% - 60px);
  min-height: calc(100% - 60px);
  height: -moz-calc( 100% - 60px);
  height: calc( 100% - 60px);
  width: 100%; }

.GreenBtn-content--aL {
  text-align: left; }

.GreenBtn-contentBlock {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }

.GreenBtn-contentInfo {
  margin: 0;
  padding: 0 20px 20px 20px; }

.GreenBtn-contentInfo--fsMB {
  font-size: 15px;
  margin-bottom: 30px; }

.GreenBtn-contentInfo--aLNpl {
  text-align: left;
  padding-left: 0; }

.GreenBtn-contentInfoLink, .GreenBtn-contentInfoLink:hover, .GreenBtn-contentInfoLink:focus, .GreenBtn-contentInfoLink:active {
  color: #ffffff; }

.GreenBtn-contentBlockInner {
  display: block;
  width: 100%;
  padding: 0; }

.GreenBtn-contentBlockItem {
  display: block;
  width: 100%;
  min-height: 150px;
  background-color: #ffffff;
  padding: 35px 55px;
  margin-bottom: 20px;
  overflow: hidden; }
  .GreenBtn-contentBlockItem:last-child {
    margin-bottom: 0; }

.GreenBtn-contentBlockItem--overflowInherit {
  overflow: inherit; }

.GreenBtn-contentBlockItem--minH {
  min-height: 60px; }

.GreenBtn-contentBlockItemHeader {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  background-color: #01897b;
  padding: 25px 30px; }

.GreenBtn-contentBlockItemTitle {
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #454545;
  margin-bottom: 17px;
  line-height: 1.1; }

.GreenBtn-contentBlockItemMessageError {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 17px;
  line-height: 1.1;
  width: 80%;
  margin-left: auto;
  margin-right: auto; }

.GreenBtn-contentBlockItemTitle--leftWhite {
  text-align: left;
  color: #ffffff;
  margin-bottom: 0;
  font-size: 15px;
  letter-spacing: 0; }

.GreenBtn-contentBlockItemTitle--green {
  color: #007D8F;
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 1.1; }

.GreenBtn-contentBlockItemTitle--white {
  color: #ffffff; }

.GreenBtn-contentBlockItemTitle--fw {
  font-weight: 300; }

.GreenBtn-contentBlockItemBody {
  padding: 25px 30px;
  text-align: left; }

.GreenBtn-contentBlockItemBody--table {
  display: table;
  width: 100%; }

.GreenBtn-contentBlockItemBody--tableCell {
  display: table-cell;
  vertical-align: middle; }
  .GreenBtn-contentBlockItemBody--tableCell:first-child {
    width: 80%;
    font-size: 15px;
    text-align: left; }
    @media screen and (max-width: 649px) {
      .GreenBtn-contentBlockItemBody--tableCell:first-child {
        font-size: 12px; } }
  .GreenBtn-contentBlockItemBody--tableCell:last-child {
    width: 20%;
    text-align: right; }

.GreenBtn-contentBlockItem--noPad {
  padding: 0; }

.GreenBtn-contentBlockItem--brandContact {
  background-color: #009787; }

.GreenBtn-contentBlockItemText {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #454545;
  margin: 20px 0; }

.GreenBtn-contentBlockItemText--gris {
  color: #999999;
  font-style: italic;
  font-size: 11px;
  margin-bottom: 0;
  margin-top: 0; }

.GreenBtn-contentBlockItemText--green {
  color: #007D8F;
  margin-top: 10px;
  margin-bottom: 15px; }

.GreenBtn-contentBlockItemText--black {
  margin-top: 15px;
  margin-bottom: 25px; }

.GreenBtn-contentBlockItemSpan {
  color: #007D8F; }
  @media screen and (max-width: 649px) {
    .GreenBtn-contentBlockItemSpan {
      display: block; } }

.GreenBtn-contentBlockItemContentLink {
  text-align: center; }

.GreenBtn-contentBlockItemLink {
  color: #007D8F;
  cursor: pointer;
  white-space: nowrap; }

.GreenBtn-contentBlockItemTextarea {
  -moz-border-radius: 6px;
       border-radius: 6px;
  width: 100%;
  height: 123px;
  border-color: #ececec;
  outline: none;
  padding: 10px 15px;
  font-weight: 600;
  font-size: 12px;
  resize: none;
  color: #454545; }
  .GreenBtn-contentBlockItemTextarea::-webkit-input-placeholder {
    font-style: italic;
    color: #999999; }
  .GreenBtn-contentBlockItemTextarea:-moz-placeholder {
    font-style: italic;
    color: #999999; }
  .GreenBtn-contentBlockItemTextarea::-moz-placeholder {
    font-style: italic;
    color: #999999; }
  .GreenBtn-contentBlockItemTextarea:-ms-input-placeholder {
    font-style: italic;
    color: #999999; }
  .GreenBtn-contentBlockItemTextarea::placeholder {
    font-style: italic;
    color: #999999; }

.GreenBtn-contentBlockItemTextarea--error {
  border-color: #d70000; }

.GreenBtn-contentBlockItemNumber {
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  font-weight: 600;
  color: #006675;
  margin: 20px 0; }
  .GreenBtn-contentBlockItemNumber .Arcep {
    margin-top: 0; }

.GreenBtn-contentBlockItemNumberCallTo, .GreenBtn-contentBlockItemNumberCallTo:hover, .GreenBtn-contentBlockItemNumberCallTo:focus, .GreenBtn-contentBlockItemNumberCallTo:active {
  text-decoration: none;
  color: #006675; }

.GreenBtn-contentBlockItemBtn {
  display: block; }
  @media screen and (max-width: 649px) {
    .GreenBtn-contentBlockItemBtn {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.GreenBtn-contentBlockItemBtnPrimary {
  margin: 5px;
  height: 42px;
  padding-left: 40px;
  padding-right: 40px; }
  @media screen and (max-width: 649px) {
    .GreenBtn-contentBlockItemBtnPrimary {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: stretch;
         -moz-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      margin: 5px 0; } }

.GreenBtn-contentBlockItemBtnPrimaryWhite {
  color: #009787;
  margin: 5px;
  height: 42px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 20px;
  line-height: 25px;
  padding-top: 6px;
  padding-bottom: 6px; }
  @media screen and (max-width: 649px) {
    .GreenBtn-contentBlockItemBtnPrimaryWhite {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: stretch;
         -moz-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      margin: 5px 0; } }

.GreenBtn-contentBlockItemBtnPrimary--noMarg {
  margin: 0; }

.GreenBtn-contentBlockItemInput {
  display: block;
  width: 100%; }
  .GreenBtn-contentBlockItemInput .form-control {
    font-style: italic; }
    .GreenBtn-contentBlockItemInput .form-control:focus {
      border: 1px solid #009787; }

.GreenBtn-contentBlockItemBtnIcon {
  font-size: 18px;
  margin-right: 10px;
  margin-top: -4px; }

.GreenBtn-contentBlockItemBack {
  display: block;
  margin-top: 80px; }

.GreenBtn-contentBlockItemBackLink, .GreenBtn-contentBlockItemBackLink:hover, .GreenBtn-contentBlockItemBackLink:focus, .GreenBtn-contentBlockItemBackLink:active {
  color: #ffffff; }

.GreenBtn-contentBlockItem--noMarg {
  margin: 0; }

@media (min-width: 990px) {
  .flexbox .ContainerBvModal, .flexbox .GreenBtnContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    .flexbox .ContainerBvModal > div, .flexbox .GreenBtnContainer > div {
      height: auto;
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      /*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
          height: calc(100% - 60px);
        }*/ } }

.ContainerBvModal {
  position: fixed; }
  @media (min-width: 990px) {
    .ContainerBvModal {
      position: absolute;
      z-index: 99; } }

.ContainerBvModal--hidden {
  display: none !important; }

.GreenBtnContainer .GreenBtn-callbackHomeContent,
.GreenBtnContainer .GreenBtn-content {
  margin-top: 60px;
  z-index: 9999;
  width: 100%;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }
  @media screen and (min-width: 650px) {
    .GreenBtnContainer .GreenBtn-callbackHomeContent,
    .GreenBtnContainer .GreenBtn-content {
      height: -moz-calc(100% - 60px);
      height: calc(100% - 60px); } }

.GreenBtn-contentBlockItem.js-findAgenceForm .GreenBtn-contentBlockItemBtnPrimary {
  background-color: #009787;
  -moz-border-radius: 4px;
       border-radius: 4px;
  border: none;
  color: #fff;
  font-size: 12px;
  height: 42px;
  margin: 5px;
  padding-left: 40px;
  padding-right: 40px; }

.GreenBtn-contentBlockItem.js-findAgenceForm .input-group .GreenBtn-contentBlockItemBtnPrimary {
  -moz-border-radius-bottomleft: 0;
       border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
       border-top-left-radius: 0;
  margin: 0; }

button.GreenBtn-callbackLaterFooterBtn {
  background-color: #fff;
  -moz-border-radius: 4px;
       border-radius: 4px;
  border: none;
  color: #454545;
  font-size: 12px;
  height: 42px;
  margin: 30px 5px 5px;
  padding: 11px 40px; }

/* Tablette Behavior */
@media screen and (max-width: 989px) {
  .GreenBtn-headerTitle {
    text-align: left; }
  .GreenBtn-contentBlockItem {
    padding: 35px 25px; }
  .GreenBtn-contentBlockItem--noPad {
    padding: 0; }
  .GreenBtn-back--noMarg {
    margin: 0; } }

/* Mobile Behavior */
@media screen and (max-width: 649px) {
  .GreenBtn-content {
    padding: 40px 7%; }
  .GreenBtn-contentInfoWrapper {
    display: block; }
  .GreenBtn-contentBlockItemInput {
    width: 100%; } }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------- T062 GREEN BTN CLASSES AFTER CODE REVIEW ------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.centerElm {
  height: 100% !important; }

/*doc
---
title: C148 Card Mag Filter
name: c148
category: c148
---

<style type="text/css">
  .cardMagFilter {
    width: 550px;
    max-width: 100%;
    height: 550px;
  }
  .cardMagFilter--sticky {
    width: 100%;
    padding: 0;
    height: auto;
  }
  .cardMagFilter--sticky .cardMagFilter-main {
    position: static;
  }

  .cardMagFilter--open {
    position: relative;
    width: 100%;
    height: 0 !important;
    padding-top: 150%;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    overflow: hidden;
  }
  .cardMagFilter--open .cardMagFilter-filters {
    position: absolute;
    top: 0;
  }

  @media (max-width: 989px) {
    .cardMagFilter--sticky {
      display: none;
    }
  }
  @media (min-width: 990px) {
    .cardMagFilter--open {
      display: none;
    }
  }
</style>


## BASE

```html_example
<div class="cardMagFilter magHome-gridItem magHome-gridItem--square js-cardMagFilter">
  <div class="cardMagFilter-main">

    <div class="cardMagFilter-header">

      <div class="cardMagFilter-title">
        Tout <strong>un mag</strong><br>
        pour vous
      </div>

      <div class="cardMagFilter-subtitle">
        Toutes les questions que vous vous posez<br>
        sur l'argent et même sur la vie
      </div>

      <div class="cardMagFilter-actions">
        <a href="#" class="cardMagFilter-action js-cardMagFilter-showFilters">Filtrer</a>
      </div>

    </div>

    <div class="cardMagFilter-filters">
      <div class="cardMagFilter-filtersHeader">
        <a href="#" class="cardMagFilter-filtersClose js-cardMagFilter-hideFilters">Close</a>
        <div class="cardMagFilter-filtersTitle">Filtres</div>

        <ul class="cardMagFilter-filtersNavTabs" role="tablist">
          <li role="presentation" class="cardMagFilter-filtersNavTab cardMagFilter-filtersNavTab--active js-cardMagFilter-filtersNavTab">
            <a class="cardMagFilter-filtersNavTabLink js-cardMagFilter-filtersNavTabLink" href="#themes" aria-controls="themes" role="tab" data-toggle="tab">Thématiques</a>
          </li>
          <li role="presentation" class="cardMagFilter-filtersNavTab js-cardMagFilter-filtersNavTab">
            <a class="cardMagFilter-filtersNavTabLink js-cardMagFilter-filtersNavTabLink" href="#categories" aria-controls="categories" role="tab" data-toggle="tab">Rubriques</a>
          </li>
        </ul>
      </div>

      <div class="cardMagFilter-filtersTabs">
        <div class="cardMagFilter-filtersTab cardMagFilter-filtersTab--themes cardMagFilter-filtersTab--active" role="tabpanel" id="themes">
          <div class="cardMagFilter-list">
            <a href="#" class="cardMagFilter-item cardMagFilter-item--active"><span>#</span>Lorem ipsum dolor.</a>
            <a href="#" class="cardMagFilter-item cardMagFilter-item--disabled"><span>#</span>Doloremque ipsam, sequi.</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Vie quotidienne</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Logement</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Véhicule</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Santé</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Famille</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Retraite</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Jeune</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Aléas de la vie</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Vie locale</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Loisir</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Société</a>
          </div>
        </div>
        <div class="cardMagFilter-filtersTab cardMagFilter-filtersTab--categories" role="tabpanel" id="categories">
          <div class="cardMagFilter-listIntro">Affiner les résultats :</div>
          <div class="cardMagFilter-list">
            <a href="#" class="cardMagFilter-item cardMagFilter-item--active">Assurance</a>
            <a href="#" class="cardMagFilter-item cardMagFilter-item--disabled">Budget</a>
            <a href="#" class="cardMagFilter-item">Crédit</a>
            <a href="#" class="cardMagFilter-item">Epargne</a>
            <a href="#" class="cardMagFilter-item">Fiscalité</a>
            <a href="#" class="cardMagFilter-item">Moyens de paiement</a>
            <a href="#" class="cardMagFilter-item">Ma caisse régionale</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
```


## STICKY (JS - Desktop)

only on destop

**if hidded, please screen up your window**

```html_example
<div class="cardMagFilter cardMagFilter--sticky magHome-gridItem magHome-gridItem--square js-cardMagFilter">
  <div class="cardMagFilter-main">

    <div class="cardMagFilter-header">

      <div class="cardMagFilter-title">
        Tout <strong>un mag</strong><br>
        pour vous
      </div>

      <div class="cardMagFilter-subtitle">
        Toutes les questions que vous vous posez<br>
        sur l'argent et même sur la vie
      </div>

      <div class="cardMagFilter-actions">
        <a href="#" class="cardMagFilter-action js-cardMagFilter-showFilters">Filtrer</a>
      </div>

    </div>

    <div class="cardMagFilter-filters">
      <div class="cardMagFilter-filtersHeader">
        <a href="#" class="cardMagFilter-filtersClose js-cardMagFilter-hideFilters">Close</a>
        <div class="cardMagFilter-filtersTitle">Filtres</div>

        <ul class="cardMagFilter-filtersNavTabs" role="tablist">
          <li role="presentation" class="cardMagFilter-filtersNavTab cardMagFilter-filtersNavTab--active js-cardMagFilter-filtersNavTab">
            <a class="cardMagFilter-filtersNavTabLink js-cardMagFilter-filtersNavTabLink" href="#themes" aria-controls="themes" role="tab" data-toggle="tab">Thématiques</a>
          </li>
          <li role="presentation" class="cardMagFilter-filtersNavTab js-cardMagFilter-filtersNavTab">
            <a class="cardMagFilter-filtersNavTabLink js-cardMagFilter-filtersNavTabLink" href="#categories" aria-controls="categories" role="tab" data-toggle="tab">Rubriques</a>
          </li>
        </ul>
      </div>

      <div class="cardMagFilter-filtersTabs">
        <div class="cardMagFilter-filtersTab cardMagFilter-filtersTab--themes cardMagFilter-filtersTab--active" role="tabpanel" id="themes">
          <div class="cardMagFilter-list">
            <a href="#" class="cardMagFilter-item cardMagFilter-item--active"><span>#</span>Lorem ipsum dolor.</a>
            <a href="#" class="cardMagFilter-item cardMagFilter-item--disabled"><span>#</span>Doloremque ipsam, sequi.</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Vie quotidienne</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Logement</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Véhicule</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Santé</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Famille</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Retraite</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Jeune</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Aléas de la vie</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Vie locale</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Loisir</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Société</a>
          </div>
        </div>
        <div class="cardMagFilter-filtersTab cardMagFilter-filtersTab--categories" role="tabpanel" id="categories">
          <div class="cardMagFilter-listIntro">Affiner les résultats :</div>
          <div class="cardMagFilter-list">
            <a href="#" class="cardMagFilter-item cardMagFilter-item--active">Assurance</a>
            <a href="#" class="cardMagFilter-item cardMagFilter-item--disabled">Budget</a>
            <a href="#" class="cardMagFilter-item">Crédit</a>
            <a href="#" class="cardMagFilter-item">Epargne</a>
            <a href="#" class="cardMagFilter-item">Fiscalité</a>
            <a href="#" class="cardMagFilter-item">Moyens de paiement</a>
            <a href="#" class="cardMagFilter-item">Ma caisse régionale</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
```


## OPEN (JS - Tablet, Mobile)

only under tablet

**if hidded, please screen down your window**

```html_example
<div class="cardMagFilter cardMagFilter--open magHome-gridItem magHome-gridItem--square js-cardMagFilter">
  <div class="cardMagFilter-main">

    <div class="cardMagFilter-header">

      <div class="cardMagFilter-title">
        Tout <strong>un mag</strong><br>
        pour vous
      </div>

      <div class="cardMagFilter-subtitle">
        Toutes les questions que vous vous posez<br>
        sur l'argent et même sur la vie
      </div>

      <div class="cardMagFilter-actions">
        <a href="#" class="cardMagFilter-action js-cardMagFilter-showFilters">Filtrer</a>
      </div>

    </div>

    <div class="cardMagFilter-filters">
      <div class="cardMagFilter-filtersHeader">
        <a href="#" class="cardMagFilter-filtersClose js-cardMagFilter-hideFilters">Close</a>
        <div class="cardMagFilter-filtersTitle">Filtres</div>

        <ul class="cardMagFilter-filtersNavTabs" role="tablist">
          <li role="presentation" class="cardMagFilter-filtersNavTab cardMagFilter-filtersNavTab--active js-cardMagFilter-filtersNavTab">
            <a class="cardMagFilter-filtersNavTabLink js-cardMagFilter-filtersNavTabLink" href="#themes" aria-controls="themes" role="tab" data-toggle="tab">Thématiques</a>
          </li>
          <li role="presentation" class="cardMagFilter-filtersNavTab js-cardMagFilter-filtersNavTab">
            <a class="cardMagFilter-filtersNavTabLink js-cardMagFilter-filtersNavTabLink" href="#categories" aria-controls="categories" role="tab" data-toggle="tab">Rubriques</a>
          </li>
        </ul>
      </div>

      <div class="cardMagFilter-filtersTabs">
        <div class="cardMagFilter-filtersTab cardMagFilter-filtersTab--themes cardMagFilter-filtersTab--active" role="tabpanel" id="themes">
          <div class="cardMagFilter-list">
            <a href="#" class="cardMagFilter-item cardMagFilter-item--active"><span>#</span>Lorem ipsum dolor.</a>
            <a href="#" class="cardMagFilter-item cardMagFilter-item--disabled"><span>#</span>Doloremque ipsam, sequi.</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Vie quotidienne</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Logement</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Véhicule</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Santé</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Famille</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Retraite</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Jeune</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Aléas de la vie</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Vie locale</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Loisir</a>
            <a href="#" class="cardMagFilter-item"><span>#</span>Société</a>
          </div>
        </div>
        <div class="cardMagFilter-filtersTab cardMagFilter-filtersTab--categories" role="tabpanel" id="categories">
          <div class="cardMagFilter-listIntro">Affiner les résultats :</div>
          <div class="cardMagFilter-list">
            <a href="#" class="cardMagFilter-item cardMagFilter-item--active">Assurance</a>
            <a href="#" class="cardMagFilter-item cardMagFilter-item--disabled">Budget</a>
            <a href="#" class="cardMagFilter-item">Crédit</a>
            <a href="#" class="cardMagFilter-item">Epargne</a>
            <a href="#" class="cardMagFilter-item">Fiscalité</a>
            <a href="#" class="cardMagFilter-item">Moyens de paiement</a>
            <a href="#" class="cardMagFilter-item">Ma caisse régionale</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
```


*/
.cardMagFilter {
  background: #d6eb99;
  text-align: center; }

.cardMagFilter-main {
  height: 100%;
  padding: 6.7%;
  background: inherit; }

.cardMagFilter-title {
  font-size: 60px;
  font-weight: 300;
  line-height: 1.01;
  text-transform: uppercase; }

.cardMagFilter-subtitle {
  margin-top: 4.5%;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 400; }

.cardMagFilter-action {
  display: block;
  max-width: 285px;
  margin: 20px auto;
  padding: 15px 20px;
  color: #454545;
  font-weight: 600; }

.cardMagFilter-item--disabled {
  opacity: .4;
  cursor: not-allowed; }

@media (min-width: 990px) {
  .cardMagFilter-main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .cardMagFilter-actions,
  .cardMagFilter-filtersHeader {
    display: none; }
  .cardMagFilter-header {
    min-height: 35%;
    padding: 0 6%; }
  .cardMagFilter-filtersTab {
    padding: 5% 6%; }
  .cardMagFilter-listIntro {
    margin-bottom: 10px; }
  .cardMagFilter-list {
    margin: 0 -4px; }
  .cardMagFilter-item {
    display: inline-block;
    margin: 0 4px;
    color: #454545;
    text-decoration: underline; }
  .cardMagFilter-item--active {
    font-weight: 700;
    text-decoration: none; }
  .cardMagFilter-filtersTab--themes .cardMagFilter-list {
    margin-top: -5px;
    margin-bottom: -5px; }
  .cardMagFilter-filtersTab--themes .cardMagFilter-item {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 9px 15px;
    line-height: 1;
    background: #ffffff;
    -moz-border-radius: 50px;
         border-radius: 50px;
    text-decoration: none;
    font-size: 14px; }
    .cardMagFilter-filtersTab--themes .cardMagFilter-item:hover, .cardMagFilter-filtersTab--themes .cardMagFilter-item:focus {
      text-decoration: underline; }
  .cardMagFilter-filtersTab--themes .cardMagFilter-item--active {
    color: #ffffff;
    background: #454545;
    font-weight: 600; }
    .cardMagFilter-filtersTab--themes .cardMagFilter-item--active:after {
      font-family: "NPC Icons";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      content: "";
      margin: -3px 0 -3px 10px;
      font-size: 10px; }
    .cardMagFilter-filtersTab--themes .cardMagFilter-item--active:hover, .cardMagFilter-filtersTab--themes .cardMagFilter-item--active:focus {
      text-decoration: none;
      background: #006675; }
      .cardMagFilter-filtersTab--themes .cardMagFilter-item--active:hover:after, .cardMagFilter-filtersTab--themes .cardMagFilter-item--active:focus:after {
        text-decoration: underline; }
  .cardMagFilter-filtersTab--themes .cardMagFilter-item--disabled:hover, .cardMagFilter-filtersTab--themes .cardMagFilter-item--disabled:focus {
    text-decoration: none; }
  .cardMagFilter-filtersTab--categories {
    background: #c2e066; }
  .cardMagFilter--sticky {
    text-align: left; }
    .cardMagFilter--sticky .cardMagFilter-main {
      position: fixed;
      top: 60px;
      left: 0;
      right: 0;
      z-index: 9999;
      height: auto;
      padding: 23px 3.5%; }
    .cardMagFilter--sticky .cardMagFilter-header {
      display: none; }
    .cardMagFilter--sticky .cardMagFilter-filtersTab {
      margin-top: 15px; }
      .cardMagFilter--sticky .cardMagFilter-filtersTab:first-child {
        margin-top: 0; }
    .cardMagFilter--sticky .cardMagFilter-listIntro,
    .cardMagFilter--sticky .cardMagFilter-list {
      display: inline-block; }
    .cardMagFilter--sticky .cardMagFilter-filtersTab {
      padding: 0;
      background: none; } }

@media (max-width: 989px) {
  .cardMagFilter {
    height: auto !important; }
  .cardMagFilter-filters {
    display: none;
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    overflow: auto;
    background: #f5f5f5; }
  .cardMagFilter-filtersHeader {
    background: #ffffff; }
    .cardMagFilter-filtersHeader:before, .cardMagFilter-filtersHeader:after {
      content: '';
      display: table; }
  .cardMagFilter-filtersTitle {
    margin: 25px;
    padding: 0 20px;
    font-size: 18px; }
  .cardMagFilter-filtersClose {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 5px;
    font-size: 0;
    line-height: 1;
    text-decoration: none;
    color: #454545; }
    .cardMagFilter-filtersClose:before {
      font-family: "NPC Icons";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      content: "";
      font-size: 14px; }
    .cardMagFilter-filtersClose:hover, .cardMagFilter-filtersClose:focus {
      text-decoration: none; }
  .cardMagFilter-filtersNavTabs {
    font-size: 0;
    padding: 0;
    margin: 35px 25px; }
  .cardMagFilter-filtersNavTab {
    display: inline-block;
    width: 50%;
    font-size: 12px;
    vertical-align: middle; }
    .cardMagFilter-filtersNavTab:first-child .cardMagFilter-filtersNavTabLink {
      -moz-border-radius-topleft: 4px;
           border-top-left-radius: 4px;
      -moz-border-radius-bottomleft: 4px;
           border-bottom-left-radius: 4px; }
    .cardMagFilter-filtersNavTab:last-child .cardMagFilter-filtersNavTabLink {
      -moz-border-radius-topright: 4px;
           border-top-right-radius: 4px;
      -moz-border-radius-bottomright: 4px;
           border-bottom-right-radius: 4px; }
  .cardMagFilter-filtersNavTabLink {
    display: block;
    padding: 15px 20px;
    margin: 0 -1px;
    border: 1px solid #007D8F;
    text-decoration: none; }
    .cardMagFilter-filtersNavTabLink:hover, .cardMagFilter-filtersNavTabLink:focus {
      text-decoration: none; }
  .cardMagFilter-filtersNavTab--active .cardMagFilter-filtersNavTabLink {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    background: #007D8F; }
  .cardMagFilter-filtersTab {
    display: none; }
  .cardMagFilter-filtersTab--active {
    display: block; }
  .cardMagFilter-listIntro {
    display: none; }
  .cardMagFilter-item {
    display: block;
    position: relative;
    padding: 15px 50px 15px 25px;
    text-align: left;
    color: #454545;
    background: #f5f5f5;
    text-decoration: none;
    border-top: 1px solid #d8d8d8; }
    .cardMagFilter-item span {
      display: none; }
    .cardMagFilter-item:before, .cardMagFilter-item:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 30px;
      width: 1em;
      height: 1em;
      margin: -.5em; }
    .cardMagFilter-item:before {
      font-size: 15px;
      border: 1px solid #d8d8d8;
      background: #ffffff;
      -moz-border-radius: 4px;
           border-radius: 4px; }
    .cardMagFilter-item:after {
      font-size: 5px;
      -moz-border-radius: 1px;
           border-radius: 1px;
      background: #007D8F;
      opacity: 0;
      visibility: hidden; }
    .cardMagFilter-item:first-child {
      border-top: 0; }
  .cardMagFilter-item--active {
    color: #007D8F; }
    .cardMagFilter-item--active:after {
      opacity: 1;
      visibility: visible; }
  .cardMagFilter-item--disabled {
    opacity: 1;
    color: #b5b5b5;
    background: #fbfbfb; }
    .cardMagFilter-item--disabled:before, .cardMagFilter-item--disabled:after {
      opacity: .4; }
    .cardMagFilter-item--disabled:hover, .cardMagFilter-item--disabled:focus {
      color: #99c2c8; }
  .cardMagFilter--open .cardMagFilter-filters {
    display: block; } }

@media (max-width: 649px) {
  .cardMagFilter-main {
    padding-left: 5%;
    padding-right: 5%; }
  .cardMagFilter-title {
    font-size: 38px; }
  .cardMagFilter-subtitle {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto; }
    .cardMagFilter-subtitle br {
      display: none; } }

/*doc
---
title: C149 Card Mag Article
name: c149
category: c149
---

**Templates exemple:**
<ul>
<li><a href="../../build/examples/t023_magHome.html">t023_magHome</a></li>
</ul>
*/
.cardMagArticle {
  position: relative;
  display: table;
  width: 100%;
  background: #f5f5f5 no-repeat 50% 50%;
  -moz-background-size: cover;
       background-size: cover;
  color: #ffffff;
  line-height: 1.2;
  text-decoration: none; }
  .cardMagArticle:hover, .cardMagArticle:focus {
    color: #ffffff;
    text-decoration: none; }

.LayerNav-articles .cardMagArticle:hover.cardMagArticle--white, .LayerNav-articles .cardMagArticle:hover.cardMagArticle--imageLight, .LayerNav-articles .cardMagArticle:focus.cardMagArticle--white, .LayerNav-articles .cardMagArticle:focus.cardMagArticle--imageLight {
  color: #454545;
  background-color: #ffffff; }

.cardMagArticle-main {
  -moz-transition: opacity 500ms ease, visibility 300ms;
  transition: opacity 500ms ease, visibility 300ms; }

.cardMagArticle-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 20px 4%; }

.cardMagArticle-heading {
  margin-bottom: 20px;
  text-transform: uppercase; }

.cardMagArticle-footer {
  margin-top: 20px; }

.cardMagArticle-date,
.cardMagArticle-title {
  font-size: 2.083em;
  font-family: "Open Sans", sans-serif;
  color: #ffffff;
  text-decoration: none; }

.cardMagArticle-date {
  font-weight: 700; }

.cardMagArticle-title {
  margin: 5px 0;
  font-weight: 400; }

.cardMagArticle-hashtag {
  display: inline-block;
  margin: 3px 5px; }

.cardMagArticle-iconWrapper {
  margin: 10px 0 0; }

.cardMagArticle-icon:before {
  font-size: 50px;
  opacity: .8; }

.cardMagArticle-layer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1.667em;
  line-height: 1.25;
  font-weight: 400;
  text-align: left;
  background: rgba(0, 125, 143, 0.9);
  opacity: 0;
  visibility: hidden;
  -moz-transition: opacity 500ms ease, visibility 300ms;
  transition: opacity 500ms ease, visibility 300ms; }

.cardMagArticle-layerInner {
  padding: 20px 12%; }

.cardMagArticle-layerTitle {
  font-weight: 600;
  margin-bottom: 1.25em; }
  .cardMagArticle-layerTitle:before {
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }

a.cardMagArticle-layerTitle {
  color: inherit;
  display: inline-block;
  text-decoration: none; }

.cardMagArticle-layerContent {
  margin-bottom: 1.25em; }
  .cardMagArticle-layerContent p {
    margin: 0; }
  .cardMagArticle-layerContent:last-child {
    margin-bottom: 0; }

/*doc
---
title: C149 Card Mag Article - backgrounds
parent: c149
name: c149-01-backgrounds
category: c149
---

All backgrounds types

*/
/*doc
---
title: backgrounds - image
parent: c149-01-backgrounds
name: c149-01-backgrounds-01
category: c149
---

class: `cardMagArticle--image`

```html_example
<div class="magHome-grid">
  @@include("../../kit/components/_c149_cardMagArticle-squareImage.kit")
</div>
```
*/
/*doc
---
title: backgrounds - primary
parent: c149-01-backgrounds
name: c149-01-backgrounds-02
category: c149
---

class: `cardMagArticle--primary`

```html_example
<div class="magHome-grid">
  @@include("../../kit/components/_c149_cardMagArticle-squarePrimary.kit")
</div>
```

*/
/*doc
---
title: backgrounds - secondary
parent: c149-01-backgrounds
name: c149-01-backgrounds-03
category: c149
---

class: `cardMagArticle--secondary`

```html_example
<div class="magHome-grid">
  @@include("../../kit/components/_c149_cardMagArticle-squareSecondary.kit")
</div>
```

*/
/*doc
---
title: backgrounds - white
parent: c149-01-backgrounds
name: c149-01-backgrounds-04
category: c149
---

class: `cardMagArticle--white`

```html_example
<div class="magHome-grid">
  @@include("../../kit/components/_c149_cardMagArticle-squareWhite.kit")
</div>
```

*/
/*doc
---
title: backgrounds - white -- image
parent: c149-01-backgrounds
name: c149-01-backgrounds-05
category: c149
---

Same as white but with image test in background

```html_example
<div class="magHome-grid">
  @@include("../../kit/components/_c149_cardMagArticle-squareWhite--image.kit")
</div>
```
*/
/*doc
---
title: backgrounds - white -- image light
parent: c149-01-backgrounds
name: c149-01-backgrounds-06
category: c149
---

class: `cardMagArticle--imageLight`

```html_example
<div class="magHome-grid">
  @@include("../../kit/components/_c149_cardMagArticle-squareImageLight.kit")
</div>
```
*/
.cardMagArticle--image,
.cardMagArticle--primary {
  background-color: #007D8F; }
  .cardMagArticle--image .cardMagArticle-layer,
  .cardMagArticle--primary .cardMagArticle-layer {
    color: #ffffff; }

.cardMagArticle--imageLight .cardMagArticle-layer {
  color: #ffffff; }

.cardMagArticle--secondary .cardMagArticle-layer,
.cardMagArticle--secondary .cardMagArticle-main,
.cardMagArticle--secondary .cardMagArticle-title,
.cardMagArticle--white .cardMagArticle-layer,
.cardMagArticle--white .cardMagArticle-main,
.cardMagArticle--white .cardMagArticle-title {
  color: #454545 !important; }

.cardMagArticle--secondary .cardMagArticle-layerButton,
.cardMagArticle--white .cardMagArticle-layerButton {
  background-color: #007D8F;
  color: #ffffff;
  border-width: 1px;
  border-color: #007D8F; }
  .cardMagArticle--secondary .cardMagArticle-layerButton:hover, .cardMagArticle--secondary .cardMagArticle-layerButton.hover, .cardMagArticle--secondary .cardMagArticle-layerButton:focus, .cardMagArticle--secondary .cardMagArticle-layerButton.focus, .cardMagArticle--secondary .cardMagArticle-layerButton:active, .cardMagArticle--secondary .cardMagArticle-layerButton.active,
  .cardMagArticle--white .cardMagArticle-layerButton:hover,
  .cardMagArticle--white .cardMagArticle-layerButton.hover,
  .cardMagArticle--white .cardMagArticle-layerButton:focus,
  .cardMagArticle--white .cardMagArticle-layerButton.focus,
  .cardMagArticle--white .cardMagArticle-layerButton:active,
  .cardMagArticle--white .cardMagArticle-layerButton.active {
    background-color: #006675;
    color: #ffffff;
    border-color: #006675; }
  .cardMagArticle--secondary .cardMagArticle-layerButton.disabled, .cardMagArticle--secondary .cardMagArticle-layerButton.disabled:hover, .cardMagArticle--secondary .cardMagArticle-layerButton.disabled.hover, .cardMagArticle--secondary .cardMagArticle-layerButton.disabled:focus, .cardMagArticle--secondary .cardMagArticle-layerButton.disabled.focus, .cardMagArticle--secondary .cardMagArticle-layerButton.disabled:active, .cardMagArticle--secondary .cardMagArticle-layerButton.disabled.active, .cardMagArticle--secondary .cardMagArticle-layerButton[disabled], .cardMagArticle--secondary .cardMagArticle-layerButton[disabled]:hover, .cardMagArticle--secondary .cardMagArticle-layerButton[disabled].hover, .cardMagArticle--secondary .cardMagArticle-layerButton[disabled]:focus, .cardMagArticle--secondary .cardMagArticle-layerButton[disabled].focus, .cardMagArticle--secondary .cardMagArticle-layerButton[disabled]:active, .cardMagArticle--secondary .cardMagArticle-layerButton[disabled].active,
  fieldset[disabled] .cardMagArticle--secondary .cardMagArticle-layerButton,
  fieldset[disabled] .cardMagArticle--secondary .cardMagArticle-layerButton:hover,
  fieldset[disabled] .cardMagArticle--secondary .cardMagArticle-layerButton.hover,
  fieldset[disabled] .cardMagArticle--secondary .cardMagArticle-layerButton:focus,
  fieldset[disabled] .cardMagArticle--secondary .cardMagArticle-layerButton.focus,
  fieldset[disabled] .cardMagArticle--secondary .cardMagArticle-layerButton:active,
  fieldset[disabled] .cardMagArticle--secondary .cardMagArticle-layerButton.active,
  .cardMagArticle--white .cardMagArticle-layerButton.disabled,
  .cardMagArticle--white .cardMagArticle-layerButton.disabled:hover,
  .cardMagArticle--white .cardMagArticle-layerButton.disabled.hover,
  .cardMagArticle--white .cardMagArticle-layerButton.disabled:focus,
  .cardMagArticle--white .cardMagArticle-layerButton.disabled.focus,
  .cardMagArticle--white .cardMagArticle-layerButton.disabled:active,
  .cardMagArticle--white .cardMagArticle-layerButton.disabled.active,
  .cardMagArticle--white .cardMagArticle-layerButton[disabled],
  .cardMagArticle--white .cardMagArticle-layerButton[disabled]:hover,
  .cardMagArticle--white .cardMagArticle-layerButton[disabled].hover,
  .cardMagArticle--white .cardMagArticle-layerButton[disabled]:focus,
  .cardMagArticle--white .cardMagArticle-layerButton[disabled].focus,
  .cardMagArticle--white .cardMagArticle-layerButton[disabled]:active,
  .cardMagArticle--white .cardMagArticle-layerButton[disabled].active,
  fieldset[disabled]
  .cardMagArticle--white .cardMagArticle-layerButton,
  fieldset[disabled]
  .cardMagArticle--white .cardMagArticle-layerButton:hover,
  fieldset[disabled]
  .cardMagArticle--white .cardMagArticle-layerButton.hover,
  fieldset[disabled]
  .cardMagArticle--white .cardMagArticle-layerButton:focus,
  fieldset[disabled]
  .cardMagArticle--white .cardMagArticle-layerButton.focus,
  fieldset[disabled]
  .cardMagArticle--white .cardMagArticle-layerButton:active,
  fieldset[disabled]
  .cardMagArticle--white .cardMagArticle-layerButton.active {
    background-color: #98cbd3;
    border-color: #98cbd3;
    color: #ffffff;
    cursor: not-allowed; }

.cardMagArticle--primary .cardMagArticle-layer {
  background-color: #2399a9; }

.cardMagArticle--secondary {
  background-color: #99cc00; }
  .cardMagArticle--secondary .cardMagArticle-layer {
    background-color: #d6eb99; }

.cardMagArticle--white,
.cardMagArticle--imageLight {
  color: #454545;
  background-color: #ffffff; }
  .cardMagArticle--white .cardMagArticle-title,
  .cardMagArticle--white .cardMagArticle-date,
  .cardMagArticle--imageLight .cardMagArticle-title,
  .cardMagArticle--imageLight .cardMagArticle-date {
    color: #454545; }
  .cardMagArticle--white .cardMagArticle-icon,
  .cardMagArticle--imageLight .cardMagArticle-icon {
    color: #d8d8d8; }

.cardMagArticle--white:hover, .cardMagArticle--white:focus {
  color: #454545; }

.cardMagArticle--white .cardMagArticle-layer {
  background-color: #f5f5f5; }

/*doc
---
title: C149 Card Mag Article - types
parent: c149
name: c149-02-types
category: c149
---


*/
/*doc
---
title: types - article
parent: c149-02-types
name: c149-02-types-01
category: c149
---

class: `cardMagArticle--article`

```html_example
<div class="magHome-grid">
  @@include("../../kit/components/_c149_cardMagArticle-landscapeTypesInclude.kit", {"type": "article"})
</div>
```
*/
/*doc
---
title: types - event
parent: c149-02-types
name: c149-02-types-02
category: c149
---

class: `cardMagArticle--event`

Element supplémentaire : `<div class="cardMagArticle-date">21/10/2017</div>`

```html_example
<div class="magHome-grid">
  @@include("../../kit/components/_c149_cardMagArticle-landscapeSecondary.kit")
</div>
```
*/
/*doc
---
title: types - folder
parent: c149-02-types
name: c149-02-types-03
category: c149
---

class: `cardMagArticle--folder`

```html_example
<div class="magHome-grid">
  @@include("../../kit/components/_c149_cardMagArticle-landscapeTypesInclude.kit", {"type": "folder"})
</div>
```
*/
/*doc
---
title: types - video
parent: c149-02-types
name: c149-02-types-04
category: c149
---

class: `cardMagArticle--video`

```html_example
<div class="magHome-grid">
  @@include("../../kit/components/_c149_cardMagArticle-landscapeTypesInclude.kit", {"type": "video"})
</div>
```
*/
/*doc
---
title: types - infographics
parent: c149-02-types
name: c149-02-types-05
category: c149
---

class: `cardMagArticle--infographics`

```html_example
<div class="magHome-grid">
  @@include("../../kit/components/_c149_cardMagArticle-landscapeTypesInclude.kit", {"type": "infographics"})
</div>
```
*/
/*doc
//---
//title: types - Layer
//parent: c149-02-types
//name: c149-02-types-06
//category: c149
//---
//
//class: `cardMagArticle--withoutLayer`
//
//```html_example
//<div class="magHome-grid">
//  @@include("../../kit/components/_c149_cardMagArticle-withoutLayer.kit", {"type": "Layer"})
//</div>
//```
*/
.cardMagArticle--article .cardMagArticle-icon:before {
  content: ""; }

.cardMagArticle--folder .cardMagArticle-icon:before {
  content: ""; }

.cardMagArticle--video .cardMagArticle-icon:before {
  content: ""; }

.cardMagArticle--event .cardMagArticle-icon:before {
  content: ""; }

.cardMagArticle--infographics .cardMagArticle-icon:before {
  content: ""; }

/*doc
---
title: C149 Card Mag Article - sizes
parent: c149
name: c149-03-sizes
category: c149
---
*/
/*doc
---
title: sizes - square
parent: c149-03-sizes
name: c149-03-sizes-01
category: c149
---

class: `magHome-gridItem--square`

```html_example
<div class="magHome-grid">
  @@include("../../kit/components/_c149_cardMagArticle-squareImage.kit")
</div>
```

*/
/*doc
---
title: sizes - portrait
parent: c149-03-sizes
name: c149-03-sizes-02
category: c149
---

class: `magHome-gridItem--portrait`

```html_example
<div class="magHome-grid">
  @@include("../../kit/components/_c149_cardMagArticle-portraitPrimary.kit")
</div>
```

*/
/*doc
---
title: sizes - landscape
parent: c149-03-sizes
name: c149-03-sizes-03
category: c149
---

class: `magHome-gridItem--landscape`

```html_example
<div class="magHome-grid">
  @@include("../../kit/components/_c149_cardMagArticle-landscapeSecondary.kit")
</div>
```
*/
@media (max-width: 649px) {
  .cardMagArticle-layer {
    display: none; } }

@media (min-width: 650px) {
  .cardMagArticle:hover .cardMagArticle-layer {
    opacity: 1;
    visibility: visible;
    -moz-transition-duration: 300ms;
         transition-duration: 300ms; }
  .cardMagArticle:hover .cardMagArticle-main {
    opacity: 0;
    visibility: hidden;
    -moz-transition-duration: 300ms;
         transition-duration: 300ms; }
  .LayerNav-articles .cardMagArticle:hover .cardMagArticle-layer {
    opacity: 0;
    visibility: visible; }
    .LayerNav-articles .cardMagArticle:hover .cardMagArticle-layer .cardMagArticle-main {
      opacity: 1;
      visibility: visible; }
  .LayerNav-articles .cardMagArticle:hover .cardMagArticle-main {
    opacity: 1;
    visibility: visible; }
  .cardMagArticle-heading {
    position: absolute;
    top: 20px;
    left: 40px;
    right: 40px; }
  .cardMagArticle-footer {
    position: absolute;
    bottom: 20px;
    left: 40px;
    right: 40px; }
  .cardMagArticle-inner {
    padding: 40px 20px 110px; }
  .magHome-gridItem--square .cardMagArticle-date {
    font-size: 3.333em; }
  .magHome-gridItem--square .cardMagArticle-title {
    font-size: 3.333em;
    font-weight: 600; }
  .magHome-gridItem--square .cardMagArticle-layerInner {
    padding-left: 15%;
    padding-right: 15%; }
  .magHome-gridItem--landscape .cardMagArticle-layerInner {
    padding-left: 9%;
    padding-right: 9%; }
  .magHome-gridItem--square .cardMagArticle-heading,
  .magHome-gridItem--portrait .cardMagArticle-heading {
    top: 95px; }
  .magHome-gridItem--square .cardMagArticle-footer,
  .magHome-gridItem--portrait .cardMagArticle-footer {
    bottom: 37px; }
  .magHome-gridItem--square .cardMagArticle-inner,
  .magHome-gridItem--portrait .cardMagArticle-inner {
    padding-top: 120px;
    padding-bottom: 175px; }
  .magHome-gridItem--square .cardMagArticle-illustrationWrapper,
  .magHome-gridItem--portrait .cardMagArticle-illustrationWrapper {
    margin-bottom: 20px; }
  .magHome-gridItem--square .cardMagArticle-hashtags,
  .magHome-gridItem--portrait .cardMagArticle-hashtags {
    height: 60px; } }

/*doc
---
title: C150 Card Mag Social
name: c150
category: c150
---

<style type="text/css">
  .magHome-grid {
    position: relative;
    overflow: hidden;
  }
  .magHome-gridItem {
    float: left;
    width: 275px;
    height: 275px;
  }
</style>


## ALL

```html_example
<div class="magHome-grid">

  <div class="cardMagSocial cardMagSocial--social cardMagSocial--facebook magHome-gridItem magHome-gridItem--smallSquare">
    <div class="cardMagSocial-inner">
      <div class="cardMagSocial-pictoWrapper">
        <span class="cardMagSocial-picto"></span>
      </div>
      <p class="cardMagSocial-title">Rejoignez-nous sur Facebook</p>
      <div class="cardMagSocial-btn">
        <div class="fb-like" data-href="#" data-layout="button" data-action="like" data-show-faces="true" data-share="false">J'aime</div>
      </div>
    </div>
  </div>

  <div class="cardMagSocial cardMagSocial--social cardMagSocial--twitter magHome-gridItem magHome-gridItem--smallSquare">
    <div class="cardMagSocial-inner">
      <div class="cardMagSocial-pictoWrapper">
        <span class="cardMagSocial-picto"></span>
      </div>
      <p class="cardMagSocial-title">Avec vous quotidiennement sur Twitter</p>
      <div class="cardMagSocial-btn">
        <a class="twitter-follow-button"
           href="https://twitter.com/Lorem"
           data-show-count="false">
          Follow @Lorem</a>
      </div>
    </div>
  </div>

  <div class="cardMagSocial cardMagSocial--social cardMagSocial--youtube magHome-gridItem magHome-gridItem--smallSquare">
    <div class="cardMagSocial-inner">
      <div class="cardMagSocial-pictoWrapper">
        <span class="cardMagSocial-picto"></span>
      </div>
      <p class="cardMagSocial-title">Toutes nos vidéos sur notre chaine YouTube</p>
      <div class="cardMagSocial-btn">
        <div class="g-ytsubscribe">YOUTUBE</div>
      </div>
    </div>
  </div>

  <div class="cardMagSocial cardMagSocial--social cardMagSocial--periscope magHome-gridItem magHome-gridItem--smallSquare">
    <div class="cardMagSocial-inner">
      <div class="cardMagSocial-pictoWrapper">
        <img class="cardMagSocial-picto" src="../images/c150/logo-periscope.svg" width="25" alt="">
      </div>
      <p class="cardMagSocial-title">Retrouvez-nous en LIVE sur Periscope</p>
      <a href="#" target="_blank" class="cardMagSocial-btn">
        <img src="../images/c150/logo-periscope.svg" width="15" alt="">
        CreditAgricole
      </a>
    </div>
  </div>

  <a class="cardMagSocial cardMagSocial--social cardMagSocial--instagram magHome-gridItem magHome-gridItem--smallSquare" href="#" target="_blank">
    <div class="cardMagSocial-inner">
      <div class="cardMagSocial-pictoWrapper">
        <span class="cardMagSocial-picto"></span>
      </div>
      <p class="cardMagSocial-title">Lorem ipsum dolor sit amet</p>
      <div class="cardMagSocial-btn">J'aime</div>
    </div>
  </a>

  <a class="cardMagSocial cardMagSocial--social cardMagSocial--linkedin magHome-gridItem magHome-gridItem--smallSquare" href="#" target="_blank">
    <div class="cardMagSocial-inner">
      <div class="cardMagSocial-pictoWrapper">
        <span class="cardMagSocial-picto"></span>
      </div>
      <p class="cardMagSocial-title">Lorem ipsum</p>
      <div class="cardMagSocial-btn">J'aime</div>
    </div>
  </a>

</div>
```

## Facebook
class: cardMagSocial--facebook

```html_example
<div class="magHome-grid">
  <div class="cardMagSocial cardMagSocial--social cardMagSocial--facebook magHome-gridItem magHome-gridItem--smallSquare">
    <div class="cardMagSocial-inner">
      <div class="cardMagSocial-pictoWrapper">
        <span class="cardMagSocial-picto"></span>
      </div>
      <p class="cardMagSocial-title">Rejoignez-nous sur Facebook</p>
      <div class="cardMagSocial-btn">
        <div class="fb-like" data-href="#" data-layout="button" data-action="like" data-show-faces="true" data-share="false">J'aime</div>
      </div>
    </div>
  </div>
</div>
```


## Twitter
class: cardMagSocial--twitter

```html_example
<div class="magHome-grid">
  <div class="cardMagSocial cardMagSocial--social cardMagSocial--twitter magHome-gridItem magHome-gridItem--smallSquare">
    <div class="cardMagSocial-inner">
      <div class="cardMagSocial-pictoWrapper">
        <span class="cardMagSocial-picto"></span>
      </div>
      <p class="cardMagSocial-title">Avec vous quotidiennement sur Twitter</p>
      <div class="cardMagSocial-btn">
        <a class="twitter-follow-button"
           href="https://twitter.com/Lorem"
           data-show-count="false">
          Follow @Lorem</a>
      </div>
    </div>
  </div>
</div>
```


## Youtube
class: cardMagSocial--youtube

```html_example
<div class="magHome-grid">
  <div class="cardMagSocial cardMagSocial--social cardMagSocial--youtube magHome-gridItem magHome-gridItem--smallSquare">
    <div class="cardMagSocial-inner">
      <div class="cardMagSocial-pictoWrapper">
        <span class="cardMagSocial-picto"></span>
      </div>
      <p class="cardMagSocial-title">Toutes nos vidéos sur notre chaine YouTube</p>
      <div class="cardMagSocial-btn">
        <div class="g-ytsubscribe">YOUTUBE</div>
      </div>
    </div>
  </div>
</div>
```


## Periscope
class: cardMagSocial--periscope

```html_example
<div class="magHome-grid">
  <div class="cardMagSocial cardMagSocial--social cardMagSocial--periscope magHome-gridItem magHome-gridItem--smallSquare">
    <div class="cardMagSocial-inner">
      <div class="cardMagSocial-pictoWrapper">
        <img class="cardMagSocial-picto" src="../images/c150/logo-periscope.svg" width="25" alt="">
      </div>
      <p class="cardMagSocial-title">Retrouvez-nous en LIVE sur Periscope</p>
      <a href="#" target="_blank" class="cardMagSocial-btn">
        <img src="../images/c150/logo-periscope.svg" width="15" alt="">
        CreditAgricole
      </a>
    </div>
  </div>
</div>
```

## Instagram
class: cardMagSocial--instagram

```html_example
<div class="magHome-grid">
  <a class="cardMagSocial cardMagSocial--social cardMagSocial--instagram magHome-gridItem magHome-gridItem--smallSquare" href="#" target="_blank">
    <div class="cardMagSocial-inner">
      <div class="cardMagSocial-pictoWrapper">
        <span class="cardMagSocial-picto"></span>
      </div>
      <p class="cardMagSocial-title">Lorem ipsum dolor sit amet</p>
      <div class="cardMagSocial-btn">J'aime</div>
    </div>
  </a>
</div>
```

## LinkedIn
class: cardMagSocial--linkedin

```html_example
<div class="magHome-grid">
  <a class="cardMagSocial cardMagSocial--social cardMagSocial--linkedin magHome-gridItem magHome-gridItem--smallSquare" href="#" target="_blank">
    <div class="cardMagSocial-inner">
      <div class="cardMagSocial-pictoWrapper">
        <span class="cardMagSocial-picto"></span>
      </div>
      <p class="cardMagSocial-title">Lorem ipsum</p>
      <div class="cardMagSocial-btn">J'aime</div>
    </div>
  </a>
</div>
```

## LinkedIn
class: cardMagSocial--linkedin cardMagSocial--gray

```html_example
<div class="magHome-grid">
  <a class="cardMagSocial cardMagSocial--social cardMagSocial--linkedin magHome-gridItem magHome-gridItem--smallSquare cardMagSocial--gray" href="#" target="_blank">
    <div class="cardMagSocial-inner">
      <div class="cardMagSocial-pictoWrapper">
        <span class="cardMagSocial-picto"></span>
      </div>
      <p class="cardMagSocial-title">Lorem ipsum</p>
      <div class="cardMagSocial-btn">J'aime</div>
    </div>
  </a>
</div>
```
*/
.cardMagSocial {
  display: table;
  position: relative;
  width: 100%;
  color: #ffffff;
  text-align: center; }
  .cardMagSocial a {
    color: inherit;
    text-decoration: none; }
    .cardMagSocial a:focus, .cardMagSocial a:hover {
      color: inherit;
      text-decoration: underline; }

a.cardMagSocial {
  text-decoration: none; }
  a.cardMagSocial:focus, a.cardMagSocial:hover {
    color: #ffffff;
    text-decoration: none; }
    a.cardMagSocial:focus .cardMagSocial-btn, a.cardMagSocial:hover .cardMagSocial-btn {
      text-decoration: underline; }

.cardMagSocial-inner {
  display: table-cell;
  padding: 85px 6% 80px;
  vertical-align: middle; }

.cardMagSocial-title {
  margin: 0;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.4; }

.cardMagSocial-pictoWrapper {
  position: absolute;
  top: 40px;
  left: 25px;
  right: 25px; }

.cardMagSocial-btn {
  position: absolute;
  bottom: 40px;
  left: 25px;
  right: 25px; }

.cardMagSocial--facebook {
  background-color: #335087; }
  .cardMagSocial--facebook span.cardMagSocial-picto:before {
    content: "";
    font-size: 25px; }

.cardMagSocial--twitter {
  background-color: #00a0ef; }
  .cardMagSocial--twitter span.cardMagSocial-picto:before {
    content: "";
    font-size: 30px; }

.cardMagSocial--youtube {
  background-color: #dd0a1c; }
  .cardMagSocial--youtube span.cardMagSocial-picto:before {
    content: "";
    font-size: 35px; }

.cardMagSocial--linkedin {
  background-color: #007bb5; }
  .cardMagSocial--linkedin span.cardMagSocial-picto:before {
    content: "";
    font-size: 25px; }

.cardMagSocial--instagram {
  background-color: #e95950; }
  .cardMagSocial--instagram span.cardMagSocial-picto:before {
    content: "";
    font-size: 25px; }

.cardMagSocial--periscope {
  background-color: #23a4c4; }

.cardMagSocial--gray {
  background-color: #d8d8d8; }

@media (min-width: 990px) {
  .cardMagSocial-inner {
    padding-top: 65px;
    padding-bottom: 60px; } }

/*doc
---
title: C152 Détail article et dossier
name: C152
category: C152
---

**Template exemple:**
<ul>
<li><a href="../../build/examples/t024_mag-articlesPage.html" target="_blank">t024_mag-articlesPage</a></li>
</ul>

*/
/*doc
---
title: C152 Détail article - default
parent: C152
name: C152-01
category: C152
---

```html_example
<div class="Template-backgroundBrandGray01 styleguideWrap-ArticleDetail"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_c152_articleDetail--include.kit")

</div>
```
*/
/*doc
---
title: C152 Détail dossier - default
parent: C152
name: C152-10
category: C152
---

```html_example
<div class="Template-backgroundBrandGray01 styleguideWrap-ArticleDetail"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_c152_folderDetail--include.kit")

</div>
```
*/
/* Div that encompasses the entire component */
.ArticleDetail {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center top;
  -moz-background-size: cover;
       background-size: cover; }

/* Div that encompasses all blocs */
.ArticleDetail-container {
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 5%; }

/* Div that encompasses all blocs */
.ArticleDetail-content {
  position: relative;
  width: 100%;
  padding: 30px 7% 25px;
  background-color: #ffffff; }

.ArticleDetail-breadcrumb {
  display: none;
  margin-bottom: 7px; }
  .ArticleDetail-breadcrumb .Breadcrumb {
    margin: 0; }

/* Div that encompasses the arrow back and title */
.ArticleDetail-goBackMag {
  display: block;
  position: relative;
  padding: 22px 5% 22px 10%;
  padding: 22px 5% 22px -moz-calc(5% + 25px);
  padding: 22px 5% 22px calc(5% + 25px);
  margin-top: 10px;
  color: inherit;
  text-decoration: none;
  font-size: 17px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.25;
  background-color: #ffffff; }
  .ArticleDetail-goBackMag:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5%;
    margin: -.6em 0;
    font-size: 15px; }
  .ArticleDetail-goBackMag:hover, .ArticleDetail-goBackMag:focus {
    text-decoration: none; }
  .ArticleDetail-goBackMag p {
    margin: 0; }

/* Div that encompasses the title */
.ArticleDetail-blocTitle {
  padding-right: 50px; }

/* Main title of the component */
.ArticleDetail-Title {
  margin: 0 0 5px;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  color: #007D8F;
  line-height: 1.2;
  font-size: 21px;
  font-weight: 600; }

/* Div that encompasses the bloc folder */
.ArticleDetail-iconFolder {
  position: absolute;
  width: 40px;
  top: 30px;
  right: 7%; }

/* Div that encompasses the link of the icon folder */
.ArticleDetail-iconFolderLink {
  display: block;
  font-size: 40px;
  color: rgba(153, 204, 0, 0.7);
  text-decoration: none; }
  .ArticleDetail-iconFolderLink:hover, .ArticleDetail-iconFolderLink:focus {
    color: #99cc00;
    text-decoration: none; }

/* Icon folder */
.ArticleDetail--icon {
  display: block; }

/* Div that encompasses the article date */
.ArticleDetail-date {
  margin-bottom: 13px; }

/* Font of the article date */
.ArticleDetail-dateText {
  color: #999999;
  font-family: "Open Sans", sans-serif;
  font-size: 12px; }

/* Div that encompasses the section*/
.ArticleDetail-section {
  float: left;
  width: 100%; }

.ArticleDetail-sociaux .Share {
  margin: 0; }

/* Font of the section*/
.ArticleDetail-sectionRubrique {
  font-family: "Open Sans", sans-serif;
  font-size: 12px; }

/* Font of the link*/
.ArticleDetail-sectionRubriqueLink {
  color: #007D8F; }
  .ArticleDetail-sectionRubriqueLink:hover {
    text-decoration: none;
    color: #006675; }

/* Div that encompasses the themes*/
/* Font of the chapters title */
.ArticleDetail-readArticleChapter {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 1px;
  padding: 15px 5%;
  color: #007D8F;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  background-color: #ffffff; }
  .ArticleDetail-readArticleChapter, .ArticleDetail-readArticleChapter:hover, .ArticleDetail-readArticleChapter:focus {
    text-decoration: none; }

.ArticleDetail-readArticleChapter-progress {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: rgba(153, 204, 0, 0.4);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -moz-transition: width 300ms ease;
  transition: width 300ms ease; }

.ArticleDetail-readArticleChapter-text {
  position: relative; }

/* Define parameters for Mobile and Tablet */
@media screen and (max-width: 989px) {
  .ArticleDetail {
    height: 0;
    padding-top: 50%; }
  .ArticleDetail-container {
    position: static;
    right: 0;
    bottom: 0; }
  .ArticleDetail-content {
    padding-bottom: 0; }
  .ArticleDetail-breadcrumb {
    display: block; }
  .ArticleDetail-goBackMag {
    display: none; }
  .ArticleDetail-blocTitle {
    padding-right: 0; }
  .ArticleDetail-iconFolder {
    display: none; }
  .ArticleDetail-readArticleChapter {
    padding-top: 10px;
    padding-bottom: 10px; }
  .ArticleDetail--displayHidden {
    display: none; } }

@media (min-width: 650px) and (max-width: 1169px) {
  .ArticleDetail-section {
    width: auto;
    margin-right: 20px; }
  .ArticleDetail-sociaux .Share {
    float: left;
    clear: left; } }

@media (min-width: 990px) {
  .ArticleDetail-sociaux {
    clear: both;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .ArticleDetail-sociaux .Share {
      margin-left: 5px;
      padding: 0;
      white-space: nowrap; }
  .ArticleDetail-readArticleChapter-progress {
    display: block; } }

/*doc
---
title: C153 ArticleBloc
name: c153
category: c153
---

```html_example
@@include("../../kit/components/_c153_articleBloc.kit")

```
*/
.ArticleBloc {
  padding: 0 5%;
  background-color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-weight: 400; }
  .ArticleBloc .C112 {
    width: auto;
    margin: 0;
    padding: 0; }
    .ArticleBloc .C112 h2 {
      margin-top: 10px;
      font-size: 40px; }
      @media (max-width: 649px) {
        .ArticleBloc .C112 h2 {
          font-size: 23px; } }
  .ArticleBloc .CheckList-viewport {
    padding: 0;
    margin: 0; }
  .ArticleBloc .CheckList-step {
    min-height: 0; }

.ArticleBloc-category {
  font-weight: 600;
  font-size: 20px; }
  .ArticleBloc-category + .ArticleBloc-title {
    margin-top: 10px; }
  @media (max-width: 649px) {
    .ArticleBloc-category {
      margin-top: 20px; } }

.ArticleBloc-title {
  font-size: 40px;
  line-height: 1.2;
  color: #007D8F;
  text-transform: uppercase; }
  @media (max-width: 649px) {
    .ArticleBloc-title {
      font-size: 23px; } }

.ArticleBloc-title--creditConso {
  font-size: 18px; }

.ArticleBloc-intro {
  display: block;
  overflow: hidden;
  font-style: italic;
  font-size: 15px;
  line-height: 1.35; }

.ArticleBloc-primaryGray01 {
  background-color: #f5f5f5;
  margin: 40px -5.55556%;
  padding: 20px 5.55556% 40px; }
  .ArticleBloc-primaryGray01:first-child {
    margin-top: 0; }
  .ArticleBloc-primaryGray01:last-child {
    margin-bottom: 0; }
  .ArticleBloc-primaryGray01 p {
    font-weight: 600; }

.ArticleBloc .parsys-corps-article.parsys .ArticleBloc-primaryGray01 {
  margin-bottom: 40px;
  margin-top: 40px; }

.ArticleBloc-quote {
  position: relative;
  padding: 50px 15%;
  margin: 40px -5.55556%;
  font-size: 23px;
  font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
  line-height: 1.5;
  font-weight: 700;
  background-color: #f5f5f5;
  border: 0; }
  .ArticleBloc-quote p {
    font-weight: 700;
    margin: 0 0 20px; }
  .ArticleBloc-quote:before, .ArticleBloc-quote:after {
    content: '';
    position: absolute;
    width: 42px;
    height: 36px; }
  .ArticleBloc-quote:before {
    left: 5%;
    top: 20px;
    background: url(../images/c153/quote_inverse_left.png) no-repeat; }
  .ArticleBloc-quote:after {
    right: 5%;
    bottom: 20px;
    background: url(../images/c153/quote_right.png) no-repeat; }

.ArticleBloc img, .ArticleBloc-image {
  display: block;
  max-width: 100%;
  margin: 20px auto; }

/*doc
---
title: C154 Themes
name: c154
category: c154
---

```html_example
@@include("../../kit/components/_c154_themes.kit")

```
*/
.Themes {
  padding: 10px 5% 30px;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 5%; }

.Themes-title {
  color: #000;
  padding: 20px 0;
  margin: 0px; }

.Themes-tag {
  display: inline-block;
  color: #000;
  font-weight: 300;
  padding: 20px;
  margin: 5px;
  background-color: #f5f5f5;
  text-decoration: none;
  border-radius: 31px 31px 31px 31px;
  -moz-border-radius: 31px 31px 31px 31px;
  -webkit-border-radius: 31px 31px 31px 31px;
  border: 0px solid #000000; }
  .Themes-tag:hover {
    text-decoration: none;
    color: #006675; }
  .Themes-tag:active {
    text-decoration: none; }
  .Themes-tag:visited {
    text-decoration: none; }

/*doc
---
title: C155 Associated Solutions
name: c155
category: c155
---

```html_example
@@include("../../kit/components/_c155_associatedSolutions.kit")
```
*/
.AssociatedSolutions {
  padding: 5%;
  background-color: #007D8F; }
  .AssociatedSolutions .BlockLink {
    margin: 10px 0; }

.AssociatedSolutions-title {
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 20px;
  color: #ffffff; }

/*doc
---
title: C164 Share
name: c164
category: c164
---
*/
/*doc
---
title: C164 Share - Default
parent: c164
name: c164-01
category: c164
---

```html_example
@@include("../../kit/components/_c164_share.kit")
```
*/
/*doc
---
title: C164 Share - with Text
parent: c164
name: c164-02
category: c164
---

```html_example
@@include("../../kit/components/_c164_share--text.kit")
```
*/
/*doc
---
title: C164 Share - with Text - inline
parent: c164
name: c164-03
category: c164
---

```html_example
@@include("../../kit/components/_c164_share--text-inline.kit")
```
*/
/*doc
---
title: C164 Share - with Text - Disabled
parent: c164
name: c164-04
category: c164
---

```html_example
@@include("../../kit/components/_c164_share--disabledLinks.kit")
```
*/
/*doc
---
title: C164 Share - with Text - Gray
parent: c164
name: c164-05
category: c164
---

```html_example
@@include("../../kit/components/_c164_share--gray.kit")
```
*/
/*doc
---
title: C164 Share - in ArticleDetail & folderDetail
parent: c164
name: c164-10
category: c164
---

[Go to ArticleDetail & folderDetail documentation](./c152.html)

```html_example
@@include("../../kit/components/_c164_share--c152--include.kit")
```
*/
/* Div that encompasses the entire component */
.Share {
  text-align: center;
  margin: 20px 5% 0 5%;
  padding: 30px 0; }

/* Text before logo */
.Share-text {
  display: block;
  margin-bottom: 10px; }

/* Global parameters for the logo */
.Share-logo {
  display: inline-block;
  width: 27px;
  height: 27px;
  margin: 4px 3px;
  font-size: 14px;
  line-height: 27px;
  text-align: center;
  -moz-border-radius: 50%;
       border-radius: 50%;
  text-decoration: none;
  color: #ffffff; }
  .Share-logo:hover, .Share-logo:focus {
    text-decoration: none;
    color: #ffffff;
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1); }

.Share-logo--twitter {
  background-color: #00a0ef; }
  .Share-logo--twitter:before {
    content: ""; }

.Share-logo--facebook {
  background-color: #335087; }
  .Share-logo--facebook:before {
    content: ""; }

.Share-logo--linkedin {
  background-color: #007bb5; }
  .Share-logo--linkedin:before {
    content: ""; }

.Share-logo--google {
  background-color: #d9463a; }
  .Share-logo--google:before {
    content: ""; }

.Share-logo--rss {
  background-color: #ed7813; }
  .Share-logo--rss:before {
    content: ""; }

.Share-logo--mail {
  background-color: #007D8F; }
  .Share-logo--mail:before {
    content: ""; }

.Share-logo--disabled {
  cursor: not-allowed;
  background-color: #d8d8d8; }

.Share-logo--gray {
  background-color: #d8d8d8; }

/* Mobile behavior */
@media (min-width: 650px) {
  .Share-text--inline {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0; } }

/*doc
---
title: C172  Partenaire marché
name: c172
category: c172
---

```html_example
@@include("../../kit/components/_c172_marketPartner.kit")
```
```html_example
@@include("../../kit/components/_c172_marketPartner-2.kit")
```
```html_example
@@include("../../kit/components/_c172_marketPartner-3.kit")
```
*/
.MarketPartner {
  width: 100%;
  height: 350px;
  min-height: 50px;
  margin: 0 auto 20px;
  text-align: center;
  color: #333333;
  background-color: #f5f5f5;
  font-family: "Open Sans", sans-serif;
  overflow: hidden; }

.MarketPartner-link {
  display: block;
  position: relative;
  color: inherit;
  min-height: 100%;
  text-decoration: none;
  padding-bottom: 40px;
  overflow: hidden; }
  .MarketPartner-link:after {
    content: "";
    position: absolute;
    bottom: 20px;
    right: 10%;
    font-size: 1.5em; }
  .MarketPartner-link:hover {
    background: #007D8F;
    color: #ffffff; }
    .MarketPartner-link:hover h1, .MarketPartner-link:hover .h1,
    .MarketPartner-link:hover h2, .MarketPartner-link:hover .h2,
    .MarketPartner-link:hover h3, .MarketPartner-link:hover .h3,
    .MarketPartner-link:hover h4, .MarketPartner-link:hover .h4,
    .MarketPartner-link:hover h5, .MarketPartner-link:hover .h5,
    .MarketPartner-link:hover h6, .MarketPartner-link:hover .h6 {
      color: #ffffff; }
  .MarketPartner-link:hover, .MarketPartner-link:focus, .MarketPartner-link:active, .MarketPartner-link:visited {
    text-decoration: none; }

.MarketPartner-bloc {
  width: 80%;
  margin: 20px 10% 0;
  min-height: 140px; }
  .MarketPartner-bloc h1, .MarketPartner-bloc .h1 {
    font-size: 23px; }
  .MarketPartner-bloc h1, .MarketPartner-bloc .h1,
  .MarketPartner-bloc h2, .MarketPartner-bloc .h2,
  .MarketPartner-bloc h3, .MarketPartner-bloc .h3,
  .MarketPartner-bloc h4, .MarketPartner-bloc .h4,
  .MarketPartner-bloc h5, .MarketPartner-bloc .h5,
  .MarketPartner-bloc h6, .MarketPartner-bloc .h6 {
    height: 46px;
    line-height: 1;
    color: #007D8F;
    margin: 35px 0 30px 0;
    text-overflow: ellipsis; }
  .MarketPartner-bloc p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 70px; }

.MarketPartner-imageWrapper {
  height: 90px;
  overflow: hidden; }

.MarketPartner-image {
  margin-top: 30px;
  max-width: 170px;
  max-height: 89px; }
  .MarketPartner-image:first-child {
    margin-top: 0; }

/*doc
---
title: C174 Generic Button
name: C174
category: C174
---

Template exemple:

- [Tableau de produits R1](../../build/examples/offerSheetR1.html)
- [T004 - Tableau de produits](../../build/examples/t004_productSheet.html)
- [T072 - Mes E-Documents](../../build/examples/t072_myEDocuments.html)

*/
/*doc
---
title: C174 - Default
parent: C174
name: C174-01
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtn.kit")
```
*/
/*doc
---
title: C174 - Secondary
parent: C174
name: C174-02
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtnSecondary.kit")
```
*/
/*doc
---
title: C174 - Default primary panel
parent: C174
name: C174-03
category: C174
---

```html_example
@@include("../../kit/components/_c139_174_subscribeBtn--include.kit", {
   "PanelName": "GenericBtn",
   "PanelModifier": "GenericBtn-block--primary",
   "ButtonType": "GenericBtn-btn",
   "ButtonText": "Prendre RDV en agence"
})
```
*/
/*doc
---
title: C174 - Secondary primary panel
parent: C174
name: C174-04
category: C174
---

```html_example
@@include("../../kit/components/_c139_174_subscribeBtn--include.kit", {
   "PanelName": "GenericBtn",
   "PanelModifier": "GenericBtn-block--primary",
   "ButtonType": "GenericBtn-btnSecondary",
   "ButtonText": "Prendre RDV en agence"
})
```
*/
/*doc
---
title: C174 - Default white panel
parent: C174
name: C174-05
category: C174
---

```html_example
@@include("../../kit/components/_c139_174_subscribeBtn--include.kit", {
   "PanelName": "GenericBtn",
   "PanelModifier": "GenericBtn-block--white",
   "ButtonType": "GenericBtn-btn",
   "ButtonText": "Prendre RDV en agence"
})
```
*/
/*doc
---
title: C174 - Secondary white panel
parent: C174
name: C174-06
category: C174
---

```html_example
@@include("../../kit/components/_c139_174_subscribeBtn--include.kit", {
   "PanelName": "GenericBtn",
   "PanelModifier": "GenericBtn-block--white",
   "ButtonType": "GenericBtn-btnSecondary",
   "ButtonText": "Prendre RDV en agence"
})
```
*/
/*doc
---
title: C174 - Default gray panel
parent: C174
name: C174-07
category: C174
---

```html_example
@@include("../../kit/components/_c139_174_subscribeBtn--include.kit", {
   "PanelName": "GenericBtn",
   "PanelModifier": "GenericBtn-block--gray",
   "ButtonType": "GenericBtn-btn",
   "ButtonText": "Prendre RDV en agence"
})
```
*/
/*doc
---
title: C174 - Secondary gray panel
parent: C174
name: C174-08
category: C174
---

```html_example
@@include("../../kit/components/_c139_174_subscribeBtn--include.kit", {
   "PanelName": "GenericBtn",
   "PanelModifier": "GenericBtn-block--gray",
   "ButtonType": "GenericBtn-btnSecondary",
   "ButtonText": "Prendre RDV en agence"
})
```
*/
/*doc
---
title: C174 - White gray panel
parent: C174
name: C174-09
category: C174
---

```html_example
@@include("../../kit/components/_c139_174_subscribeBtn--include.kit", {
   "PanelName": "SubscribeBtn",
   "PanelModifier": "SubscribeBtn-block--gray",
   "ButtonType": "SubscribeBtn-btnWhite",
   "ButtonText": "Souscrire en ligne"
})
```
*/
/*doc
---
title: C174 - Left
parent: C174
name: C174-10
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtn--left.kit")
```
*/
/*doc
---
title: C174 - Center
parent: C174
name: C174-11
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtn--center.kit")
```
*/
/*doc
---
title: C174 - Right
parent: C174
name: C174-12
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtn--right.kit")
```
*/
/*doc
---
title: C174 - Full
parent: C174
name: C174-13
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtn--full.kit")
```
*/
/*doc
---
title: C174 - Left primary
parent: C174
name: C174-14
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtn--leftBgcPrimary.kit")
```
*/
/*doc
---
title: C174 - Center primary
parent: C174
name: C174-15
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtn--centerBgcPrimary.kit")
```
*/
/*doc
---
title: C174 - Right primary
parent: C174
name: C174-16
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtn--rightBgcPrimary.kit")
```
*/
/*doc
---
title: C174 - Full primary
parent: C174
name: C174-17
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtn--fullBgcPrimary.kit")
```
*/
/*doc
---
title: C174 - Center buttons
parent: C174
name: C174-18
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtn--centerButtons.kit")
```
*/
/*doc
---
title: C174 - Center buttons primary
parent: C174
name: C174-19
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtn--centerButtonsBgcprimary.kit")
```
*/
/*doc
---
title: C174 - Right left buttons
parent: C174
name: C174-20
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtn--rightLeftButtons.kit")
```
*/
/*doc
---
title: C174 - Right left buttons primary
parent: C174
name: C174-21
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtn--rightLeftButtonsBgcprimary.kit")
```
*/
/*doc
---
title: C174 - Full buttons primary half 50%/50%
parent: C174
name: C174-22
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtn--rightLeftButtonsBgcprimaryHalf.kit")
```
*/
/*doc
---
title: C174 - Full buttons primary half AEM 50%/50%
parent: C174
name: C174-23
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtn--rightLeftButtonsBgcprimaryHalfAem.kit")
```
*/
/*doc
---
title: C174 - Full buttons primary half AEM 50%/50% sans marge L/R
parent: C174
name: C174-24
category: C174
---

```html_example
@@include("../../kit/components/_c174_genericBtn--fullButtonsBgcprimaryHalfAemFull.kit")
```
*/
/* Classes laissées car utilisé à différents emplacements du NPC */
.C174 {
  width: 100%;
  padding: 20px 0 30px;
  font-family: "Open Sans", sans-serif;
  text-align: center; }

.C174-bouton {
  padding: 0.8em 1.5em;
  -moz-border-radius: 4px;
       border-radius: 4px;
  color: #ffffff;
  background-color: #007D8F;
  border-color: transparent;
  font-size: 14px;
  text-transform: uppercase; }
  .C174-bouton:hover {
    color: #ffffff;
    background-color: #006675; }
  @media all and (max-width: 480px) {
    .C174-bouton {
      font-size: 3vw; } }

/* Classes laissées car utilisées à différents emplacements du NPC */
/* New classes for generic button */
.GenericBtn-block {
  margin: 0 5% 20px;
  width: 90%;
  padding: 20px; }

.GenericBtn-block--full {
  margin: 0;
  width: 100%;
  padding: 20px 0; }

.GenericBtn-block--primary {
  background-color: #007D8F !important; }
  .GenericBtn-block--primary .GenericBtn-btnSecondary {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px; }
  .GenericBtn-block--primary .SubscribeBtn-btnSecondary {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px; }

.GenericBtn-block--white {
  background-color: #ffffff !important; }

.GenericBtn-block--gray {
  background-color: #f5f5f5 !important; }

.GenericBtn-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 -5px; }
  .GenericBtn-btns > * {
    margin: 5px;
    max-width: 200px;
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .GenericBtn-btns.GenericBtn-btns--ModalSessionEndWarning .Modal-action {
    font-size: 11px;
    margin: 0;
    width: 100%; }

.GenericBtn,
.SubscribeBtn {
  max-width: 100%; }

.SubscribeBtn-btns--half .SubscribeBtn,
.SubscribeBtn-btns--half .GenericBtn,
.GenericBtn-btns--half .SubscribeBtn,
.GenericBtn-btns--half .GenericBtn {
  width: 50%;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  .SubscribeBtn-btns--half .SubscribeBtn-btn, .SubscribeBtn-btns--half .SubscribeBtn-btnSecondary, .SubscribeBtn-btns--half .SubscribeBtn-btnWhite,
  .SubscribeBtn-btns--half .GenericBtn-btn,
  .SubscribeBtn-btns--half .GenericBtn-btnSecondary,
  .SubscribeBtn-btns--half .GenericBtn-btnWhite,
  .GenericBtn-btns--half .SubscribeBtn-btn,
  .GenericBtn-btns--half .SubscribeBtn-btnSecondary,
  .GenericBtn-btns--half .SubscribeBtn-btnWhite,
  .GenericBtn-btns--half .GenericBtn-btn,
  .GenericBtn-btns--half .GenericBtn-btnSecondary,
  .GenericBtn-btns--half .GenericBtn-btnWhite {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .SubscribeBtn-btns--half .SubscribeBtn--left,
  .SubscribeBtn-btns--half .GenericBtn--left,
  .GenericBtn-btns--half .SubscribeBtn--left,
  .GenericBtn-btns--half .GenericBtn--left {
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .SubscribeBtn-btns--half .SubscribeBtn--right,
  .SubscribeBtn-btns--half .GenericBtn--right,
  .GenericBtn-btns--half .SubscribeBtn--right,
  .GenericBtn-btns--half .GenericBtn--right {
    -webkit-box-pack: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

.GenericBtn-btns--halfAem .parsys,
.SubscribeBtn-btns--halfAem .parsys {
  width: 50%;
  max-width: inherit; }

.GenericBtn-btns--halfAem .section,
.SubscribeBtn-btns--halfAem .section {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.GenericBtn-btns--halfAem .SubscribeBtn,
.GenericBtn-btns--halfAem .GenericBtn,
.SubscribeBtn-btns--halfAem .SubscribeBtn,
.SubscribeBtn-btns--halfAem .GenericBtn {
  width: 100%;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  .GenericBtn-btns--halfAem .SubscribeBtn-btn, .GenericBtn-btns--halfAem .SubscribeBtn-btnSecondary, .GenericBtn-btns--halfAem .SubscribeBtn-btnWhite,
  .GenericBtn-btns--halfAem .GenericBtn-btn,
  .GenericBtn-btns--halfAem .GenericBtn-btnSecondary,
  .GenericBtn-btns--halfAem .GenericBtn-btnWhite,
  .SubscribeBtn-btns--halfAem .SubscribeBtn-btn,
  .SubscribeBtn-btns--halfAem .SubscribeBtn-btnSecondary,
  .SubscribeBtn-btns--halfAem .SubscribeBtn-btnWhite,
  .SubscribeBtn-btns--halfAem .GenericBtn-btn,
  .SubscribeBtn-btns--halfAem .GenericBtn-btnSecondary,
  .SubscribeBtn-btns--halfAem .GenericBtn-btnWhite {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .GenericBtn-btns--halfAem .SubscribeBtn--left,
  .GenericBtn-btns--halfAem .GenericBtn--left,
  .SubscribeBtn-btns--halfAem .SubscribeBtn--left,
  .SubscribeBtn-btns--halfAem .GenericBtn--left {
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .GenericBtn-btns--halfAem .SubscribeBtn--right,
  .GenericBtn-btns--halfAem .GenericBtn--right,
  .SubscribeBtn-btns--halfAem .SubscribeBtn--right,
  .SubscribeBtn-btns--halfAem .GenericBtn--right {
    -webkit-box-pack: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

.GenericBtn-btn, .GenericBtn-btnSecondary, .GenericBtn-btnWhite {
  max-width: 100%;
  padding-left: 40px;
  padding-right: 40px; }
  .GenericBtn-btn span, .GenericBtn-btnSecondary span, .GenericBtn-btnWhite span {
    max-width: 100%;
    white-space: normal; }

.GenericBtn-btnSecondary {
  background-color: transparent; }

.GenericBtn--full .GenericBtn-btn,
.GenericBtn--full .GenericBtn-btnWhite,
.GenericBtn--full .GenericBtn-btnSecondary {
  width: 100%; }

.GenericBtn--left {
  text-align: left; }

.GenericBtn--right {
  text-align: right; }

.GenericBtn--center {
  text-align: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media screen and (max-width: 649px) {
  .GenericBtn, .GenericBtn-btn, .GenericBtn-btnSecondary, .GenericBtn-btnWhite,
  .SubscribeBtn,
  .SubscribeBtn-btn,
  .SubscribeBtn-btnSecondary,
  .SubscribeBtn-btnWhite {
    width: 100%; }
  .GenericBtn-btns,
  .SubscribeBtn-btns {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0; }
  .GenericBtn-btns--half,
  .GenericBtn .GenericBtn-btns--half,
  .SubscribeBtn-btns--half,
  .SubscribeBtn .GenericBtn-btns--half {
    width: 100%; }
  .GenericBtn--halfAem .parsys,
  .SubscribeBtn--halfAem .parsys {
    width: 100%; } }

/*doc
---
title: header alternate
name: header-alternate
parent: header-02-small
category: header
---

*/
/*doc
---
title: header alternate - Popin (C178)
name: header-alternate-01
parent: header-alternate
category: header
---

**Templates exemple:**
<ul>
<li><a href="../../build/examples/t068_simulator2.html" target="_blank">t068_simulator2</a></li>
</ul>


```html_example

@@include("../../kit/components/_c178_headerAlternate.kit")

```
*/
/*doc
---
title: header alternate - campaign (C204)
name: header-alternate-02
parent: header-alternate
category: header
---

**Templates exemple:**
<ul>
<li><a href="../../build/examples/test-ct204.html" target="_blank">test-ct204</a></li>
</ul>


```html_example

@@include("../../kit/components/_ct204_headerCampaign.kit")

```
*/
.HeaderAlternate {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  background-color: #f5f5f5; }

.HeaderAlternate--campaign {
  background-color: #ffffff; }

.HeaderAlternate-title,
.HeaderAlternate-back {
  padding: 0 20px; }

.HeaderAlternate-logo {
  margin-right: auto; }
  @media (min-width: 650px) {
    .HeaderAlternate-logo {
      max-width: 236px; } }

.HeaderAlternate-logoImg {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%; }
  @media (max-width: 649px) {
    .HeaderAlternate-logoImg {
      width: 150px; } }

div.HeaderAlternate-logoImg {
  width: 100%;
  height: 100%; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    div.HeaderAlternate-logoImg > img {
      width: auto !important;
      height: 100% !important; } }

.HeaderAlternate-logo--campaign {
  margin-right: auto; }

.HeaderAlternate-title {
  font-size: 15px;
  text-align: right; }
  @media (max-width: 649px) {
    .HeaderAlternate-title {
      display: none; } }

.HeaderAlternate-back {
  width: 125px; }

.HeaderAlternate-backText {
  display: inline-block;
  margin-right: 10px; }

/*doc
---
title: Composant C179
name: c179
category: c179
---

```html_example
@@include("../../kit/components/_c179_associatedProducts.kit")

```
*/
.AssociatedProducts {
  margin: 0 -1.5%;
  overflow: hidden; }
  .AssociatedProducts .BlockLink {
    float: left;
    width: 30%;
    margin: 1.5%;
    padding-right: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .AssociatedProducts .BlockLink, .AssociatedProducts .BlockLink:hover {
      background: #fff;
      color: #454545; }
      .AssociatedProducts .BlockLink .BlockLink-desc,
      .AssociatedProducts .BlockLink .BlockLink-title, .AssociatedProducts .BlockLink:hover .BlockLink-desc,
      .AssociatedProducts .BlockLink:hover .BlockLink-title {
        margin-bottom: 10px;
        color: #454545; }
    .AssociatedProducts .BlockLink .btn {
      font-weight: 700; }
      .AssociatedProducts .BlockLink .btn:last-child {
        margin: 0; }
    @media screen and (max-width: 989px) {
      .AssociatedProducts .BlockLink {
        width: 47%; } }
    @media screen and (max-width: 649px) {
      .AssociatedProducts .BlockLink {
        width: 100%; } }
  .AssociatedProducts .BlockLink-desc {
    height: 4.5em;
    max-height: none; }
    .AssociatedProducts .BlockLink-desc,
    .AssociatedProducts .BlockLink-desc div {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
  .AssociatedProducts .BlockLink-btn {
    margin-top: auto; }

/*doc
---
title: C200 CardsDashboardSearch
name: c200
category: c200
---

```html_example
<div class="CardsDashboardSearch">
  <div class="CardsDashboardSearch-form">
    <div class="CardsDashboardSearch-research form-group">
      <input type="text" class="CardsDashboardSearch-researchItem form-control" placeholder="Rechercher">
    </div>

    <div class="CardsDashboardSearch-advancedBtnWrapper">
      <button type="submit" class="btn btn-default CardsDashboardSearch-advancedBtn js-CardsDashboardSearch-advancedBtn">recherche avancée <span class="js-CardsDashboardSearch-counterAdvanced"></span></button>
    </div>

    <div class="CardsDashboardSearch-sort form-group">
      <label for="sort" class="CardsDashboardSearch-sortLabel">Trier par</label>
      <select id="sort" class="CardsDashboardSearch-sortBtn selectpicker show-menu-arrow bootstrap-select--default">
        <option>Compte</option>
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option>Option 4</option>
        <option>Option 5</option>
        <option>Option 6</option>
        <option>Option 7</option>
        <option>Option 8</option>
        <option>Option 9</option>
      </select>
    </div>
  </div>

  <div class="CardsDashboardSearch-advanced js-CardsDashboardSearch-advanced hidden">
    <div class="form-group">
      <label for="account-select" class="CardsDashboardSearch-advancedLabel">Compte</label>
      <select id="account-select" class="CardsDashboardSearch-accountBtn selectpicker show-menu-arrow bootstrap-select--default">
        <option value="">Tous les comptes</option>
        <option value="">Compte n°06867815554555</option>
        <option value="">Compte n°06867815554555</option>
        <option value="">Compte n°06867815554555</option>
        <option value="">Compte n°06867815554555</option>
        <option value="">Compte n°06867815554555</option>
      </select>
    </div>
    <div class="form-group">
      <label for="cardtype-select" class="CardsDashboardSearch-advancedLabel">Type de cartes</label>
      <select id="cardtype-select" class="CardsDashboardSearch-cardtypeBtn selectpicker show-menu-arrow bootstrap-select--default">
        <option value="">Tout type de cartes</option>
        <option value="">Carte à débit immédiat</option>
        <option value="">Carte à débit différé</option>
      </select>
    </div>
  </div>
  <a href="#" class="CardsDashboardSearch-resetLink js-CardsDashboardSearch-reset">Voir toutes les cartes</a>
</div>
```
*/
.CardsDashboardSearch-form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0; }

/* Research button */
.CardsDashboardSearch-research {
  position: relative; }
  .CardsDashboardSearch-research:before {
    content: "";
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 10;
    width: 42px;
    height: 42px;
    font-size: 17px;
    color: #007D8F;
    line-height: 42px;
    text-align: center;
    pointer-events: none; }

/* Sort by account button */
.CardsDashboardSearch-research,
.CardsDashboardSearch-sort,
.CardsDashboardSearch-advancedBtnWrapper {
  width: 32.5%;
  margin: 0; }

.CardsDashboardSearch-researchItem {
  height: 100%; }

.CardsDashboardSearch-sort {
  position: relative; }
  .CardsDashboardSearch-sort .bootstrap-select.btn-group .dropdown-toggle {
    height: 100%; }
    .CardsDashboardSearch-sort .bootstrap-select.btn-group .dropdown-toggle .filter-option {
      font-style: italic;
      padding-left: 65px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
  .CardsDashboardSearch-sort .bootstrap-select.btn-group .dropdown-toggle .caret:after {
    color: #454545; }

.CardsDashboardSearch-sortLabel {
  position: absolute;
  z-index: 1062;
  top: 50%;
  left: 12px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: 300; }

.CardsDashboardSearch-sortLabel {
  color: #007D8F; }

.CardsDashboardSearch-advancedBtn {
  border: 1px solid #ccc;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
  .CardsDashboardSearch-advancedBtn.btn-default {
    font-weight: 300; }

/* Sort by account button */
.CardsDashboardSearch-sortBtn,
.CardsDashboardSearch-advancedBtn {
  width: 100% !important;
  height: 100%; }

/* Block that appears when the user click on the button advanced research */
.CardsDashboardSearch-advanced {
  background-color: #f5f5f5;
  padding: 15px;
  margin-top: 5px; }

.CardsDashboardSearch-accountBtn {
  width: 100% !important; }

.CardsDashboardSearch-advancedLabel {
  display: block; }

.CardsDashboardSearch-resetLink {
  display: inline-block;
  margin-top: 10px; }

/* Mobile Behavior */
@media screen and (max-width: 649px) {
  .CardsDashboardSearch-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .CardsDashboardSearch-research,
  .CardsDashboardSearch-sort,
  .CardsDashboardSearch-advancedBtnWrapper {
    width: 100%; }
  .CardsDashboardSearch-research,
  .CardsDashboardSearch-advancedBtnWrapper {
    margin-bottom: 10px; }
  .CardsDashboardSearch-advancedBtn {
    text-align: left; } }

/*doc
---
title: C198 Card
name: c198
category: c198
---

```html_example
<div class="Card">
  <div class="icon npc-card Card-icon"></div>
  <div class="Card-left">
    <p class="Card-title">Carte VISA PREMIER - débit différé</p>
    <p class="Card-titleNumber">n°6785XXXXXXXXX65</p>
    <p class="Card-owner">Benoit BERNARD</p>
    <p class="Card-ownerFullname">Porteur : Jean BERNARD</p>
    <p class="Card-accountNumber">COMPTE COURANT  n°4539XXXXXXXXXX45</p>
  </div>
  <div class="Card-right">
    <p class="Card-accountBalanceDate">Débité le 30 juin : <span class="Card-accountBalanceNumber">- 788,99 €</span></p>
    <p class="Card-accountBalanceDate">Débité le 30 mai : <span class="Card-accountBalanceNumber">- 788,99 €</span></p>
  </div>
</div>
```
*/
/* Encompasses Card */
.Cards {
  margin: 0 0 10px; }

/* Card */
.Card {
  display: table;
  width: 100%;
  padding: 2.5%;
  background-color: #f5f5f5; }
  .Card, .Card:hover {
    text-decoration: none; }
  .Card + .Card {
    border-top: 1px solid #ffffff; }

/* Left and right card */
.Card-left,
.Card-right {
  display: table-cell; }

.Card-left {
  padding-left: 15px;
  vertical-align: top; }

/* Icon before Card-left (credit card icon) */
.Card-icon {
  font-size: 2em;
  color: #99cc00;
  padding: 7px 0 0 0; }

/* Right cell in Card */
.Card-right {
  padding-left: 15px;
  text-align: right;
  vertical-align: middle; }

/* Type of cards */
.Card-title {
  color: #007D8F; }

/* Black color */
.Card-titleNumber,
.Card-accountNumber,
.Card-accountBalanceDate {
  color: #999999; }

.Card-accountBalanceDate:last-child {
  margin-bottom: 0; }

/* Account number and card number size */
.Card-accountNumber,
.Card-titleNumber {
  font-size: 11px; }

/* Small margin bottom for account number */
.Card-accountNumber {
  margin-bottom: 0; }

/* Put the amont of debit or credit in black */
.Card-accountBalanceNumber {
  font-weight: 700;
  white-space: nowrap;
  color: #454545; }

.Card-title,
.Card-titleNumber,
.Card-titleFullname {
  margin-bottom: 2px; }

.Card-titleFullname {
  font-weight: 600;
  color: #454545; }

/* Mobile Behavior */
@media screen and (max-width: 649px) {
  .Card {
    display: block; }
  .Card-left,
  .Card-right {
    display: block;
    margin-left: 45px;
    padding-left: 0; }
  .Card-icon {
    float: left;
    width: auto;
    padding: 5px 0 0 5px; }
  .Card-accountBalanceDate {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 2px; } }

/*doc
---
title: c199 Increase the ceiling
name: c199
category: c199
---

```html_example
@@include("../../kit/components/c199_increaseTheCeiling.kit")
```
*/
.IncreaseTheCeilingParent {
  position: relative; }
  .IncreaseTheCeilingParent .IncreaseTheCeiling {
    padding-top: 30px; }

.IncreaseTheCeiling {
  margin: 0 0 30px;
  padding-bottom: 15px; }

.IncreaseTheCeiling--bgcGray {
  padding-left: 15px;
  padding-right: 15px; }

.IncreaseTheCeiling-inputMailMessage {
  color: red; }

.IncreaseTheCeiling-inputMail:invalid {
  border: 1px solid red; }

.IncreaseTheCeiling--inputMailWidth {
  width: 50%; }

.IncreaseTheCeiling-progress,
.IncreaseTheCeiling-carousel {
  clear: both;
  overflow: hidden;
  padding: 0 15px;
  background-color: #f5f5f5; }

.IncreaseTheCeiling-carousel {
  border-bottom: 1px solid #ffffff; }
  @media (max-width: 649px) {
    .IncreaseTheCeiling-carousel {
      padding: 0 55px 0 15px; } }
  .IncreaseTheCeiling-carousel .owl-prev,
  .IncreaseTheCeiling-carousel .owl-next {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
            transform: translateY(-50%);
    -moz-border-radius: 50%;
         border-radius: 50%;
    background-color: #007D8F;
    color: #fff; }
    .IncreaseTheCeiling-carousel .owl-prev.disabled,
    .IncreaseTheCeiling-carousel .owl-next.disabled {
      display: none; }
    .IncreaseTheCeiling-carousel .owl-prev:before,
    .IncreaseTheCeiling-carousel .owl-next:before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .IncreaseTheCeiling-carousel .owl-prev {
    left: 15px; }
    .IncreaseTheCeiling-carousel .owl-prev:before {
      content: ""; }
  .IncreaseTheCeiling-carousel .owl-next {
    right: 15px; }
    .IncreaseTheCeiling-carousel .owl-next:before {
      content: ""; }

.MyOptionsCard-service {
  display: table;
  width: 100%;
  min-height: 75px;
  padding: 2.5%;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ffffff; }

.MyOptionsCard-content {
  display: table-cell;
  vertical-align: middle; }

.MyOptionsCard-content--witdh {
  width: 70%; }

.MyOptionsCard-title {
  margin-bottom: 2px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -0.023em; }

.MyOptionsCard-contentStatus {
  display: table;
  background-color: #f5f5f5;
  margin-top: 10px; }

.MyOptionsCard-action {
  display: table-cell;
  vertical-align: middle;
  width: 30%;
  text-align: right; }

.MyOptionsCard-action--button {
  width: 125px; }

.MyOptionsCard-statusArrow {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px; }

.MyOptionsCard-statusArrow--enabled {
  color: #99cc00; }

.MyOptionsCard-statusArrow--disabled {
  color: #d8d8d8; }

.MyOptionsCard-statusText {
  display: table-cell;
  vertical-align: middle;
  font-weight: 700;
  padding-left: 5px;
  font-style: italic; }

.IncreaseTheCeiling--titleH3 {
  font-size: 15px;
  margin-top: 5px; }

.IncreaseTheCeiling--titleH5 {
  text-transform: uppercase;
  letter-spacing: -0.56px;
  margin-top: 30px;
  margin-bottom: 10px; }

.IncreaseTheCeiling-text {
  font-weight: 300;
  font-size: 12px;
  margin: 15px 0; }
  .IncreaseTheCeiling-text:first-child {
    margin-top: 0; }

.IncreaseTheCeiling-text--italic {
  font-style: italic; }

.IncreaseTheCeiling-text--bold {
  font-weight: 700; }

.IncreaseTheCeiling-text--fade {
  opacity: 0.8; }

.IncreaseTheCeiling--fW300 {
  font-weight: 300; }

.IncreaseTheCeiling-btnWrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3% 0 0; }
  .IncreaseTheCeiling-btnWrap > a {
    margin: 10px;
    padding-left: 40px;
    padding-right: 40px; }
    .IncreaseTheCeiling-btnWrap > a:hover {
      background: #006675;
      color: #ffffff; }

.IncreaseTheCeiling-upCeiling {
  position: relative;
  height: 30px;
  margin-top: 17px;
  margin-bottom: 8.5px; }
  .IncreaseTheCeiling-upCeiling a {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #007D8F; }
    .IncreaseTheCeiling-upCeiling a:before {
      content: "";
      display: inline-block;
      color: #99cc00;
      text-decoration: none;
      margin-right: 10px; }

.clearfix-floatLeft {
  float: left; }

.clearfix-floatRight {
  float: right; }

.IncreaseTheCeiling-table {
  background-color: #ffffff;
  border-collapse: collapse;
  line-height: 1.4;
  font-size: 1em;
  margin-bottom: 30px; }
  .IncreaseTheCeiling-table .Table-row {
    height: 45px; }
    .IncreaseTheCeiling-table .Table-row:first-child, .IncreaseTheCeiling-table .Table-row:last-child {
      border-bottom: none; }
  .IncreaseTheCeiling-table .IncreaseTheCeiling-tableRowBig {
    height: 55px;
    font-size: 17px; }
  .IncreaseTheCeiling-table .Table-cellHead {
    width: 30%;
    padding: 0 2.5%;
    text-align: center;
    font-weight: 300; }
    .IncreaseTheCeiling-table .Table-cellHead:first-child {
      width: 40%; }
  .IncreaseTheCeiling-table .Table-cellBody {
    width: 30%;
    padding: 5px 2.5%; }
    .IncreaseTheCeiling-table .Table-cellBody:first-child {
      width: 40%; }

.IncreaseTheCeiling-tableName {
  color: #454545;
  margin-bottom: 0; }

.IncreaseTheCeiling-doubleText--text {
  font-size: 15px;
  color: #000; }

.IncreaseTheCeiling-doubleText--subtext {
  font-size: 10px;
  color: #999999; }

.IncreaseTheCeiling-cellBodyText {
  color: #000;
  text-align: center;
  margin: 0; }

.IncreaseTheCeiling-text--fS10 {
  font-size: 10px; }

.IncreaseTheCeiling-text--fS11 {
  font-size: 11px; }

.IncreaseTheCeiling-text--fS13 {
  font-size: 13px; }

.IncreaseTheCeiling-text--fS17 {
  font-size: 17px; }

.IncreaseTheCeiling-text--colorPrimary {
  color: #007D8F !important; }

/* TABLEAU Basic */
.IncreaseTheCeiling-Basic {
  display: table;
  position: relative;
  width: 100%;
  background-color: #f5f5f5;
  border-collapse: collapse;
  border-bottom: 2px solid #ffffff; }
  .IncreaseTheCeiling-Basic:first-child {
    border-bottom: none; }

.IncreaseTheCeiling-rowBasic {
  display: table-row;
  width: 100%;
  border-bottom: 2px solid #ffffff; }

.IncreaseTheCeiling-cellHeadBasic {
  display: table-cell;
  vertical-align: middle;
  padding: 2.5%;
  background-color: #007D8F;
  color: #ffffff;
  font-size: 12px;
  font-weight: 300; }
  .IncreaseTheCeiling-cellHeadBasic:first-child {
    width: 70%;
    max-width: 235px; }
  .IncreaseTheCeiling-cellHeadBasic:last-child {
    width: 30%;
    text-align: right;
    white-space: nowrap; }

.IncreaseTheCeiling-cellBodyBasic {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  font-weight: 300;
  padding: 2.5%; }
  .IncreaseTheCeiling-cellBodyBasic:last-child {
    text-align: right; }

.IncreaseTheCeiling-doubleTextBasic {
  display: table;
  width: 100%; }

.IncreaseTheCeiling-textBasic {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 300;
  margin: 0; }

.IncreaseTheCeiling-textBasic--noMB {
  margin-bottom: 0; }

.IncreaseTheCeiling-textBasic--pTB10 {
  padding: 10px 0; }

.IncreaseTheCeiling-cellPadLeft10 {
  padding-left: 10px; }

.IncreaseTheCeiling-cellPadRight10 {
  padding-right: 10px; }

.IncreaseTheCeiling-text--textLeft {
  color: #007D8F;
  font-size: 20px;
  text-transform: uppercase;
  text-align: left; }

.IncreaseTheCeiling-text--textRight {
  font-size: 20px;
  text-transform: uppercase;
  text-align: right; }

/* .IncreaseTheCeiling-text--positionBotRight{
  position: absolute;
  bottom: 0;
  right: 0;
}

.IncreaseTheCeiling-text--positionBotLeft{
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: left;
} */
.IncreaseTheCeiling-panelChart {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  height: 183px;
  margin: 20px 0 20px 0;
  padding: 10px 0;
  background: #ffffff;
  color: #000; }
  .IncreaseTheCeiling-panelChart::before {
    content: '';
    position: absolute;
    left: 10%;
    top: -20px;
    margin-left: -12px;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent #ffffff; }

.IncreaseTheCeiling-panelChartProgressBar {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  min-height: 60px;
  padding: 0 10px; }

.IncreaseTheCeiling-panelChartLegend {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px; }
  .IncreaseTheCeiling-panelChartLegend:first-child {
    text-align: right; }

.IncreaseTheCeiling-text--fS17LS {
  font-size: 17px;
  letter-spacing: -0.033em; }

.IncreaseTheCeiling-panelRight {
  position: relative;
  width: 100%;
  height: 183px;
  margin: 20px 0 20px 0;
  padding: 10px;
  text-align: left;
  background: #ffffff;
  color: #000; }
  .IncreaseTheCeiling-panelRight::before {
    content: '';
    position: absolute;
    left: 90%;
    top: -20px;
    margin-left: -12px;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent #ffffff; }

.IncreaseTheCeiling-panelRightContent {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%); }

/* Mobile behavior */
@media screen and (max-width: 649px) {
  .IncreaseTheCeiling-btnWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    .IncreaseTheCeiling-btnWrap > a {
      width: 100%; }
  .IncreaseTheCeiling--inputMailWidth {
    width: 75%; }
  .IncreaseTheCeiling-upCeiling {
    margin-top: 0px; }
    .IncreaseTheCeiling-upCeiling a {
      left: 0;
      top: 0; }
  .IncreaseTheCeiling-table {
    display: block;
    position: relative;
    width: 100%;
    background-color: #ffffff;
    border-collapse: collapse;
    font-family: "Open Sans", sans-serif;
    line-height: 1.4;
    font-size: 1em;
    margin-bottom: 30px; }
  .IncreaseTheCeiling-table .Table-row {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 2px solid #f5f5f5; }
  .IncreaseTheCeiling-table .Table-cellHead,
  .IncreaseTheCeiling-table .Table-cellBody {
    display: block;
    float: left;
    width: 70%;
    height: auto;
    text-align: left; }
    .IncreaseTheCeiling-table .Table-cellHead:last-child,
    .IncreaseTheCeiling-table .Table-cellBody:last-child {
      width: 30%; }
  .IncreaseTheCeiling-table .Table-cellHead {
    line-height: 33px; }
    .IncreaseTheCeiling-table .Table-cellHead:first-child {
      display: none; }
  .IncreaseTheCeiling-table .Table-cellBody {
    padding: 0 2.5% 2.5%; }
    .IncreaseTheCeiling-table .Table-cellBody:first-child {
      width: 100%;
      padding-bottom: 1.5%; }
  .IncreaseTheCeiling-tableName {
    margin: 2.5% 0 0; }
  .IncreaseTheCeiling-cellBodyText {
    text-align: left;
    padding: 0; }
  .IncreaseTheCeiling-doubleText--text {
    margin: 0; }
  .CeilingCarousel.owl-carousel {
    overflow: hidden; }
  .owl-carousel .IncreaseTheCeiling-cellWidthXsMax {
    width: 100%; }
  .IncreaseTheCeiling-panelChartProgressBar {
    padding: 0 5px; }
  .IncreaseTheCeiling-panelChartLegend {
    padding: 0 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .IncreaseTheCeiling-panelChartLegend p {
      margin-bottom: 0; }
  .IncreaseTheCeiling-panelRightContent1 {
    width: 100%;
    float: left;
    text-align: center; }
  .IncreaseTheCeiling-panelRightContent2 {
    width: 50%;
    float: left;
    text-align: right;
    padding-right: 20px; }
  .IncreaseTheCeiling-panelRightContent3 {
    width: 50%;
    float: left;
    text-align: left;
    padding-left: 20px; }
  .IncreaseTheCeiling-panelRightContent {
    width: 100%;
    right: 0px;
    left: 0px; }
  .IncreaseTheCeiling-cellPadRight10 {
    padding-right: 0; }
  .IncreaseTheCeiling-cellPadLeft10 {
    padding-left: 0; }
  .IncreaseTheCeiling-cellHeadBasicSeparator {
    display: block;
    height: 0;
    overflow: hidden;
    text-indent: -1000000px; }
  .IncreaseTheCeiling-btnWrap .btn {
    margin-left: 0;
    margin-right: 0; } }

/*doc
---
title: Defective component
parent: ErrorPage
name: 04-ErrorPage
category: ErrorPage
---

```html_example

@@include("../../kit/components/_defectiveComponent.kit")

```
*/
/* Div that encompasses the entire component */
.DefectiveComponent {
  position: relative;
  height: 100%;
  font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
  background-color: #f5f5f5;
  color: #007D8F;
  text-align: center;
  font-size: 1.6em;
  line-height: 1.2; }

/* Div that encompasses the content of the component */
.DefectiveComponent-content {
  display: table;
  height: 100%;
  width: 100%; }

/* Div that encompasses img and text */
.DefectiveComponent-text {
  display: table-cell;
  vertical-align: middle;
  padding: 50px 2vw; }

/* SVG picture */
.DefectiveComponent-img {
  width: 70px;
  padding-bottom: 10px; }

/* First paragraph (first line of the text) */
.DefectiveComponent-firstPara {
  font-weight: 900; }

/* Second paragraph (second line of the text) */
.DefectiveComponent-secondPara {
  font-weight: 100; }

/*doc
---
title: Error Page
name: ErrorPage
category: ErrorPage
---

**Templates exemple:**

- [Error - Technical](../../build/examples/test-technicalError.html)
- [Error - 404](../../build/examples/test-error404.html)

*/
/*doc
---
title: Technical error
parent: ErrorPage
name: 01-ErrorPage
category: ErrorPage
---

```html_example
<div class="Styleguide-errorPage"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_technicalError.kit")

</div>

```
*/
/* Div that encompasses the entire component */
.TechnicalError {
  position: absolute;
  top: 60px;
  bottom: 0;
  width: 100%;
  height: -moz-calc(100% - 60px);
  height: calc(100% - 60px);
  font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
  color: #007D8F;
  text-align: center;
  /* Background img for desktop */
  margin: 0;
  padding: 0;
  background: url(../images/commun/img-maquette-erreur/technical_error.jpg) no-repeat center bottom;
  /* pour anciens Chrome et Safari */
  -moz-background-size: cover;
       background-size: cover;
  /* version standardisée */
  /* Background img for tablet */
  /* Landscape for tablet */
  /* Background img for mobile phone */
  /* Landscape for mobile */ }
  @media screen and (max-width: 1365px) {
    .TechnicalError {
      background: url(../images/commun/img-maquette-erreur/technical_error_tablet.jpg) no-repeat center bottom;
      /* pour anciens Chrome et Safari */
      -moz-background-size: cover;
           background-size: cover;
      /* version standardisée */ } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .TechnicalError {
      background: url(../images/commun/img-maquette-erreur/technical_error.jpg) no-repeat center bottom;
      /* pour anciens Chrome et Safari */
      -moz-background-size: cover;
           background-size: cover;
      /* version standardisée */ } }
  @media screen and (max-width: 500px) {
    .TechnicalError {
      background: url(../images/commun/img-maquette-erreur/technical_error_mobile.jpg) no-repeat center bottom;
      /* pour anciens Chrome et Safari */
      -moz-background-size: cover;
           background-size: cover;
      /* version standardisée */ } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 737px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .TechnicalError {
      background: url(../images/commun/img-maquette-erreur/technical_error.jpg) no-repeat center bottom;
      /* pour anciens Chrome et Safari */
      -moz-background-size: cover;
           background-size: cover;
      /* version standardisée */ } }
  .TechnicalError.noscript {
    background: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 9999; }
  .aem-AuthorLayer-Preview .TechnicalError,
  .aem-AuthorLayer-Edit .TechnicalError {
    height: auto;
    min-height: 750px; }

/* Div that encompasses all content */
.TechnicalError-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 60%;
  margin: 0; }
  @media screen and (max-width: 649px) {
    .TechnicalError-content {
      width: 90%; } }

/* Div that encompasses the two paragraph */
.TechnicalError-paragraph {
  font-size: 3em;
  line-height: 1.2em; }
  @media screen and (max-width: 1169px) {
    .TechnicalError-paragraph {
      font-size: 2em; } }
  @media screen and (max-width: 649px) {
    .TechnicalError-paragraph {
      font-size: 1.6em; } }

/* First paragraph */
.TechnicalError-firstPara {
  font-weight: 700;
  margin-bottom: 0; }

/* Second paragraph */
.TechnicalError-secondPara {
  font-weight: 100; }

.TechnicalError-btn {
  display: inline-block;
  margin-top: 40px;
  font-family: "Open Sans", sans-serif; }

/* Define size of the Links */
.TechnicalError-btnPrimary {
  display: block;
  width: auto;
  margin: 10px;
  padding-left: 40px;
  padding-right: 40px; }

.TechnicalError-btnNoBg {
  display: block;
  width: auto;
  margin: 10px;
  padding-left: 40px;
  padding-right: 40px; }
  .TechnicalError-btnNoBg:hover, .TechnicalError-btnNoBg:focus, .TechnicalError-btnNoBg:active {
    color: #ffffff;
    background-color: #007D8F;
    border-color: #007D8F; }

.flexbox .TechnicalError {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flexbox .TechnicalError-content {
  position: relative;
  top: auto;
  left: auto;
  -webkit-transform: none;
     -moz-transform: none;
          transform: none; }

/*doc
---
title: AEM Bug
parent: ErrorPage
name: 03-ErrorPage
category: ErrorPage
---

```html_example

<div class="Styleguide-errorPage"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_aemBug.kit")

</div>

```
*/
/* Div that encompasses the entire component */
.AemBug {
  position: relative;
  min-height: 100%;
  min-height: -moz-calc(100vh - 120px);
  min-height: calc(100vh - 120px);
  padding: 50px 0;
  text-align: center;
  font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
  color: #007D8F;
  /* Background img for desktop */
  background: url(../images/commun/img-maquette-erreur/technical_error.jpg) no-repeat center;
  -moz-background-size: cover;
       background-size: cover;
  /* Background img for tablet */
  /* Landscape for tablet */
  /* Background img for mobile phone */
  /* Landscape for mobile */ }
  @media screen and (max-width: 1365px) {
    .AemBug {
      background-image: url(../images/commun/img-maquette-erreur/technical_error_tablet.jpg); } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .AemBug {
      background-image: url(../images/commun/img-maquette-erreur/technical_error.jpg); } }
  @media screen and (max-width: 500px) {
    .AemBug {
      background-image: url(../images/commun/img-maquette-erreur/technical_error_mobile.jpg); } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 737px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .AemBug {
      background-image: url(../images/commun/img-maquette-erreur/technical_error.jpg); } }
  .aem-AuthorLayer-Preview .AemBug,
  .aem-AuthorLayer-Edit .AemBug {
    min-height: 750px; }

/* Div that encompasses all content */
.AemBug-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%; }

/* Div that encompasses the two paragraph */
.AemBug-paragraph {
  width: 48%;
  margin: auto;
  font-size: 2.4em;
  line-height: 1.2; }

/* First paragraph */
.AemBug-firstPara {
  font-weight: 700;
  margin-bottom: 0; }

/* Second paragraph */
.AemBug-secondPara {
  font-weight: 100; }

/* Parameters for Desktop */
@media screen and (max-width: 1169px) {
  .AemBug-paragraph {
    font-size: 2em; } }

/* Parameters for Tablet */
@media screen and (max-width: 989px) {
  .AemBug-paragraph {
    font-size: 1.6em;
    width: 50%;
    margin: auto; }
  .AemBug-firstBtn {
    margin-top: 28px; } }

/* Parameters for Mobile */
@media screen and (max-width: 649px) {
  .AemBug-content {
    width: 70%;
    margin: auto; }
  .AemBug-paragraph {
    font-size: 1.2em;
    width: 100%;
    margin: auto; }
  .AemBug-firstBtn {
    margin-top: 20px; }
  .AemBug-secondBtn {
    margin-top: 7px; }
  .AemBug-links {
    width: 165px;
    font-size: 0.8em;
    padding: 10px; } }

/*doc
---
title: Error 404
parent: ErrorPage
name: 02-ErrorPage
category: ErrorPage
---

```html_example

@@include("../../kit/components/_error404.kit")

```
*/
/* Div that encompasses the entire component */
.Error404 {
  position: relative;
  min-height: 100%;
  min-height: -moz-calc(100vh - 60px);
  min-height: calc(100vh - 60px);
  padding: 50px 0;
  text-align: center;
  font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
  color: #007D8F;
  /* Background img for desktop */
  background: url(../images/commun/img-maquette-erreur/error_404.jpg) no-repeat center;
  -moz-background-size: cover;
       background-size: cover;
  /* Background img for tablet */
  /* Landscape for tablet */
  /* Background img for mobile phone */
  /* Landscape for mobile */ }
  @media screen and (max-width: 1365px) {
    .Error404 {
      background-image: url(../images/commun/img-maquette-erreur/error_404_tablet.jpg); } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .Error404 {
      background-image: url(../images/commun/img-maquette-erreur/error_404.jpg); } }
  @media screen and (max-width: 500px) {
    .Error404 {
      background-image: url(../images/commun/img-maquette-erreur/error_404_mobile.jpg); } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 737px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .Error404 {
      background-image: url(../images/commun/img-maquette-erreur/error_404.jpg); } }
  .aem-AuthorLayer-Preview .Error404,
  .aem-AuthorLayer-Edit .Error404 {
    min-height: 750px; }

/* Div that encompasses all content */
.Error404-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
  max-width: 60%;
  margin: 0 auto; }
  @media screen and (max-width: 649px) {
    .Error404-content {
      width: 90%; } }

/* Div that encompasses the two paragraph */
.Error404-paragraph {
  font-size: 3em;
  line-height: 1.2em;
  color: #ffffff; }
  @media screen and (max-width: 1169px) {
    .Error404-paragraph {
      font-size: 2em; } }
  @media screen and (max-width: 649px) {
    .Error404-paragraph {
      font-size: 1.6em; } }

/* First paragraph */
.Error404-firstPara {
  font-weight: 700;
  margin-bottom: 0; }

/* Second paragraph */
.Error404-secondPara {
  font-weight: 100; }

.Error404-btn {
  display: inline-block;
  margin-top: 40px;
  font-family: "Open Sans", sans-serif; }

/* Define size of the Links */
.Error404-btnPrimary {
  display: block;
  width: auto;
  margin: 10px;
  padding-left: 40px;
  padding-right: 40px; }

.Error404-btnNoBg {
  display: block;
  width: auto;
  margin: 10px;
  padding-left: 40px;
  padding-right: 40px; }
  .Error404-btnNoBg:hover, .Error404-btnNoBg:focus, .Error404-btnNoBg:active {
    color: #ffffff;
    background-color: #007D8F;
    border-color: #007D8F; }

.flexbox .Error404 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

/*doc
---
title: C205 Push Service
name: C205
category: C205
---

*/
/*doc
---
title: C205 Push Service - Default IMG
name: C205-01
parent: C205
category: C205
---

```html_example
@@include("../../kit/components/_c205_pushService--smallSize.kit")
```
*/
/*doc
---
title: C205 Push Service - Medium size IMG
name: C205-02
parent: C205
category: C205
---

```html_example
@@include("../../kit/components/_c205_pushService--mediumSize.kit")
```
*/
/*doc
---
title: C205 Push Service - Full size IMG
name: C205-03
parent: C205
category: C205
---

```html_example
@@include("../../kit/components/_c205_pushService--fullSize.kit")
```
*/
/*doc
---
title: C205 Push Service - Big content
name: C205-04
parent: C205
category: C205
---

```html_example
@@include("../../kit/components/_c205_pushService--bigContent.kit")
```
*/
/* Div that encompasses all blocs */
.PushService {
  min-height: 435px;
  margin: 20px 0;
  overflow: hidden;
  background-color: #ffffff; }

.PushService-content {
  width: 100%;
  height: auto;
  text-align: center;
  padding: 0 0 20px 0; }

/* Div that change margin top and bottom on standard image*/
.PushService-contentImage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 206px;
  padding: 0 15px; }

/* Modifier that change properties for the big images */
.PushService-contentImage--fullSize {
  display: block;
  height: 206px;
  margin-top: 0;
  padding: 0;
  background: 50% 50% no-repeat;
  -moz-background-size: cover;
       background-size: cover;
  overflow: hidden; }

/* Modifier that change properties for the medium images */
.PushService-mediumSize {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto; }

/* Modifier that change properties for the small images */
.PushService-smallSize {
  position: relative;
  width: 102px;
  height: 102px;
  background-color: #99cc00;
  -moz-border-radius: 50%;
       border-radius: 50%;
  text-align: center; }

/* Class that gives width and height on standard image */
.PushService-icon {
  position: absolute;
  max-width: 40%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.PushService-img {
  max-width: 100%;
  max-height: 100%; }

/* Class that gives width and height on standard image */
.PushService-imageBot {
  display: block;
  max-width: 100%;
  height: 103px;
  margin: 0 auto;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden; }

/* Div that define padding */
.PushService-body {
  padding: 10px 30px 0; }

.PushService-body ul, .PushService-body ol {
  display: table;
  margin: 0 auto;
  padding: 10px 20px;
  text-align: left; }

.PushService-link {
  text-align: center;
  margin-bottom: 8.5px; }

.PushService-contentTitle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

/* Class title*/
.PushService-title,
.PushService-title p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #007D8F;
  line-height: 1.27em;
  text-transform: uppercase;
  max-height: 2.54em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis; }
  .PushService-title sup,
  .PushService-title p sup {
    font-size: .5em;
    top: -0.7em; }

.PushService-text,
.PushService-text p {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.5em;
  margin-bottom: 20px;
  max-height: 7.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis; }

/*Class that delete the padding top when a big image is import*/
.PushService--PadTopStandImg {
  padding-top: 15px; }

.PushService--margTopBot {
  margin: 10px 0; }

/*doc
---
title: C221 nav FO
name: c221
category: c221
---

```html_example
@@include("../../kit/components/_c221_navFO.kit")
```
*/
.NavFO {
  padding: 20px 5%; }

.NavFO-title {
  margin: 0;
  padding: 0 0 20px; }
  @media (max-width: 989px) {
    .NavFO-title {
      text-align: center; } }

.NavFO-list {
  margin: 0;
  padding: 0;
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  font-size: 0;
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  text-rendering: optimizespeed; }

.NavFO-item {
  display: inline-block;
  width: 33.3333333%;
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
  font-size: 12px;
  font-family: "Open Sans", sans-serif; }
  @media (max-width: 649px) {
    .NavFO-item {
      display: block;
      width: 100%;
      margin: 2px 0 0; } }

.NavFO-itemLink {
  display: block;
  margin: 0 1px;
  text-align: center;
  line-height: 60px; }
  .NavFO-itemLink, .NavFO-itemLink:hover {
    text-decoration: none; }

.Template-backgroundBrandGray01 .NavFO-itemLink {
  background: #fff; }
  .Template-backgroundBrandGray01 .NavFO-itemLink:hover {
    background: #007D8F;
    color: #ffffff; }

/*doc
---
title: C222 Essential
name: c222
category: c222
---

```html_example
@@include("../../kit/components/_c222_essential.kit")

```
*/
/* Div that encompasses the entire component */
.Essential {
  padding: 20px 5% 0 5%;
  width: 100%; }

/* Div of the main Title */
.Essential-mainTitleDiv {
  display: table;
  width: 100%;
  background-color: #007D8F; }

/* Main Title */
.Essential-mainTitle {
  display: table-cell;
  vertical-align: middle;
  height: 55px;
  padding: 10px 5%;
  color: #ffffff;
  font-weight: 700; }

/* Div that encompasses all content */
.Essential-content {
  background-color: #f5f5f5;
  padding: 20px 5%; }

/* Bloc of text */
.Essential-text {
  font-weight: 300;
  padding: 5px 0; }

/* UL */
.Essential-list {
  padding-left: 16px;
  font-weight: 300; }

/* list into the UL */
.Essential-listItem {
  padding-top: 2px;
  padding-bottom: 2px; }

/* small text in $brand-gray03 (inside the listItem) */
.Essential-comment {
  color: #999999;
  font-weight: 300;
  padding: 5px 0; }

/* Remove padding for the comments */
.Essential-commentNoPad {
  padding-top: 0;
  padding-bottom: 0; }

/* Div that encompasses the second subtitle and second UL */
.Essential-contentSecondPart {
  padding-top: 8.5px; }

/*doc
---
title: Composant C223
name: c223
category: c223
---

```html_example
@@include("../../kit/components/_c223_chapters.kit")
```
*/
.Chapters {
  padding: 0 5% 2.5%; }

.Chapters-title {
  margin: 0;
  text-align: center; }

.Chapters-content {
  position: relative; }

.Chapters-gutterSizer {
  width: 1%; }

.Chapters-item-sizer {
  width: -moz-calc(1/3 * 100% - 1%);
  width: calc(1/3 * 100% - 1%); }
  @media (max-width: 989px) {
    .Chapters-item-sizer {
      width: 48%; } }

.Chapters-item {
  display: inline-block;
  width: -moz-calc(1/3 * 100% - 1%);
  width: calc(1/3 * 100% - 1%);
  padding: 2%;
  background-color: #f5f5f5;
  font-weight: 300;
  margin-bottom: 1%; }
  .Chapters-item h2, .Chapters-item .h2,
  .Chapters-item h3, .Chapters-item .h3,
  .Chapters-item h4, .Chapters-item .h4,
  .Chapters-item h5, .Chapters-item .h5,
  .Chapters-item h6, .Chapters-item .h6 {
    color: #007D8F; }
  .Chapters-item .text > *:first-child,
  .Chapters-item .text > .js-maxlines-content > *:first-child {
    margin-top: 0; }
  .Chapters-item .text > *:last-child,
  .Chapters-item .text > .js-maxlines-content > *:last-child {
    margin-bottom: 0; }
  .Chapters-item caption {
    background: none;
    color: #007D8F; }
  @media (max-width: 989px) {
    .Chapters-item {
      width: 48%; } }
  @media (max-width: 649px) {
    .Chapters-item {
      width: 100%;
      margin: 0 0 15px;
      padding: 4%; } }
  .Chapters-item--width2 {
    width: -moz-calc(2/3 * 100% - 1%);
    width: calc(2/3 * 100% - 1%); }
    @media (max-width: 989px) {
      .Chapters-item--width2 {
        width: 100%; } }

.Chapters-specific {
  font-style: italic;
  color: #999999; }

/*doc
---
title: C226 accordions
name: c226
category: c226
---

**Configuration**

- Peut ouvrir plusieurs onglets : supprimer les `data-parent`, supprimer `aria-multiselectable="false" role="tablist"`
- Ajout d'un espacement : Ajout de la class `AccordionSteps--spaced`
- Ouvrir un onglet : Supprimer la class `collapse` et `collapsed` et definir `aria-expanded` à `true`

*/
/*doc
---
title: C226 accordions - Default
name: c226-01
parent: c226
category: c226
---

multiple

```html_example
@@include("../../kit/components/_c226_accordions.kit")
```
*/
/*doc
---
title: C226 accordions - Spaced - no multiple - opened
name: c226-02
parent: c226
category: c226
---

spaced, single et un ouvert

```html_example
@@include("../../kit/components/_c226_accordions--spaced.kit")
```
*/
/*doc
---
title: C226 accordions - faq
name: c226-03
parent: c226
category: c226
---

FAQ

```html_example
@@include("../../kit/components/_c226_accordions--faq.kit")
```
*/
/*doc
---
title: C226 accordions - tiers de paiement
name: c226-04
parent: c226
category: c226
---

FAQ

```html_example
@@include("../../kit/components/_c226_accordions--thirdOfPayment.kit")
```
*/
.Accordions {
  padding: 0 5% 4%;
  overflow: hidden; }
  .Accordions .AccordionSteps {
    margin: 0 0 15px; }
    @media (min-width: 990px) {
      .Accordions .AccordionSteps {
        width: 49%;
        margin: 0 0.5% 1%; } }
    @media (max-width: 989px) {
      .Accordions .AccordionSteps {
        margin: 0; }
        .Accordions .AccordionSteps:last-child {
          margin: 0 0 15px; } }
  .Accordions .AccordionSteps-content {
    background: none; }
  .Accordions .AccordionSteps-header,
  .Accordions .AccordionSteps-main {
    background: #f5f5f5; }
  .Accordions .AccordionSteps-main {
    padding: 0 25px;
    -moz-border-radius: 0 0 4px 4px;
         border-radius: 0 0 4px 4px; }

.Accordions-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.AccordionSteps--spaced .AccordionSteps-content {
  margin-bottom: 12px; }

.lorem1,
.lorem2 {
  float: left;
  width: 45%; }

@media (max-width: 989px) {
  .AccordionSteps--spacedSmXs .AccordionSteps-content {
    margin-bottom: 12px; } }

/*doc
---
title: C225 Legal Notice
name: c225
category: c225
---

```html_example
@@include("../../kit/components/_c225_legalNotice.kit")

```
*/
/* Div that encompasses the entire component */
.LegalNotice {
  width: 100%;
  padding: 40px 0; }

/* Gray background */
.LegalNotice--grayBg {
  background-color: #e5e5e5; }

/* Title of the component */
.LegalNotice-title {
  text-align: center;
  padding: 0 0 40px 0;
  margin: 0; }

/* Div that encompasses paragraph */
.LegalNotice-textWrapper {
  padding: 0 12%; }

/* Paragraph */
.LegalNotice-text {
  font-weight: 300; }

/* Mobile and tablet behavior */
@media screen and (max-width: 989px) {
  .LegalNotice-textWrapper {
    padding: 0 5%; } }

/*doc
---
title: C232 Modules
name: c232
category: c232
---

```html_example

@@include("../../kit/components/_c232_modules.kit")

```
*/
/* Div that encompasses the entire component */
.Modules {
  padding: 14px 5% 20px 5%;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  overflow: hidden; }

/* Div that encompasses cells */
.Modules-cellWrapper:hover a {
  color: #ffffff;
  text-decoration: none; }

/* Cells */
.Modules-cell {
  float: left;
  position: relative;
  width: 32%;
  margin: 6px 0;
  height: 75px;
  background-color: #f5f5f5;
  text-align: center;
  -moz-border-radius: 3px;
       border-radius: 3px;
  overflow: hidden; }
  .Modules-cell:hover {
    background-color: #99cc00; }

/* Paragraph into the cells */
.Modules-cellText {
  width: 50%;
  margin: 0 25%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center; }

/* Put a margin left and right for the second cell ONLY */
.Modules-cell--specialMargin {
  margin-right: 2%;
  margin-left: 2%; }

/* Links that encompasses cells (make the entire cell clickable) */
.Modules-anchor {
  text-decoration: none;
  color: #454545; }
  .Modules-anchor:hover {
    text-decoration: none; }

/* Mobile behavior */
@media screen and (max-width: 649px) {
  .Modules-cell {
    width: 100%; }
  .Modules-cell--specialMargin {
    margin-left: 0;
    margin-right: 0; } }

/*doc
---
title: C245 FIND A REGIONAL AND NATIONAL AGENCY
name: c245
category: c245
---

Scripts à inclure (pour test ?):

- `<script type="text/javascript" src="./../../build/js/c245_findAgency.js"></script>`

<script type="text/javascript" src="./../../build/js/c245_findAgency.js"></script>

Template exemple:

- [T032 - Store Locator](../../build/examples/t032-storeLocator.html)
*/
/*doc
---
title: C245 - Find a National Agency
parent: c245
name: 01-c245-01
category: c245
---

```html_example
@@include("../../kit/components/_c245_findNationalAgency.kit")
```
*/
/*doc
---
title: C245 - Find a Regional Agency Block
parent: c245
name: 01-c245-02
category: c245
---

```html_example
@@include("../../kit/components/_c245_findRegionalAgency--block.kit")
```
*/
/*doc
---
title: C245 - Find a Regional Agency Inline Block
parent: c245
name: 01-c245-03
category: c245
---

```html_example
@@include("../../kit/components/_c245_findRegionalAgency--inline.kit")
```
*/
/* Div that encompasses all blocs */
.FindAgency {
  margin-top: 30px; }

/* Div that align center the children*/
.FindAgency-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  text-align: center; }

.FindAgency-containerTable {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto; }

/* Div that encompasses top blocs */
.FindAgency-topBloc {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 30px 15%;
  background-color: #007D8F; }
  .FindAgency-topBloc .btn-default {
    margin-bottom: 0; }

/* Div that changes the properties of the div for browsers highter than internet explorer 9 */
.FindAgency-flexAlign {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

/* Div that encompasses bottom blocs */
.FindAgency-bottomBloc {
  padding: 30px 5%;
  background-color: #006675; }
  .FindAgency-bottomBloc .btn-default:hover {
    background-color: #ffffff;
    color: #007D8F; }

/* Div that changes properties of the text */
.FindAgency-text {
  color: #ffffff;
  margin: 0 0 15px 0; }

/* Div that changes properties of the title */
.FindAgency-title {
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 30px; }

/* Div that changes properties of the button container */
.FindAgency-contentBtn {
  margin-top: 10px; }

/* Div that changes properties of the button */
.FindAgency-contentBtn--PadLR {
  padding-right: 40px;
  padding-left: 40px;
  margin-bottom: 0; }

.FindAgency--contentBtn--white {
  background-color: #ffffff;
  color: #006675; }
  .FindAgency--contentBtn--white:hover, .FindAgency--contentBtn--white:focus, .FindAgency--contentBtn--white:active, .FindAgency--contentBtn--white:visited {
    background-color: #ffffff;
    color: #006675; }

/* Div that changes properties of the icon */
.FindAgency--icon {
  font-size: 18px;
  margin-right: 10px;
  margin-top: -4px; }

/* Div that changes properties of the link */
.FindAgency-link {
  padding-top: 18px; }
  .FindAgency-link a {
    color: white; }
    .FindAgency-link a:hover {
      text-decoration: none; }

/* Div that changes background-color */
.FindAgency-content--bgc {
  background-color: #007D8F; }

/* Div that fix the arrow box */
.FindAgency--arrowBox {
  position: relative;
  margin: 30px -15px 0;
  padding: 0 15px;
  text-align: center;
  background: #007D8F;
  color: #ffffff; }
  .FindAgency--arrowBox::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -48px;
    margin-left: -25px;
    border-width: 25px;
    border-style: solid;
    border-color: transparent transparent #007D8F; }

/* Div that changes properties of the div to table */
.FindAgency-table {
  display: table;
  width: 100%;
  height: 150px; }

/* Div that changes properties of the div to table */
.FindAgency-table2 {
  display: table;
  margin: 0;
  padding: 0; }

/* Div that changes properties of the div to table cell */
.FindAgency-tableCell {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 10px; }

/* Div that changes width of the input */
.FindAgency-inputWidth {
  width: 220px; }

/* Define margin to 0 */
.FindAgency--noMargin {
  margin-top: 0; }

/* Class reset padding to 0 */
.FindAgency--noPad {
  padding: 0; }

/* Class changes padding left and right */
.FindAgency--pad {
  padding-left: 120px;
  padding-right: 80px; }

/* Mobile behavior */
@media screen and (max-width: 649px) {
  /* Div that changes properties of the button */
  .FindAgency-contentBtn--PadLR {
    padding-right: 30px;
    padding-left: 30px; } }

.FindAgency--inline {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto 50px;
  padding: 0 15px;
  position: relative; }
  .FindAgency--inline:after {
    background-color: #007D8F;
    width: 200%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
            transform: translateX(-50%);
    content: '\a';
    z-index: -1; }
  @media (min-width: 650px) {
    .FindAgency--inline {
      width: 750px; } }
  @media (min-width: 990px) {
    .FindAgency--inline {
      width: 970px; } }
  @media (min-width: 1170px) {
    .FindAgency--inline {
      width: 1170px; } }

.FindAgency-Finder {
  -webkit-box-flex: .8;
     -moz-box-flex: .8;
      -ms-flex: .8;
          flex: .8;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 40px; }

.FindAgency-FinderInput,
.FindAgency-FinderSelect,
.FindAgency-FinderSubmit {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.FindAgency-FinderText {
  margin: 0 10px; }

.FindAgency-Geoloc {
  -webkit-box-flex: .2;
     -moz-box-flex: .2;
      -ms-flex: .2;
          flex: .2;
  height: 100%;
  background-color: #006675;
  padding: 40px; }

/*doc
---
title: P400 - header
name: headerP400
parent: header
category: header
---


**Template exemple:**
<ul>
<li><a href="../../build/examples/test-p400-header.html" target="_blank">Intégration test</a></li>
</ul>

*/
/*doc
---
title: P400 - header - Default
parent: headerP400
name: headerP400-01
category: header
---

```html_example

@@include("../../kit/components/_p400_header.kit")


```
*/
.HeaderP400 {
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 989px) {
    .HeaderP400 .HeaderLogged-logo {
      padding-left: 10px;
      padding-right: 70px; } }

.ES-card-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px 0;
  padding: 0 5%; }
  @media (min-width: 990px) {
    .ES-card-container {
      margin: 20px auto; } }
  @media (max-width: 649px) {
    .ES-card-container {
      padding: 0 7%; } }
  .ES-card-container .ES-card {
    margin: 5px;
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px); }
    @media (min-width: 650px) {
      .ES-card-container .ES-card {
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px); } }
    @media (min-width: 990px) {
      .ES-card-container .ES-card {
        width: -moz-calc(100% / 3 - 10px);
        width: calc(100% / 3 - 10px); } }

.ES-card {
  background: #ffffff;
  position: relative;
  padding: 2rem; }
  .ES-card-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 12px;
    height: 100%;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .ES-card--c502 .ES-card-content,
    .ES-card--c502 .ES-card-content ~ .ES-card-focus {
      -webkit-box-pack: start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding-bottom: 3rem; }
    .ES-card--c505 .ES-card-content,
    .ES-card--c505 .ES-card-content ~ .ES-card-focus {
      padding-bottom: 5rem;
      -webkit-box-pack: start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .ES-card--c505 .ES-card-content {
      -webkit-box-pack: initial;
         -moz-box-pack: initial;
          -ms-flex-pack: initial;
              justify-content: initial; }
  .ES-card-imageWrapper img {
    max-width: 100%;
    height: 200px;
    position: relative;
    display: block;
    margin: 0 auto;
    width: auto; }
    .ES-card--c505 .ES-card-imageWrapper img {
      display: block;
      margin: 2rem auto 0;
      width: auto;
      height: 150px;
      max-width: 100%; }
  .ES-card-TitleContainer {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    display: inline-block; }
  .ES-card-title, .ES-card-focus-title {
    color: #007D8F;
    font-size: 17px;
    line-height: 1.3;
    margin: 20px 0 0;
    text-align: center;
    text-transform: uppercase; }
  .ES-card-text {
    text-align: center; }
  .ES-card-action {
    position: absolute;
    bottom: 2rem;
    right: 2rem; }
    .ES-card-action, .ES-card-action:hover, .ES-card-action:focus {
      text-decoration: none; }
    .ES-card-action:before {
      background: #99cc00;
      -moz-border-radius: 50%;
           border-radius: 50%;
      color: #ffffff;
      cursor: pointer;
      display: block;
      font-size: 18px;
      font-weight: 700;
      height: 30px;
      line-height: 30px;
      text-align: center;
      width: 30px; }
    .ES-card-action:focus:before {
      background: #86b300; }
    .ES-card--c502 .ES-card-action:before {
      content: '+'; }
    .ES-card--c502 .ES-card-content.hidden ~ .ES-card-action:before {
      background: #444;
      content: '-';
      line-height: 1.5em; }
    .ES-card--c502 .ES-card-content.hidden ~ .ES-card-action:focus:before {
      background: #848484; }
    .ES-card--c503 .ES-card-action:before {
      content: '>'; }
    .ES-card--c505 .ES-card-action {
      left: 2rem;
      margin: 1rem auto;
      right: 2rem;
      width: 30px; }
      .ES-card--c505 .ES-card-action:before {
        content: '+'; }
    .ES-card--c505 .ES-card-content.hidden ~ .ES-card-action:before {
      background: #444;
      content: '-';
      line-height: 1.5em; }
    .ES-card--c505 .ES-card-content.hidden ~ .ES-card-action:focus:before {
      background: #848484; }
  .ES-card-focus {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .ES-card-focus-desc {
      font-size: 12px; }
      .ES-card--c505 .ES-card-focus-desc {
        text-align: center;
        -webkit-box-flex: 0;
           -moz-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto; }
      .ES-card-focus-desc--ellipsis {
        position: relative;
        overflow: hidden;
        margin-bottom: 3px; }
        .ES-card-focus-desc--ellipsis:after {
          z-index: 1;
          content: '';
          position: absolute;
          top: 50%;
          bottom: 0;
          right: 0;
          left: 0;
          background: -moz-linear-gradient(rgba(255, 255, 255, 0), #fff);
          background: linear-gradient(rgba(255, 255, 255, 0), #fff); }
      .ES-card-focus-desc + .readmore {
        display: none;
        margin-bottom: 40px; }
        .ES-card-focus-desc + .readmore.active {
          display: inline-block; }
  .ES-card-insert {
    background: #eee;
    margin: 20px 0 10px;
    padding: 1rem;
    -moz-border-radius: 4px;
         border-radius: 4px;
    text-align: center; }
    .ES-card-insert-title {
      color: #007D8F;
      font-size: 11px;
      text-transform: uppercase; }
    .ES-card-insert-pricing {
      font-size: 11px;
      font-weight: 400; }
      .ES-card-insert-pricing strong {
        font-size: 14px;
        font-weight: 600; }
    .ES-card-insert-info {
      font-size: 11px;
      font-style: italic; }
  .ES-card-focus-info {
    color: #007D8F;
    font-size: 14px;
    margin: auto 0 20px;
    text-align: center; }
    .ES-card-focus-info a {
      display: block;
      font-size: 12px; }
  .ES-card-focus-mention {
    font-size: 11px;
    font-style: italic;
    line-height: 1.1em;
    margin: 0;
    padding: 0 3.5rem;
    text-align: center; }
  .ES-card-localisation {
    font-size: 11px;
    margin: 10px 0 0;
    text-align: center;
    text-transform: uppercase; }
  .ES-card-localisation + .ES-card-title {
    margin: 10px 0 0; }
  .ES-card-publication {
    margin: auto 0 0;
    padding: 40px 3rem 6px 0; }
  .ES-card-focus-list {
    margin: 10px 20px;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
    .ES-card-focus-list-item {
      font-size: 13px;
      font-weight: 700;
      list-style-type: none;
      padding: 0 0 1rem 2rem;
      position: relative;
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; }
      .ES-card-focus-list-item:before {
        content: "";
        color: #99cc00;
        left: 0;
        position: absolute;
        top: 0;
        font-size: 18px; }
  .ES-card-focus-link {
    color: #007D8F;
    display: inline-block;
    font-size: 12px;
    margin: 20px auto;
    text-align: center;
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }

/*doc
---
title: C506 Acteurs
name: c506-Actors
category: c506-Actors
---

```html_example
<div class="Template-padTopBot30px">
  <div class="row">
    <div class="col-sm-6">
      @@include("../../kit/components/_c506-actors.kit")
    </div>
  </div>
</div>
```
*/
.ES-actors {
  margin: 0 0 50px;
  padding: 0 5%; }
  .ES-actors-title {
    font-size: 17px;
    font-weight: 700;
    line-height: 17px;
    margin-top: 30px;
    margin-bottom: 15px; }
  .ES-actors .ES-actors-title {
    margin-top: 0; }
  .ES-actors-header {
    background: #f5f5f5;
    margin: 0 0 5px;
    padding: 25px;
    text-align: center; }
    .ES-actors-header img {
      -moz-border-radius: 50%;
           border-radius: 50%;
      display: block;
      height: 60px;
      margin: 0 auto 10px;
      width: 60px; }
    .ES-actors-header-name {
      font-size: 17px;
      margin: 0;
      overflow: hidden;
      position: relative;
      text-align: center;
      z-index: 1; }
      .ES-actors-header-name:before, .ES-actors-header-name:after {
        background-color: #d8d8d8;
        content: '';
        height: 1px;
        overflow: hidden;
        position: absolute;
        top: 51%;
        width: 48%; }
      .ES-actors-header-name:before {
        margin-left: -50%;
        text-align: right; }
      .ES-actors-header-name:after {
        margin-left: 2%; }
    .ES-actors-header-job {
      color: #007D8F;
      font-size: 12px;
      font-weight: 700;
      margin: 10px 0 0;
      text-transform: uppercase; }
  .ES-actors-content {
    background: #f5f5f5;
    padding: 1rem; }
    .ES-actors-content-title {
      color: #007D8F;
      font-size: 12px;
      font-weight: 700;
      margin: 10px 0;
      text-transform: uppercase;
      text-align: center; }
  .ES-actors-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style-type: none;
    margin: 0 0 20px;
    padding: 1rem 0 0; }
    .ES-actors-list-item {
      padding: 0 1rem 1rem;
      position: relative; }
      .ES-actors-list-item:before {
        border-left: 1px solid #d8d8d8;
        bottom: 1rem;
        content: '';
        position: absolute;
        right: 0;
        top: 0; }
      .ES-actors-list-item:last-child:before {
        border: none; }
      @media (max-width: 650px) {
        .ES-actors-list-item {
          width: 50%; }
          .ES-actors-list-item:nth-child(2n):before {
            border: none; } }
      @media (min-width: 650px) {
        .ES-actors-list-item {
          width: -moz-calc(100% / 3);
          width: calc(100% / 3); }
          .ES-actors-list-item:nth-child(3n):before {
            border: none; } }
      .ES-actors-list-item-name, .ES-actors-list-item-job {
        margin: 0; }
      .ES-actors-list-item-job {
        text-transform: uppercase; }
  .ES-actors-content--simple .ES-actors-list {
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .ES-actors-content--simple .ES-actors-list-item-name {
      margin: 0 1rem 1rem; }

/*doc
---
title: NW001 - Push Communication
name: nw001
category: nw001
---

Evolution du push C053 affiché en zone de gauche
*/
/*doc
---
title: Cas positionnement de l'aplat
parent: nw001
name: nw001-01
category: nw001
---

**Alignements disponibles :**

* Haut - Gauche :
* Haut - Centré :
* Haut - Droite :
* Milieu - Gauche : `PushCommunication-zoning--leftCenter`
* Milieu - Centré : `PushCommunication-zoning--center`
* Milieu - Droite :
* Bas - Gauche : `PushCommunication-zoning--leftBottom`
* Bas - Centré :
* Bas - Droite :

*/
/*doc
---
title: Cas positionnement de l'aplat - Milieu/Gauche
parent: nw001-01
name: nw001-01-04
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "white",
  "zonePos": "leftCenter",
  "btnType": "primary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas positionnement de l'aplat - Milieu/Centré
parent: nw001-01
name: nw001-01-05
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas positionnement de l'aplat - Bas/Gauche
parent: nw001-01
name: nw001-01-07
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "white",
  "zonePos": "leftBottom",
  "btnType": "primary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas couleur de l'aplat
parent: nw001
name: nw001-02
category: nw001
---

**Couleurs disponibles :**

- Blanc : `PushCommunication-zoning--white`
- Primaire : `PushCommunication-zoning--primary`
- Transparent : `PushCommunication-zoning--transparent`
*/
/*doc
---
title: Cas couleur de l'aplat - white
parent: nw001-02
name: nw001-02-01
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas couleur de l'aplat - primary
parent: nw001-02
name: nw001-02-02
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "primary",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas couleur de l'aplat - transparent
parent: nw001-02
name: nw001-02-03
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "transparent",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas positionnement de la description
parent: nw001
name: nw001-05
category: nw001
---

**Alignements disponibles :**

* Haut : `PushCommunication-text--top`
* Milieu : `PushCommunication-text--middle`
* Bas : `PushCommunication-text--bottom`

*/
/*doc
---
title: Cas positionnement de la description - Haut
parent: nw001-05
name: nw001-05-01
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "top",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas positionnement de la description - Milieu
parent: nw001-05
name: nw001-05-02
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas positionnement de la description - Bas
parent: nw001-05
name: nw001-05-03
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "bottom",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "topMiddle"
})

</div>
```
*/
/*doc
---
title: Cas positionnement du bouton
parent: nw001
name: nw001-10
category: nw001
---

**Alignements disponibles :**

* Haut - Gauche : `PushCommunication-btn--topLeft`
* Haut - Centré : `PushCommunication-btn--topMiddle`
* Haut - Droite : `PushCommunication-btn--topRight`
* Milieu - Gauche : `PushCommunication-btn--middleLeft`
* Milieu - Centré : `PushCommunication-btn--middleMiddle`
* Milieu - Droite : `PushCommunication-btn--middleRight`
* Bas - Gauche : `PushCommunication-btn--bottomLeft`
* Bas - Centré : `PushCommunication-btn--bottomMiddle`
* Bas - Droite : `PushCommunication-btn--bottomRight`

*/
/*doc
---
title: Cas positionnement de la description - Haut/Gauche
parent: nw001-10
name: nw001-10-01
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "topLeft"
})

</div>
```
*/
/*doc
---
title: Cas positionnement de la description - Haut/Centré
parent: nw001-10
name: nw001-10-02
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "topMiddle"
})

</div>
```
*/
/*doc
---
title: Cas positionnement de la description - Haut/Droite
parent: nw001-10
name: nw001-10-03
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "topRight"
})

</div>
```
*/
/*doc
---
title: Cas positionnement de la description - Milieu/Gauche
parent: nw001-10
name: nw001-10-04
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "top",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "middleLeft"
})

</div>
```
*/
/*doc
---
title: Cas positionnement de la description - Milieu/Centré
parent: nw001-10
name: nw001-10-05
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "top",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "middleMiddle"
})

</div>
```
*/
/*doc
---
title: Cas positionnement de la description - Milieu/Droite
parent: nw001-10
name: nw001-10-06
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "top",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "middleRight"
})

</div>
```
*/
/*doc
---
title: Cas positionnement de la description - Bas/Gauche
parent: nw001-10
name: nw001-10-07
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "bottomLeft"
})

</div>
```
*/
/*doc
---
title: Cas positionnement de la description - Bas/Centré
parent: nw001-10
name: nw001-10-08
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas positionnement de la description - Bas/Droite
parent: nw001-10
name: nw001-10-09
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "bottomRight"
})

</div>
```
*/
/*doc
---
title: Cas couleur du bouton
parent: nw001
name: nw001-11
category: nw001
---

**Types de boutons disponibles :**

* Primaire : `PushCommunication-btn--primary`
* Secondaire : `PushCommunication-btn--secondary`

*/
/*doc
---
title: Cas couleur du bouton - zone blanche - primary
parent: nw001-11
name: nw001-11-01
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas couleur du bouton - zone blanche - secondary
parent: nw001-11
name: nw001-11-02
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "secondary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas couleur du bouton - zone primary - primary
parent: nw001-11
name: nw001-11-11
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "primary",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas couleur du bouton - zone primary - secondary
parent: nw001-11
name: nw001-11-12
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "primary",
  "zonePos": "center",
  "btnType": "secondary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas couleur du bouton - zone transparent - primary
parent: nw001-11
name: nw001-11-21
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "transparent",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas couleur du bouton - zone transparent - secondary
parent: nw001-11
name: nw001-11-22
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--include.kit", {
  "textPos": "middle",
  "zoneColor": "transparent",
  "zonePos": "center",
  "btnType": "secondary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas sticky
parent: nw001
name: nw001-20
category: nw001
---

*/
/*doc
---
title: Cas sticky - white
parent: nw001-20
name: nw001-20-01
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--sticky--include.kit", {
  "textPos": "middle",
  "zoneColor": "white",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas sticky - primary
parent: nw001-20
name: nw001-20-02
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--sticky--include.kit", {
  "textPos": "middle",
  "zoneColor": "primary",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
/*doc
---
title: Cas sticky - transparent
parent: nw001-20
name: nw001-20-03
category: nw001
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw001_pushCommunication--sticky--include.kit", {
  "textPos": "middle",
  "zoneColor": "transparent",
  "zonePos": "center",
  "btnType": "primary",
  "btnPos": "bottomMiddle"
})

</div>
```
*/
.PushCommunication {
  position: relative;
  width: 100%;
  padding: 0 5vw;
  background: #007D8F no-repeat 50% 50%;
  -moz-background-size: cover;
       background-size: cover; }
  @media (max-width: 989px) {
    .PushCommunication {
      min-height: 340px; } }

.PushCommunication-zoning {
  position: absolute;
  padding: 35px 0;
  min-height: 300px;
  outline: none; }
  .PushCommunication-zoning .h1:first-child,
  .PushCommunication-zoning .h2:first-child {
    margin-top: 0; }
  .PushCommunication-zoning .btn {
    padding-left: 20px;
    padding-right: 20px;
    min-width: 160px; }

.PushCommunication-zoning--center {
  top: 50%;
  left: 5vw;
  right: 5vw;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%); }
  .PushCommunication-zoning--center .PushCommunication-text {
    font: 400 27px/1.2 "Roboto Slab", Georgia, "Times New Roman", Times, serif;
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px); }

@media (max-width: 649px) {
  .PushCommunication-zoning--leftCenter,
  .PushCommunication-zoning--leftBottom {
    right: 7vw;
    left: 7vw; } }

@media (min-width: 650px) {
  .PushCommunication-zoning--leftCenter,
  .PushCommunication-zoning--leftBottom {
    left: 5vw;
    width: 50%;
    min-width: 305px; } }

.PushCommunication-zoning--leftCenter {
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%); }

.PushCommunication-zoning--leftBottom {
  bottom: 10%; }

.PushCommunication-zoning--primary, .PushCommunication-zoning--primary .h1,
.PushCommunication-zoning--transparent,
.PushCommunication-zoning--transparent .h1 {
  color: #ffffff; }

.PushCommunication-zoning--transparent {
  padding: 40px; }

.PushCommunication-zoning--primary {
  padding: 40px;
  background: #007D8F; }

.PushCommunication-zoning--white {
  padding: 40px;
  background: #ffffff; }

.PushCommunication-sticky {
  position: absolute;
  top: -15px;
  left: 50%;
  z-index: 1;
  padding: 7px 25px;
  color: #ffffff;
  font: 600 12px/1.25 "Open Sans", sans-serif;
  text-transform: uppercase;
  background: #99cc00;
  -moz-border-radius: 50px;
       border-radius: 50px;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%); }

.PushCommunication-text {
  position: absolute;
  width: 50%;
  min-width: 235px; }

.PushCommunication-text--middle {
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%); }

.PushCommunication-text--top {
  top: 5%; }

.PushCommunication-text--bottom {
  bottom: 10%; }

.PushCommunication-btn {
  padding-left: 40px;
  padding-right: 40px; }

.PushCommunication-btn--topLeft, .PushCommunication-btn--topMiddle, .PushCommunication-btn--topRight, .PushCommunication-btn--middleLeft, .PushCommunication-btn--middleMiddle, .PushCommunication-btn--middleRight, .PushCommunication-btn--bottomLeft, .PushCommunication-btn--bottomMiddle, .PushCommunication-btn--bottomRight {
  position: absolute; }

.PushCommunication-btn--topLeft, .PushCommunication-btn--topMiddle, .PushCommunication-btn--topRight {
  top: 7%; }

.PushCommunication-btn--middleLeft, .PushCommunication-btn--middleMiddle, .PushCommunication-btn--middleRight {
  top: 50%; }

.PushCommunication-btn--bottomLeft, .PushCommunication-btn--bottomMiddle, .PushCommunication-btn--bottomRight {
  bottom: 7%; }

.PushCommunication-btn--topLeft, .PushCommunication-btn--middleLeft, .PushCommunication-btn--bottomLeft {
  left: 40px; }

.PushCommunication-btn--topMiddle, .PushCommunication-btn--middleMiddle, .PushCommunication-btn--bottomMiddle {
  left: 50%; }

.PushCommunication-btn--topRight, .PushCommunication-btn--middleRight, .PushCommunication-btn--bottomRight {
  right: 40px; }

.PushCommunication-btn--topMiddle {
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%); }

.PushCommunication-btn--middleLeft {
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%); }

.PushCommunication-btn--middleMiddle {
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.PushCommunication-btn--middleRight {
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%); }

.PushCommunication-btn--bottomMiddle {
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%); }

[data-custom-redirect] .PushCommunication-text a, [data-custom-redirect] .PushCommunication-text a:hover, [data-custom-redirect] .PushCommunication-text a:focus,
[data-custom-redirect] .PushCommunication-sticky a,
[data-custom-redirect] .PushCommunication-sticky a:hover,
[data-custom-redirect] .PushCommunication-sticky a:focus {
  color: inherit;
  text-decoration: none; }

/*doc
---
title: NW002 - Etapier
name: nw002
category: nw002
---

All items of NW002-Etapier


Scripts à inclure:

- `<script src="owl.carousel.js"></script>`
- `<script src="nw002_etapier.js"></script>`

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>

<!--  CUSTOM JS -->
<script src="./../../build/js/owl.carousel.js" type="text/javascript"></script>
<script src="./../../build/js/nw002_etapier.js" type="text/javascript"></script>

**Templates exemple:**
<ul>
<li><a href="../../build/examples/test-nw002.html" target="_blank">Intégration test</a></li>
</ul>

*/
/*doc
---
title: NW002 - Etapier - Default
parent: nw002
name: nw002-01
category: nw002
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw002_etapier.kit")

</div>
```
*/
/*doc
---
title: NW002 - Etapier - One slide
parent: nw002
name: nw002-02
category: nw002
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw002_etapier--oneSlide.kit")

</div>
```
*/
/*doc
---
title: NW002 - Etapier - No bg image
parent: nw002
name: nw002-03
category: nw002
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw002_etapier--noBg.kit")

</div>
```
*/
/*doc
---
title: NW002 - Etapier - No sticky
parent: nw002
name: nw002-04
category: nw002
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw002_etapier--noSticky.kit")

</div>
```
*/
/*doc
---
title: NW002 - Etapier - No presentation text
parent: nw002
name: nw002-05
category: nw002
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw002_etapier--noPresentationText.kit")

</div>
```
*/
/*doc
---
title: NW002 - Etapier - No presentation text - no sticky
parent: nw002
name: nw002-06
category: nw002
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw002_etapier--noPresentationText-noSticky.kit")

</div>
```
*/
/*doc
---
title: NW002 - Etapier - Test image N&B
parent: nw002
name: nw002-20
category: nw002
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw002_etapier--testImgGray.kit")

</div>
```
*/
/*doc
---
title: NW002 - Etapier - Test image Color
parent: nw002
name: nw002-21
category: nw002
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw002_etapier--testImgColor.kit")

</div>
```
*/
.Etapier-intro,
.Etapier-slide {
  background: #ffffff;
  padding: 25px 40px; }

.Etapier-intro {
  margin-bottom: 1px;
  font-size: 15px;
  text-align: center; }
  .Etapier-intro p:last-child {
    margin-bottom: 0; }

.Etapier-slider .owl-stage-outer {
  overflow: hidden; }

.Etapier-slider .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .Etapier-slider .owl-stage .Etapier-slide {
    height: 100%; }

.Etapier-slider .owl-prev,
.Etapier-slider .owl-next {
  position: absolute;
  top: 50%;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  background: none;
  border: none; }
  .Etapier-slider .owl-prev.disabled,
  .Etapier-slider .owl-next.disabled {
    opacity: .5;
    cursor: not-allowed; }

.Etapier-slider .owl-prev {
  left: -30px; }
  @media (max-width: 649px) {
    .Etapier-slider .owl-prev {
      right: -22px; } }
  .Etapier-slider .owl-prev:before {
    content: ""; }

.Etapier-slider .owl-next {
  right: -30px; }
  @media (max-width: 649px) {
    .Etapier-slider .owl-next {
      right: -22px; } }
  .Etapier-slider .owl-next:before {
    content: ""; }

.Etapier-slider .owl-dots {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 15px;
  text-align: center; }

.Etapier-slider .owl-dot {
  display: inline-block;
  margin: 2px;
  padding: 2px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  cursor: pointer;
  background: none;
  border: none; }
  .Etapier-slider .owl-dot:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: #ffffff;
    border: solid 1px #ffffff;
    -moz-border-radius: 50%;
         border-radius: 50%; }
  .Etapier-slider .owl-dot.active:before {
    background: transparent; }

.Etapier-slider > .Etapier-slide ~ .Etapier-slide {
  display: none; }

.Etapier-slide {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding-top: 35px;
  padding-bottom: 35px; }

/*doc
---
title: C241 - Header Visuel
name: c241
category: c241
---

Component C241-Header Visuel


**Templates exemple:**
<ul>
<li><a href="../../build/examples/test-c241.html" target="_blank">Intégration test</a></li>
</ul>

*/
/*doc
---
title: C241 - Header Visuel - Default (Flyer)
parent: c241
name: c241-01
category: c241
---

```html_example
<div class="Styleguide-colMain"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_c241-headerVisuel.kit")

</div>
```
*/
/*doc
---
title: C241 - Header Visuel - Habillage
parent: c241
name: c241-02
category: c241
---

```html_example
<div class="Styleguide-colMain"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_c241-headerVisuel--habillage.kit")

</div>
```
*/
/*doc
---
title: C241 - Header Visuel - Flyer -- no btn
parent: c241
name: c241-03
category: c241
---

```html_example
<div class="Styleguide-colMain"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_c241-headerVisuel--noBtn.kit")

</div>
```
*/
/*doc
---
title: C241 - Header Visuel - Flyer -- alt btn
parent: c241
name: c241-04
category: c241
---

```html_example
<div class="Styleguide-colMain"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_c241-headerVisuel--altBtn.kit")

</div>
```
*/
.HeaderVisuel {
  position: relative;
  height: 350px;
  margin-bottom: 15px;
  padding: 250px 15px 20px;
  text-align: center; }

.HeaderVisuel-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f5f5f5 50% 50% no-repeat;
  -moz-background-size: cover;
       background-size: cover; }

.HeaderVisuel-button {
  position: relative; }

.HeaderVisuel--habillage {
  height: 150px; }

/*doc
---
title: NW003 - Push Article
name: nw003
category: nw003
---

Push intégré dans la zone de gauche

**Example d'intégration:**
<ul>
<li><a href="../../build/examples/test-nw003.html" target="_blank">Intégration test</a></li>
</ul>


```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/_nw003_pushArticle.kit")

</div>
```
*/
/*
Important : style global dans le fichier sass/commun/_pushLeftZone.scss
*/
.PushLeftZone-articleHead {
  margin: 0;
  padding: 5px 40px 10px 0; }

.PushLeftZone-articleTitle {
  margin: 0;
  font-size: 18px;
  line-height: 23px;
  font-weight: 600; }

.PushLeftZone-articleTitle > a {
  text-decoration: none; }
  .PushLeftZone-articleTitle > a:before {
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }

.PushLeftZone-articleIcon {
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 40px;
  color: #99cc00; }

.PushLeftZone-articleMeta {
  font-weight: 300;
  color: #999999; }

.PushLeftZone-articleText {
  font-weight: 300; }
  .PushLeftZone-articleText a {
    font-weight: 600; }

/*doc
---
title: NW004 - customMessage
name: nw004
category: nw004
---

All items of NW004-customMessage

**Templates exemple:**
<ul>
<li><a href="../../build/examples/test-nw004.html" target="_blank">Intégration test</a></li>
</ul>

*/
/*doc
---
title: NW004 - customMessage - Default
parent: nw004
name: nw004-01
category: nw004
---

```html_example

@@include("../../kit/components/_nw004_customMessage.kit")


```
*/
.CustomMessage {
  -webkit-box-align: center !important;
     -moz-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  color: #ffffff;
  padding: 10% 7%; }
  .CustomMessage .texte.section {
    padding: 0; }
  @media (min-width: 650px) {
    .CustomMessage {
      padding: 10% 5%; } }

.CustomMessage-iconAndMessage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 50px; }

.CustomMessage-iconWrapper {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 35px 45px 0 0;
  padding: 10px;
  width: 70px;
  height: 70px;
  line-height: 50px;
  vertical-align: middle;
  text-align: center;
  background: #ffffff;
  -moz-border-radius: 50%;
       border-radius: 50%; }

.CustomMessage-icon {
  max-width: 100%;
  max-height: 100%; }

.CustomMessage-messageWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  min-height: 100px;
  padding: 15px 40px;
  background: #006675;
  -moz-border-radius: 20px;
       border-radius: 20px;
  width: 100%; }
  .CustomMessage-messageWrapper:before {
    content: '';
    position: absolute;
    top: 40px;
    right: 100%;
    border: solid 12px transparent;
    border-right-color: #006675;
    border-bottom-color: #006675; }

.CustomMessage-message {
  width: 100%;
  font: 100 20px/1.6 "Roboto Slab", Georgia, "Times New Roman", Times, serif; }

.CustomMessage-text {
  margin: 0;
  font-weight: 400; }
  .CustomMessage-text *:first-child {
    margin-top: 0; }
  .CustomMessage-text *:last-child {
    margin-bottom: 0; }
  .CustomMessage-text h2,
  .CustomMessage-text .h2 {
    font-weight: 300;
    text-transform: none; }

.CustomMessage-actions {
  margin-top: 50px; }

.CustomMessage-btn {
  padding-left: 20px;
  padding-right: 20px; }

@media (max-width: 649px) {
  .CustomMessage-iconWrapper {
    width: 50px;
    height: 50px;
    margin-right: 25px;
    padding: 7px;
    line-height: 36px; }
  .CustomMessage-messageWrapper {
    padding-left: 20px;
    padding-right: 20px; }
    .CustomMessage-messageWrapper:before {
      border-width: 8px; }
  .CustomMessage-message {
    font-size: 18px; } }

/*
.CustomMessage-iconAndMessage{
  display: flex;
  margin-bottom: 40px;
}

.CustomMessage-icon{
  display: flex;
  align-self: center;
  width: 65px;
  height: 65px;
  background-color: $brand-white;
  border-radius: 50%;
  padding: 15px;
}

.CustomMessage-icon,
.CustomMessage-iconMessageWrapper{
  display: inline-block;
}

.CustomMessage-iconMessageWrapper{
  position: relative;
  width: 64.84%;
  background-color: $brand-primary-dark;
  color: $brand-white;
  font-family: $font-family-serif;
  border-radius: 15px;
  padding: 15px 30px;
  margin-left: 30px;
  margin-bottom: 40px;

  &::before{
    content: "";
    position: absolute;
    top: 50%;
    left: -17px;
    transform: translateY(-50%);
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent $brand-primary-dark transparent;
  }
}

.CustomMessage-iconMessage{
  font-size: $font-size-h3;
  line-height: 1.5em;
  max-height: (1.5em * 4);
  overflow: hidden;
}

.CustomMessage-resultPara{
  line-height: 1.3em;
  font-size: 23px;
  font-weight: 100;
  max-height: (1.3em * 4);
  overflow: hidden;
}

.CustomMessage-resultPara,
.CustomMessage-moreInfoPara{
  margin-bottom: 20px;
}

.CustomMessage-moreInfoPara,
.CustomMessage-iconMessageWrapper{
  font-weight: 100;
}

.CustomMessage-simulationBtn{
  padding: 9px 30px;
}

@media (max-width: $screen-xs-max){
  .CustomMessage-iconMessage{
    max-height: none;
  }
}
*/
/*doc
---
title: NW005 - Push Le Saviez-vous
name: nw005
category: nw005
---

##  Exemple:

<ul>
<li><a href="../../build/examples/test-nw005.html" target="_blank">Intégration test</a></li>
</ul>

##  Description à droite :

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper uniquement pour la documentation -->

@@include("../../kit/components/_nw005_pushDidYouKnow.kit")

</div>
```

##  Description à gauche :

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper uniquement pour la documentation -->

@@include("../../kit/components/_nw005_pushDidYouKnow--leftdesc.kit")

</div>
```

## Sans graphique sélectionné :

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper uniquement pour la documentation -->

@@include("../../kit/components/_nw005_pushDidYouKnow--nochart.kit")

</div>
```
*/
.PushDidYouKnow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: end !important;
     -moz-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
  position: relative;
  padding: 10% 7vw;
  background: #007D8F; }
  @media (min-width: 650px) {
    .PushDidYouKnow {
      padding: 10% 5vw; } }
  @media (max-width: 989px) {
    .PushDidYouKnow {
      min-height: 350px; } }

.PushDidYouKnow-backgroundWrapper,
.PushDidYouKnow-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.PushDidYouKnow-backgroundWrapper:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .3; }

.PushDidYouKnow-background {
  opacity: .5;
  -moz-background-size: cover;
       background-size: cover; }
  .backgroundblendmode .PushDidYouKnow-background {
    opacity: 1;
    background-blend-mode: soft-light;
    background-color: #007D8F; }

.PushDidYouKnow-main {
  position: relative;
  width: 100%; }

.PushDidYouKnow-content {
  position: absolute;
  bottom: 10%;
  width: 100%;
  padding: 25px 30px;
  background: #ffffff; }
  @media (max-width: 649px) {
    .PushDidYouKnow-content {
      position: relative; } }

.PushDidYouKnow-sticky {
  position: absolute;
  top: -15px;
  left: 50%;
  z-index: 1;
  padding: 7px 25px;
  line-height: 1.25;
  text-transform: uppercase;
  background: #99cc00;
  -moz-border-radius: 50px;
       border-radius: 50px;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #ffffff; }

.PushDidYouKnow-desc {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%; }
  @media (min-width: 650px) and (max-width: 989px) {
    .PushDidYouKnow-desc {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-line-pack: justify;
          align-content: space-between;
      height: 130px; } }

.PushDidYouKnow-descTitle {
  /* rich text component */
  width: 75%;
  font: 16px/1.4 "Roboto Slab", Georgia, "Times New Roman", Times, serif;
  color: #007D8F; }
  @media (min-width: 650px) {
    .PushDidYouKnow-descTitle {
      width: 75%;
      margin-bottom: 10px;
      font-size: 20px; } }
  @media (min-width: 990px) {
    .PushDidYouKnow-descTitle {
      -webkit-box-ordinal-group: 2;
         -moz-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 100%;
      max-width: none;
      margin-bottom: 17px;
      text-align: center; } }
  .PushDidYouKnow-descTitle p {
    margin: 0; }
  .PushDidYouKnow-descTitle strong, .PushDidYouKnow-descTitle b {
    font-family: 'Roboto';
    border-bottom: 1px dashed #007D8F; }

.PushDidYouKnow-descChart {
  width: 25%; }
  @media (min-width: 650px) {
    .PushDidYouKnow-descChart {
      height: 100%;
      width: auto;
      max-width: 25%; } }
  .PushDidYouKnow-descChart img {
    max-width: 100%;
    max-height: 100%; }

.PushDidYouKnow-noChart {
  height: 84px;
  width: 84px;
  background-color: #007D8F; }
  @media (max-width: 989px) {
    .PushDidYouKnow-noChart {
      height: 130px;
      width: 130px; } }
  @media (max-width: 649px) {
    .PushDidYouKnow-noChart {
      height: 120px;
      width: 120px; } }

.PushDidYouKnow-descText {
  margin-top: 17px;
  font-weight: 300; }
  @media (min-width: 650px) {
    .PushDidYouKnow-descText {
      width: 75%;
      margin-top: 0; } }
  .PushDidYouKnow-descText p {
    font-size: 15px; }

@media (max-width: 989px) {
  .PushDidYouKnow-desc--right .PushDidYouKnow-descTitle {
    padding-left: 30px; } }

@media (max-width: 649px) {
  .PushDidYouKnow-desc--right .PushDidYouKnow-descTitle {
    padding-left: 25px; } }

@media (min-width: 990px) {
  .PushDidYouKnow-desc--right .PushDidYouKnow-descChart {
    -webkit-box-ordinal-group: 3;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; } }

@media (min-width: 650px) {
  .PushDidYouKnow-desc--right .PushDidYouKnow-descText {
    padding-left: 30px; } }

@media (min-width: 990px) {
  .PushDidYouKnow-desc--right .PushDidYouKnow-descText {
    -webkit-box-ordinal-group: 4;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; } }

@media (max-width: 649px) {
  .PushDidYouKnow-desc--left .PushDidYouKnow-descTitle {
    -webkit-box-ordinal-group: 2;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-right: 25px; } }

@media (min-width: 650px) {
  .PushDidYouKnow-desc--left .PushDidYouKnow-descTitle {
    padding-right: 30px; } }

@media (min-width: 990px) {
  .PushDidYouKnow-desc--left .PushDidYouKnow-descTitle {
    padding-right: 0; } }

@media (max-width: 649px) {
  .PushDidYouKnow-desc--left .PushDidYouKnow-descChart {
    -webkit-box-ordinal-group: 3;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; } }

@media (min-width: 650px) {
  .PushDidYouKnow-desc--left .PushDidYouKnow-descChart {
    -webkit-box-ordinal-group: 4;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-left: auto; } }

@media (max-width: 649px) {
  .PushDidYouKnow-desc--left .PushDidYouKnow-descText {
    -webkit-box-ordinal-group: 4;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; } }

@media (min-width: 650px) {
  .PushDidYouKnow-desc--left .PushDidYouKnow-descText {
    padding-right: 30px; } }

@media (min-width: 990px) {
  .PushDidYouKnow-desc--left .PushDidYouKnow-descText {
    -webkit-box-ordinal-group: 3;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; } }

/*doc
---
title: NW006 - Row Control
name: nw006
category: nw006
---

Composant permettant de découper la zone de gauche (sticky) en plusieurs lignes

**Templates exemple:**
<ul>
<li><a href="../../build/examples/test-nw006.html" target="_blank">Intégration test</a></li>
</ul>

*/
/*doc
---
title: Cas sans découpage
name: nw006-1
category: nw006
---

```html_example
@@include("../../kit/components/_nw006_rowControl.kit")
```

*/
.RowControl {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  .RowControl > .parsys {
    width: 100%;
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    @media screen and (max-width: 989px) {
      .RowControl > .parsys {
        min-height: 200px; } }
    .RowControl > .parsys:first-child {
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      @media screen and (max-width: 989px) {
        .RowControl > .parsys:first-child {
          min-height: 350px; } }
    .RowControl > .parsys > .section {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      .RowControl > .parsys > .section.ghost + .section {
        margin-top: 0;
        padding-top: 0;
        -moz-box-sizing: border-box;
             box-sizing: border-box; }
      .RowControl > .parsys > .section.ghost, .RowControl > .parsys > .section.new {
        height: 2.8575rem !important;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        -webkit-box-flex: 0;
           -moz-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0; }
    .RowControl > .parsys .parbase,
    .RowControl > .parsys .componentZdg,
    .RowControl > .parsys .campaign,
    .RowControl > .parsys .campaign > div:first-child {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
         -moz-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: 100%; }
      .RowControl > .parsys .parbase:first-child,
      .RowControl > .parsys .componentZdg:first-child,
      .RowControl > .parsys .campaign:first-child,
      .RowControl > .parsys .campaign > div:first-child:first-child {
        -webkit-box-flex: 1;
           -moz-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
  .RowControl .PushCarousel3 {
    height: unset; }
  .aem-AuthorLayer-Preview .RowControl > .parsys,
  .aem-AuthorLayer-Edit .RowControl > .parsys {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .aem-AuthorLayer-Preview .RowControl > .parsys > .section,
    .aem-AuthorLayer-Edit .RowControl > .parsys > .section {
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-item-align: stretch;
          -ms-grid-row-align: stretch;
          align-self: stretch; }
      .aem-AuthorLayer-Preview .RowControl > .parsys > .section.ghost, .aem-AuthorLayer-Preview .RowControl > .parsys > .section.new,
      .aem-AuthorLayer-Edit .RowControl > .parsys > .section.ghost,
      .aem-AuthorLayer-Edit .RowControl > .parsys > .section.new {
        height: 2.8575rem !important;
        -webkit-box-flex: 0;
           -moz-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }

/*doc
---
title: Cas 1/3 2/3
name: nw006-2
category: nw006
---

```html_example
@@include("../../kit/components/_nw006_rowControl--cas_1-3_2-3.kit")
```

*/
.RowControl--cas_1-3_2-3 > .parsys:first-child {
  height: 33.333333%; }
  .RowControl--cas_1-3_2-3 > .parsys:first-child + .parsys {
    height: 66.666667%; }

/*doc
---
title: Cas 2/3 1/3
name: nw006-3
category: nw006
---

```html_example
@@include("../../kit/components/_nw006_rowControl--cas_2-3_1-3.kit")
```

*/
.RowControl--cas_2-3_1-3 > .parsys:first-child {
  height: 66.666667%; }
  .RowControl--cas_2-3_1-3 > .parsys:first-child + .parsys {
    height: 33.333333%; }

/*doc
---
title: Cas 1/2 2/2
name: nw006-4
category: nw006
---

```html_example
@@include("../../kit/components/_nw006_rowControl--cas_1-2_2-2.kit")
```

*/
.RowControl--cas_1-2_2-2 > .parsys {
  height: 50%; }

/*doc
---
title: NW007 - Column Control
name: nw007
category: nw007
---

**Templates exemple:**
<ul>
<li><a href="../../build/examples/test-nw007.html" target="_blank">Intégration test</a></li>
</ul>

*/
.ColumnControl--casA, .ColumnControl--casA-white, .ColumnControl--casA-grey, .ColumnControl--casB, .ColumnControl--casB-white, .ColumnControl--casB-grey, .ColumnControl--casC, .ColumnControl--casC-white, .ColumnControl--casC-grey, .ColumnControl--casD, .ColumnControl--casD-white, .ColumnControl--casD-grey, .ColumnControl--casE, .ColumnControl--casE-white, .ColumnControl--casE-grey {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  .ColumnControl--casA:before, .ColumnControl--casA-white:before, .ColumnControl--casA-grey:before, .ColumnControl--casB:before, .ColumnControl--casB-white:before, .ColumnControl--casB-grey:before, .ColumnControl--casC:before, .ColumnControl--casC-white:before, .ColumnControl--casC-grey:before, .ColumnControl--casD:before, .ColumnControl--casD-white:before, .ColumnControl--casD-grey:before, .ColumnControl--casE:before, .ColumnControl--casE-white:before, .ColumnControl--casE-grey:before, .ColumnControl--casA:after, .ColumnControl--casA-white:after, .ColumnControl--casA-grey:after, .ColumnControl--casB:after, .ColumnControl--casB-white:after, .ColumnControl--casB-grey:after, .ColumnControl--casC:after, .ColumnControl--casC-white:after, .ColumnControl--casC-grey:after, .ColumnControl--casD:after, .ColumnControl--casD-white:after, .ColumnControl--casD-grey:after, .ColumnControl--casE:after, .ColumnControl--casE-white:after, .ColumnControl--casE-grey:after {
    content: " ";
    display: table; }
  .ColumnControl--casA:after, .ColumnControl--casA-white:after, .ColumnControl--casA-grey:after, .ColumnControl--casB:after, .ColumnControl--casB-white:after, .ColumnControl--casB-grey:after, .ColumnControl--casC:after, .ColumnControl--casC-white:after, .ColumnControl--casC-grey:after, .ColumnControl--casD:after, .ColumnControl--casD-white:after, .ColumnControl--casD-grey:after, .ColumnControl--casE:after, .ColumnControl--casE-white:after, .ColumnControl--casE-grey:after {
    clear: both; }
  .ColumnControl--casA .parsys_column, .ColumnControl--casA-white .parsys_column, .ColumnControl--casA-grey .parsys_column, .ColumnControl--casB .parsys_column, .ColumnControl--casB-white .parsys_column, .ColumnControl--casB-grey .parsys_column, .ColumnControl--casC .parsys_column, .ColumnControl--casC-white .parsys_column, .ColumnControl--casC-grey .parsys_column, .ColumnControl--casD .parsys_column, .ColumnControl--casD-white .parsys_column, .ColumnControl--casD-grey .parsys_column, .ColumnControl--casE .parsys_column, .ColumnControl--casE-white .parsys_column, .ColumnControl--casE-grey .parsys_column {
    float: left;
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  @media (max-width: 989px) {
    .ColumnControl--casA, .ColumnControl--casA-white, .ColumnControl--casA-grey, .ColumnControl--casB, .ColumnControl--casB-white, .ColumnControl--casB-grey, .ColumnControl--casC, .ColumnControl--casC-white, .ColumnControl--casC-grey, .ColumnControl--casD, .ColumnControl--casD-white, .ColumnControl--casD-grey, .ColumnControl--casE, .ColumnControl--casE-white, .ColumnControl--casE-grey {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .ColumnControl--casA .parsys_column, .ColumnControl--casA-white .parsys_column, .ColumnControl--casA-grey .parsys_column, .ColumnControl--casB .parsys_column, .ColumnControl--casB-white .parsys_column, .ColumnControl--casB-grey .parsys_column, .ColumnControl--casC .parsys_column, .ColumnControl--casC-white .parsys_column, .ColumnControl--casC-grey .parsys_column, .ColumnControl--casD .parsys_column, .ColumnControl--casD-white .parsys_column, .ColumnControl--casD-grey .parsys_column, .ColumnControl--casE .parsys_column, .ColumnControl--casE-white .parsys_column, .ColumnControl--casE-grey .parsys_column {
        float: none;
        width: 100%; }
        .ColumnControl--casA .parsys_column:last-child, .ColumnControl--casA-white .parsys_column:last-child, .ColumnControl--casA-grey .parsys_column:last-child, .ColumnControl--casB .parsys_column:last-child, .ColumnControl--casB-white .parsys_column:last-child, .ColumnControl--casB-grey .parsys_column:last-child, .ColumnControl--casC .parsys_column:last-child, .ColumnControl--casC-white .parsys_column:last-child, .ColumnControl--casC-grey .parsys_column:last-child, .ColumnControl--casD .parsys_column:last-child, .ColumnControl--casD-white .parsys_column:last-child, .ColumnControl--casD-grey .parsys_column:last-child, .ColumnControl--casE .parsys_column:last-child, .ColumnControl--casE-white .parsys_column:last-child, .ColumnControl--casE-grey .parsys_column:last-child {
          padding-bottom: 0; } }

@media (min-width: 990px) {
  .ColumnControl--casA .parsys_column, .ColumnControl--casA-white .parsys_column, .ColumnControl--casA-grey .parsys_column {
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; } }

@media (min-width: 990px) {
  .ColumnControl--casB .parsys_column, .ColumnControl--casB-white .parsys_column, .ColumnControl--casB-grey .parsys_column {
    width: 33.333333%; } }

@media (min-width: 990px) {
  .ColumnControl--casC .parsys_column:first-child, .ColumnControl--casC-white .parsys_column:first-child, .ColumnControl--casC-grey .parsys_column:first-child {
    width: 33.333333%; }
  .ColumnControl--casC .parsys_column:last-child, .ColumnControl--casC-white .parsys_column:last-child, .ColumnControl--casC-grey .parsys_column:last-child {
    width: 66.666667%;
    -webkit-box-flex: 3;
       -moz-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3; } }

@media (min-width: 990px) {
  .ColumnControl--casD .parsys_column:first-child, .ColumnControl--casD-white .parsys_column:first-child, .ColumnControl--casD-grey .parsys_column:first-child {
    width: 66.666667%;
    -webkit-box-flex: 3;
       -moz-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3; }
  .ColumnControl--casD .parsys_column:last-child, .ColumnControl--casD-white .parsys_column:last-child, .ColumnControl--casD-grey .parsys_column:last-child {
    width: 33.333333%; } }

@media (min-width: 990px) {
  .ColumnControl--casE .parsys_column, .ColumnControl--casE-white .parsys_column, .ColumnControl--casE-grey .parsys_column {
    width: 66.666667%;
    -webkit-box-flex: 3;
       -moz-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3; }
    .ColumnControl--casE .parsys_column:first-child, .ColumnControl--casE-white .parsys_column:first-child, .ColumnControl--casE-grey .parsys_column:first-child {
      width: 16.5%;
      -webkit-box-flex: 0;
         -moz-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
    .ColumnControl--casE .parsys_column:last-child, .ColumnControl--casE-white .parsys_column:last-child, .ColumnControl--casE-grey .parsys_column:last-child {
      width: 16.5%;
      -webkit-box-flex: 0;
         -moz-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; } }

/*doc
---
title: Cas A 1/2 /1/2
name: nw007-1
category: nw007
---

```html_example
@@include("../../kit/components/_nw007_columnControl--A.kit")
```

*/
.ColumnControl--casA-c1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.ColumnControl--casA-white {
  background-color: #ffffff; }

.ColumnControl--casA-grey {
  background-color: #f5f5f5; }

/*doc
---
title: Cas B 1/3 1/3 1/3
name: nw007-2
category: nw007
---

```html_example
@@include("../../kit/components/_nw007_columnControl--B.kit")
```

*/
.ColumnControl--casB-white {
  background-color: #ffffff; }

.ColumnControl--casB-grey {
  background-color: #f5f5f5; }

/*doc
---
title: Cas C 1/3 2/3
name: nw007-3
category: nw007
---

```html_example
@@include("../../kit/components/_nw007_columnControl--C.kit")
```

*/
.ColumnControl--casC-white {
  background-color: #ffffff; }

.ColumnControl--casC-grey {
  background-color: #f5f5f5; }

/*doc
---
title: Cas D 2/3 1/3
name: nw007-4
category: nw007
---

```html_example
@@include("../../kit/components/_nw007_columnControl--D.kit")
```

*/
.ColumnControl--casD-white {
  background-color: #ffffff; }

.ColumnControl--casD-grey {
  background-color: #f5f5f5; }

/*doc
---
title: Cas E 1/6 4/6 1/6
name: nw007-5
category: nw007
---

```html_example
@@include("../../kit/components/_nw007_columnControl--E.kit")
```

*/
.ColumnControl--casE-white {
  background-color: #ffffff; }

.ColumnControl--casE-grey {
  background-color: #f5f5f5; }

/*doc
---
title: Captcha
name: Captcha
category: Captcha
---

Template exemple:

- [Captcha](../../build/examples/t024_mag-articlesPage.html)
- [Appointment Form](../../build/examples/T062_greenBtn-appointmentForm.html)
- [Email Form](../../build/examples/T062_greenBtn-emailForm.html)
- [Email Form - standard](../../build/examples/T062_greenBtn-emailForm--standard.html)
- [Email Form - more informations](../../build/examples/T062_greenBtn-emailForm--moreInformations.html)

*/
/*doc
---
title: Captcha
parent: Captcha
name: Captcha-01
category: Captcha
---

```html_example

@@include("../../kit/components/_captcha.kit")

```
*/
.Captcha {
  padding: 15px 0; }

.Captcha-title {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #454545;
  text-transform: uppercase;
  text-align: left; }

.Captcha-body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0; }

.Captcha-calcul {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #454545;
  padding-right: 10px;
  white-space: nowrap; }

.Captcha-answer {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .Captcha-answer .form-group {
    margin-bottom: 0; }

.Captcha-errorMessage {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 600;
  background-color: #fbe6e6;
  color: #d70000;
  padding: 10px 20px;
  -moz-border-radius: 6px;
       border-radius: 6px;
  text-align: left; }

/*doc
---
title: simpleAccess
name: simpleAccess
category: simpleAccess
---

*/
/*doc
---
title: simpleAccess-01
parent: simpleAccess
name: simpleAccess-01
category: simpleAccess
---

```html_example

@@include("../../kit/components/simpleAccess/_base.kit")

```

*/
.simpleAccess {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 46px;
  height: 1em;
  padding: 10px 50px 10px 25px;
  font-size: 13px;
  line-height: 1.3;
  color: #454545;
  text-decoration: none;
  -moz-border-radius: 4px;
       border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
  -moz-transition: background 150ms ease, color 150ms ease;
  transition: background 150ms ease, color 150ms ease; }
  .simpleAccess:after {
    content: "";
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 45px;
    font-size: 11px;
    line-height: 1;
    text-align: center;
    color: #007D8F; }
  .simpleAccess:hover, .simpleAccess:focus {
    color: #ffffff;
    background: #99cc00;
    text-decoration: none; }
    .simpleAccess:hover:after, .simpleAccess:focus:after {
      color: inherit; }

.simpleAccess--primary {
  background: #007D8F !important;
  color: #ffffff; }
  .simpleAccess--primary:after {
    color: inherit; }
  .simpleAccess--primary:hover, .simpleAccess--primary:focus {
    background: #006675 !important; }

.simpleAccesses .simpleAccess {
  -moz-border-radius: 0;
       border-radius: 0;
  margin-bottom: 1px; }
  .simpleAccesses .simpleAccess:first-child {
    -moz-border-radius-topleft: 4px;
         border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
         border-top-right-radius: 4px; }
  .simpleAccesses .simpleAccess:last-child {
    -moz-border-radius-bottomleft: 4px;
         border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
         border-bottom-right-radius: 4px;
    margin-bottom: 0; }

.simpleAccesses--double {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .simpleAccesses--double .simpleAccess {
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px); }
    .simpleAccesses--double .simpleAccess:first-child, .simpleAccesses--double .simpleAccess:nth-child(2) {
      -moz-border-radius-topleft: 4px;
           border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
           border-top-right-radius: 4px; }
    .simpleAccesses--double .simpleAccess:nth-last-child(2), .simpleAccesses--double .simpleAccess:last-child {
      -moz-border-radius-bottomleft: 4px;
           border-bottom-left-radius: 4px;
      -moz-border-radius-bottomright: 4px;
           border-bottom-right-radius: 4px;
      margin-bottom: 0; }

@media (min-width: 650px) {
  .simpleAccesses--double-sm {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .simpleAccesses--double-sm .simpleAccess {
      width: -moz-calc(50% - 15px);
      width: calc(50% - 15px); }
      .simpleAccesses--double-sm .simpleAccess:first-child, .simpleAccesses--double-sm .simpleAccess:nth-child(2) {
        -moz-border-radius-topleft: 4px;
             border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
             border-top-right-radius: 4px; }
      .simpleAccesses--double-sm .simpleAccess:nth-last-child(2), .simpleAccesses--double-sm .simpleAccess:last-child {
        -moz-border-radius-bottomleft: 4px;
             border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
             border-bottom-right-radius: 4px;
        margin-bottom: 0; } }

@media (min-width: 990px) {
  .simpleAccesses--double-md {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .simpleAccesses--double-md .simpleAccess {
      width: -moz-calc(50% - 15px);
      width: calc(50% - 15px); }
      .simpleAccesses--double-md .simpleAccess:first-child, .simpleAccesses--double-md .simpleAccess:nth-child(2) {
        -moz-border-radius-topleft: 4px;
             border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
             border-top-right-radius: 4px; }
      .simpleAccesses--double-md .simpleAccess:nth-last-child(2), .simpleAccesses--double-md .simpleAccess:last-child {
        -moz-border-radius-bottomleft: 4px;
             border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
             border-bottom-right-radius: 4px;
        margin-bottom: 0; } }

.simpleAccesses--faq .simpleAccess:after {
  color: #ffffff;
  background: #99cc00; }

/*doc
---
title: Modal
name: modal
category: modal
---

All modal use JS of Bootstrap

*/
/*doc
---
title: Modal default
parent: modal
name: modal-default
category: modal
---

A modal with form don't close on click outside or keyboard

```html_example
<a href="#modalDefault" data-toggle="modal">open default modal</a>

<div id="modalDefault" class="modal fade Modal" data-backdrop="static" data-keyboard="false" role="dialog">
<div class="Modal-dialog">
<div class="Modal-content">
<div class="Modal-header">
<button type="button" class="Modal-close" data-dismiss="modal" aria-label="Close"></button>
</div>

<div class="Modal-body">
<p class="Modal-mainTitle">Envoyer par email</p>
<form role="form" class="Modal-form">
<div class="form-group">
<label for="sender">Votre adresse mail</label>
<input type="text" class="form-control" id="sender" placeholder="Ex : nom@mail.fr">
</div>
<div class="form-group">
<label for="contact1">Adresse mail du destinataire</label>
<div class="input-field">
<input type="email" class="form-control" id="contact1" placeholder="Ex : nom@mail.fr" value="lorem@ipsum.com">
<a href="#" class="icon npc-close input-field-action"></a>
</div>
<div class="input-field">
<input type="email" class="form-control" id="contact2" placeholder="Ex : nom@mail.fr">
<a href="#" class="icon npc-add input-field-action"></a>
</div>
</div>
<div class="form-group">
<label for="message-text" class="control-label">Message:</label>
<textarea class="form-control" id="message-text" rows="6"></textarea>
</div>
<div class="Modal-actions">
<button type="submit" class="Modal-action Modal-action--primary">Envoyer</button>
</div>
</form>
</div>
</div>
</div>
</div>
```
*/
/*doc
---
title: Modal small
parent: modal
name: modal-small
category: modal
---

A modal with text & action only

```html_example
<a href="#modalSmall" data-toggle="modal">open small modal</a>

<div id="modalSmall" class="modal fade Modal Modal--small" role="dialog">
<div class="Modal-dialog">
<div class="Modal-content">
<div class="Modal-header">
<button type="button" class="Modal-close" data-dismiss="modal" aria-label="Close"></button>
</div>

<div class="Modal-body">
<p class="Modal-mainTitle">Voulez-vous enregistrer <strong>Anne Simoni</strong> dans vos bénéficiaires favoris ?</p>
<p>Ce bénéficiaire apparaitra en  priorité dans votre liste de bénéficiaires lorsque vous effecuerez un virement.</p>


<div class="Modal-actions">
<a href="#" class="Modal-action Modal-action--default">Annuler</a>
<a href="#" class="Modal-action Modal-action--primary">Valider</a>
</div>
</div>
</div>
</div>
</div>
```
*/
/*doc
---
title: Modal timeout 60sec inactivité 10min
parent: modal
name: modal-timeout-10min
category: modal
---

A modal with timeout pie chart

```html_example
<a href="#modalSessionEnd" data-toggle="modal">open small modal</a>

<div id="modalSessionEnd" class="modal fade Modal Modal--small js-TimeoutModal js-EndSessionWarning"
  role="dialog"  data-backdrop="static" data-keyboard="false" style="z-index:100000">
  <div class="Modal-dialog">
    <div class="Modal-content">
      <div class="Modal-body">
        <p class="Modal-TimeoutText">Sans action de votre part vous serez déconnecté dans :</p>
        <div class="TimeoutContainer">
          <div class="TimeoutWrapper">
            <div class="TimeoutMarks">
              <div class="TimeoutMark-band">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate45">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate90">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate135">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
            </div>
            <svg class="timeout" width="50" height="50" viewbox="0 0 50 50">
              <path class="loaderTimeout" transform="translate(25, 25) scale(0.84)"/>
            </svg>
            <div class="TimeoutFrame">
              <div class="TimeoutBackground"></div>
              <div class="TimeoutFrame--filler"></div>
              <div class="TimeoutTop">
                <div class="TimeoutTop-round"></div>
                <div class="TimeoutTop-tige"></div>
                <div class="TimeoutTop-base"></div>
              </div>
            </div>
          </div>
          <p class="countdowntimer" id="modalSessionEnd-timer" data-timer="45" data-total="60"></p>
        </div>
        <div class="Modal-actions">
          <button id="stop-inactivity-timeout" type="submit"
              class="Modal-action Modal-action--default stop-inactivity-timeout">RESTER CONNECTÉ</button>
          <button id="inactivity-disconnect" type="submit"
              class="Modal-action Modal-action--primary inactivity-disconnect">ME DECONNECTER</button>
        </div>
      </div>
    </div>
  </div>
</div>
```
*/
/*doc
---
title: Modal timeout 60sec activité 59min
parent: modal
name: modal-timeout-59min
category: modal
---

A modal with timeout pie chart

```html_example
<a href="#modalInactivityTimeout" data-toggle="modal">open small modal</a>

<div id="modalInactivityTimeout" class="modal fade Modal Modal--small js-TimeoutModal js-EndSessionWarning"
  role="dialog"  data-backdrop="static" data-keyboard="false" style="z-index:100000">
  <div class="Modal-dialog">
    <div class="Modal-content">
      <div class="Modal-body">
        <p class="Modal-TimeoutText">Sans action de votre part vous serez déconnecté dans :</p>
        <div class="TimeoutContainer">
          <div class="TimeoutWrapper">
            <div class="TimeoutMarks">
              <div class="TimeoutMark-band">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate45">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate90">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate135">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
            </div>
            <svg class="timeout" width="50" height="50" viewbox="0 0 50 50">
              <path class="loaderTimeout" transform="translate(25, 25) scale(0.84)"/>
            </svg>
            <div class="TimeoutFrame">
              <div class="TimeoutBackground"></div>
              <div class="TimeoutFrame--filler"></div>
              <div class="TimeoutTop">
                <div class="TimeoutTop-round"></div>
                <div class="TimeoutTop-tige"></div>
                <div class="TimeoutTop-base"></div>
              </div>
            </div>
          </div>
          <p class="countdowntimer" id="modalInactivityTimeout-timer" data-timer="60" data-total="60"></p>
        </div>
        <div class="Modal-actions">
          <button id="stop-inactivity-timeout" type="submit"
              class="Modal-action Modal-action--default stop-inactivity-timeout">RESTER CONNECTÉ</button>
          <button id="inactivity-disconnect" type="submit"
              class="Modal-action Modal-action--primary inactivity-disconnect">ME DECONNECTER</button>
        </div>
      </div>
    </div>
  </div>
</div>
```
*/
/*doc
---
title: Modal timeout 5 min
parent: modal
name: modal-timeout-long
category: modal
---

A modal with timeout pie chart

```html_example
<a href="#modalSessionEndWarning" data-toggle="modal">open small modal</a>

<div id="modalSessionEndWarning" class="modal fade Modal Modal--small js-TimeoutModal js-EndSessionWarning"
  role="dialog"  data-backdrop="static" data-keyboard="false" style="z-index:100000">
  <div class="Modal-dialog">
    <div class="Modal-content">
      <div class="Modal-body">
        <p class="Modal-TimeoutText">Sans action de votre part vous serez déconnecté dans :</p>
        <div class="TimeoutContainer">
          <div class="TimeoutWrapper">
            <div class="TimeoutMarks">
              <div class="TimeoutMark-band">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate45">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate90">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate135">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
            </div>
            <svg class="timeout" width="50" height="50" viewbox="0 0 50 50">
              <path class="loaderTimeout" transform="translate(25, 25) scale(0.84)"/>
            </svg>
            <div class="TimeoutFrame">
              <div class="TimeoutBackground"></div>
              <div class="TimeoutFrame--filler"></div>
              <div class="TimeoutTop">
                <div class="TimeoutTop-round"></div>
                <div class="TimeoutTop-tige"></div>
                <div class="TimeoutTop-base"></div>
              </div>
            </div>
          </div>
          <p class="countdowntimer" id="modalSessionEndWarning-timer"  data-timer="200" data-total="300"></p>
        </div>
        <div class="Modal-actions">
          <button id="stop-inactivity-timeout" type="submit"
              class="Modal-action Modal-action--default stop-inactivity-timeout">RESTER CONNECTÉ</button>
          <button id="inactivity-disconnect" type="submit"
              class="Modal-action Modal-action--primary inactivity-disconnect">ME DECONNECTER</button>
        </div>
      </div>
    </div>
  </div>
</div>
```
*/
/*Override Bootstrap*/
.modal.fade .modal-dialog, .modal.fade .Modal-dialog {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
          transform: translate(0, 0); }

.Modal {
  top: 50%;
  bottom: auto;
  z-index: 99999;
  max-height: 100%;
  overflow: auto;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%); }
  .Modal .Modal-close {
    position: absolute;
    top: 0;
    right: 0; }

.Modal-dialog {
  -moz-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.3);
       box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.3); }

.Modal-content {
  background: #ffffff;
  -moz-border-radius: 0;
       border-radius: 0;
  border: 0; }

.Modal-header {
  position: relative; }

.Modal-close {
  position: relative;
  z-index: 1;
  float: right;
  color: #ffffff;
  width: 50px;
  height: 50px;
  padding: 15px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  background: #007D8F;
  border: 0; }
  .Modal-close:before {
    content: ""; }
  .Modal-close:hover, .Modal-close:focus {
    color: #ffffff;
    background-color: #006675; }

.Modal-body {
  padding: 25px;
  height: 100%;
  height: -moz-calc(100% - 60px);
  height: calc(100% - 60px);
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
  margin-top: 60px; }

.Modal-body--center {
  text-align: center; }

.Modal-mainTitle {
  margin: 0 0 20px 0;
  font-size: 18px;
  font-weight: 300;
  color: #007D8F;
  line-height: 1.2;
  text-transform: uppercase; }

.Modal-form {
  padding: 0 !important; }

.Modal-actions {
  margin: 20px -7px;
  text-align: center;
  font-size: 0; }
  .Modal-actions:last-child {
    margin-bottom: 0; }

.Modal-action {
  margin-left: 7px;
  margin-right: 7px;
  min-width: 140px; }

.modal-backdrop {
  z-index: 99998; }

.Modal--small .Modal-dialog {
  max-width: 480px; }

.Modal--small .Modal-body {
  text-align: center;
  padding: 45px 60px 40px; }

.Modal--small .Modal-mainTitle {
  margin-bottom: 5px; }

.Modal--scrollInside {
  bottom: 30px;
  top: 90px;
  -webkit-transform: none;
     -moz-transform: none;
          transform: none; }
  .modal-open .Modal--scrollInside {
    overflow: hidden; }
  .Modal--scrollInside .Modal-dialog {
    height: 100%;
    margin: 0 auto; }
  .Modal--scrollInside .Modal-content {
    height: 100%;
    overflow: auto; }

@media (max-width: 649px) {
  .Modal {
    top: 0;
    bottom: 0;
    -webkit-transform: none;
       -moz-transform: none;
            transform: none; }
  .Modal-dialog {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none !important;
    margin: 0;
    -moz-box-shadow: none;
         box-shadow: none;
    overflow: auto; }
  .Modal-content {
    min-height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .Modal-header {
    position: absolute;
    top: 0;
    right: 0; }
  .Modal-close {
    width: 60px;
    height: 60px;
    font-size: 15px;
    line-height: 30px; }
  .Modal-actions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px; }
    .Modal-actions:last-child {
      margin-bottom: -10px; }
  .Modal-action {
    min-width: 200px;
    margin-bottom: 10px; }
  .Modal-action--primary {
    -webkit-box-ordinal-group: 0;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  #modalRenameList .Modal-body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }

/* PIE CHART TIMEOUT */
.TimeoutContainer {
  position: relative;
  width: 50%;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly; }

.TimeoutWrapper {
  width: 60px;
  height: 60px;
  position: relative;
  background: transparent;
  margin: 0 30px 15px auto;
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px; }

.TimeoutFrame {
  z-index: 1;
  -moz-border-radius: 30px;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  background: #3397A6;
  position: absolute;
  top: 0;
  left: 0; }

.TimeoutBackground {
  z-index: 3;
  -moz-border-radius: 25px;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  background: #d8d8d8;
  position: absolute;
  top: 5px;
  left: 5px; }

.TimeoutFrame--filler {
  -moz-border-radius: 30px 0 0 30px;
       border-radius: 30px 0 0 30px;
  width: 30px;
  height: 60px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  opacity: 1;
  background: #007D8F; }

.TimeoutMarks {
  position: absolute;
  width: 52px;
  height: 52px;
  top: 4px;
  left: 4px;
  z-index: 500; }

.TimeoutMark-band {
  position: absolute;
  width: 2px;
  height: 52px;
  left: 24px;
  z-index: 500;
  -webkit-transform-origin: 1px 26px;
     -moz-transform-origin: 1px 26px;
          transform-origin: 1px 26px; }
  .TimeoutMark-band--rotate45 {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
            transform: rotate(45deg); }
  .TimeoutMark-band--rotate90 {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
            transform: rotate(90deg); }
  .TimeoutMark-band--rotate135 {
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
            transform: rotate(135deg); }
  .TimeoutMark-band .TimeoutMark {
    position: absolute;
    left: 0;
    width: 2px;
    height: 5px; }
    .TimeoutMark-band .TimeoutMark--top {
      top: 0;
      background: #3397A6; }
    .TimeoutMark-band .TimeoutMark--bottom {
      bottom: 0;
      background: #007D8F; }

.TimeoutTop {
  position: absolute;
  width: 14px;
  height: 13px;
  top: -12px;
  left: 22px;
  z-index: 0; }

.TimeoutTop-round {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 4px;
  -moz-border-radius: 2px;
       border-radius: 2px;
  background: #007D8F; }

.TimeoutTop-tige {
  position: absolute;
  top: 4px;
  left: 5px;
  width: 4px;
  height: 4px;
  background: #006675; }

.TimeoutTop-base {
  position: absolute;
  top: 8px;
  left: 1px;
  width: 12px;
  height: 5px;
  background: #007D8F; }

.Modal-TimeoutText {
  color: #007D8F;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  margin-bottom: 40px;
  line-height: 1.3; }

.countdowntimer {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  color: #007D8F;
  font-weight: 600;
  font-size: 20px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }

/* TEST SVG TIMEOUT */
svg.timeout {
  display: block;
  z-index: 5;
  position: absolute;
  top: 5px;
  left: 5px; }

.loaderTimeout {
  fill: #99cc00;
  z-index: 6; }

/*doc
---
title: Alphabet Nav
name: alphabet-nav
category: alphabet
---

Scripts à inclure : (attention a bien avoir l'event 'debounced-resize' du common.js)

    <script src="alphabetNav.js"></script>

<script src="../../build/js/alphabetNav.js"></script>
<script>
var timer = null;
$(window)
  .off('resize.alphabet')
  .on('resize.alphabet', function(){
    clearTimeout(timer);
    timer = setTimeout(function(){
      $(window).trigger('debounced-resize');
    }, 250);
  })
;
</script>
 */
/*doc
---
title: Alphabet Nav Default
parent: alphabet-nav
name: alphabet-nav-default
category: alphabet
---

Modification faite en JS

la taille n'est pas assez grande pour tout afficher, il y a une arrow sur la droite

```html_example
<div style="width: 215px">
  @@include("../../kit/components/_alphabetNav.kit")
</div>
```
*/
/*doc
---
title: Alphabet Nav One Line
parent: alphabet-nav
name: alphabet-nav-one-line
category: alphabet
---

Modification faite en JS

Il y a assez de place pour afficher toutes les lettres

(class "alphabetNav--oneLine" ajouté)

```html_example
<nav class="alphabetNav js-alphabetNav alphabetNav--oneLine">
  <div class="alphabetNav-inner">
    <a href="#" class="alphabetNav-showFull js-alphabetNav-showFull"></a>
    <a href="#" class="alphabetNav-item js-alphabetNav-item">A</a>
    <a href="#" class="alphabetNav-item js-alphabetNav-item">B</a>
    <a href="#" class="alphabetNav-item js-alphabetNav-item alphabetNav-item--active">C</a>
    <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">D</span>
    <a href="#" class="alphabetNav-item js-alphabetNav-item">E</a>
    <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">F</span>
    <a href="#" class="alphabetNav-item js-alphabetNav-item">G</a>
    <a href="#" class="alphabetNav-item js-alphabetNav-item">H</a>
    <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">I</span>
    <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">J</span>
    <a href="#" class="alphabetNav-item js-alphabetNav-item">K</a>
    <a href="#" class="alphabetNav-item js-alphabetNav-item">L</a>
    <a href="#" class="alphabetNav-item js-alphabetNav-item">M</a>
    <a href="#" class="alphabetNav-item js-alphabetNav-item">N</a>
    <a href="#" class="alphabetNav-item js-alphabetNav-item">O</a>
    <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">P</span>
    <a href="#" class="alphabetNav-item js-alphabetNav-item">Q</a>
    <a href="#" class="alphabetNav-item js-alphabetNav-item">R</a>
    <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">S</span>
    <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">T</span>
    <a href="#" class="alphabetNav-item js-alphabetNav-item">U</a>
    <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">V</span>
    <a href="#" class="alphabetNav-item js-alphabetNav-item">W</a>
    <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">X</span>
    <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">Y</span>
    <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">Z</span>
  </div>
</nav>
```
*/
/*doc
---
title: Alphabet Nav show full
parent: alphabet-nav
name: alphabet-nav-show-full
category: alphabet
---

Modification faite en JS

Quand il n'y a pas assez de place mais que l'utilisateur a ouvert avec le showFull

(class "alphabetNav--showFull" ajouté)

```html_example
<div style="width: 215px">
  <nav class="alphabetNav js-alphabetNav alphabetNav--showFull">
    <div class="alphabetNav-inner">
      <a href="#" class="alphabetNav-showFull js-alphabetNav-showFull"></a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">A</a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">B</a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item alphabetNav-item--active">C</a>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">D</span>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">E</a>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">F</span>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">G</a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">H</a>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">I</span>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">J</span>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">K</a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">L</a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">M</a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">N</a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">O</a>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">P</span>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">Q</a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">R</a>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">S</span>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">T</span>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">U</a>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">V</span>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">W</a>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">X</span>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">Y</span>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">Z</span>
    </div>
  </nav>
</div>
```
*/
/*doc
---
title: Alphabet Nav show full btn active
parent: alphabet-nav
name: alphabet-nav-show-full-btn-active
category: alphabet
---

Modification faite en JS

Quand il n'y a pas assez de place et la lettre active est en dessous (caché)

(class "alphabetNav-showFull--active" ajouté)

```html_example
<div style="width: 215px">
  <nav class="alphabetNav js-alphabetNav">
    <div class="alphabetNav-inner">
      <a href="#" class="alphabetNav-showFull js-alphabetNav-showFull alphabetNav-showFull--active"></a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">A</a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">B</a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">C</a>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">D</span>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">E</a>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">F</span>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">G</a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">H</a>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">I</span>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">J</span>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">K</a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">L</a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">M</a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">N</a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">O</a>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">P</span>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">Q</a>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">R</a>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">S</span>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">T</span>
      <a href="#" class="alphabetNav-item js-alphabetNav-item">U</a>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">V</span>
      <a href="#" class="alphabetNav-item js-alphabetNav-item alphabetNav-item--active">W</a>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">X</span>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">Y</span>
      <span class="alphabetNav-item js-alphabetNav-item alphabetNav-item--disabled">Z</span>
    </div>
  </nav>
</div>
```
*/
.alphabetNav {
  margin: 20px 0; }

.alphabetNav-inner {
  margin: 0 -7px;
  padding: 0 3px;
  font-size: 0;
  line-height: 0;
  max-height: 28px;
  overflow: hidden; }

.alphabetNav-item {
  display: inline-block;
  width: 1em;
  margin: 0 -3px;
  padding: 7px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
  -moz-border-radius: 50px;
       border-radius: 50px;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease; }
  .alphabetNav-item:hover, .alphabetNav-item:focus {
    text-decoration: none; }

.alphabetNav-item--active {
  color: #ffffff;
  background: #007D8F;
  font-weight: 700; }
  .alphabetNav-item--active:hover, .alphabetNav-item--active:focus {
    color: #ffffff;
    background: #006675; }

.alphabetNav-item--disabled, .alphabetNav-item--disabled:hover, .alphabetNav-item--disabled:focus {
  color: #d8d8d8;
  background: none;
  cursor: not-allowed; }

.alphabetNav-item--disabled.alphabetNav-item--active, .alphabetNav-item--disabled.alphabetNav-item--active:hover, .alphabetNav-item--disabled.alphabetNav-item--active:focus {
  color: #ffffff;
  background: #d8d8d8; }

.alphabetNav-showFull {
  position: relative;
  float: right;
  width: 1em;
  height: 1em;
  margin: 0 -3px;
  padding: 7px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
  -moz-border-radius: 50px;
       border-radius: 50px; }
  .alphabetNav-showFull:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    margin: -.5em;
    font-size: 14px;
    line-height: 1; }
  .alphabetNav-showFull:hover, .alphabetNav-showFull:focus {
    text-decoration: none; }

.alphabetNav-showFull--active {
  color: #ffffff;
  background: #d8d8d8; }

.alphabetNav--showFull .alphabetNav-inner {
  max-height: none; }

.alphabetNav--showFull .alphabetNav-showFull {
  display: none; }

.alphabetNav--oneLine .alphabetNav-inner {
  text-align: justify; }
  .alphabetNav--oneLine .alphabetNav-inner:after {
    content: '';
    display: inline-block;
    width: 100%; }

.alphabetNav--oneLine .alphabetNav-showFull {
  display: none; }

/*doc
---
title: alphabetList
name: alphabetList
category: alphabetList
---


## Default

```html_example
@@include("../../kit/components/_alphabetList.kit")
```


*/
.alphabetList {
  margin: 20px 0; }

.alphabetList-actions {
  float: right;
  margin-bottom: 15px; }

.alphabetList-action {
  margin-left: 15px; }
  .alphabetList-action, .alphabetList-action:hover, .alphabetList-action:focus {
    text-decoration: none; }

.alphabetList-actionText {
  text-decoration: underline;
  font-weight: 700; }

.alphabetList-action--add:before {
  content: "";
  margin: 0 7px 0 0;
  color: #99cc00;
  font-size: 13px;
  text-decoration: none;
  vertical-align: middle; }

.alphabetList-action--list:before {
  content: "";
  margin: 0 7px 0 0;
  color: #99cc00;
  font-size: 14px;
  text-decoration: none;
  vertical-align: middle; }

.alphabetList-action--import:before {
  content: "";
  margin: 0 7px 0 0;
  color: #99cc00;
  font-size: 13px;
  text-decoration: none;
  vertical-align: middle; }

.alphabetList-title {
  float: left;
  margin: 0 0 15px; }

.alphabetList-section {
  margin-bottom: 20px;
  clear: both; }

.alphabetList-section--hidden {
  display: none; }

.alphabetList-sectionTitle {
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  color: #007D8F;
  margin-bottom: 10px; }

.alphabetList-sectionList {
  clear: both; }

.alphabetList-item--hidden {
  display: none; }

.alphabetList-empty {
  display: none; }

.alphabetList--search .alphabetList-section {
  margin-bottom: 0; }

.alphabetList--search .alphabetList-sectionTitle {
  display: none; }

.alphabetList--empty .alphabetList-empty {
  display: block; }

.alphabetList--search .alphabetList-section--filtered .alphabetList-sectionTitle {
  display: block; }

.alphabetList--search .alphabetList-sectionList {
  clear: none; }

.swipableBloc-toggle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 35px;
  color: #99cc00;
  text-decoration: none; }
  .swipableBloc-toggle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -.5em;
    font-size: 22px;
    line-height: 1.2;
    text-align: center; }
  .swipableBloc-toggle:focus {
    color: #99cc00; }

.swipableBloc-toggle:hover {
  color: #ffffff;
  background: #006675 !important;
  text-decoration: none; }

.SwipableActions--open .swipableBloc-toggle {
  color: #ffffff;
  background: #007D8F !important; }

.swipableBloc-actions--fill, .swipableBloc-actions {
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  z-index: 1;
  background: #006675;
  visibility: hidden;
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
          transform: translateX(100%);
  transition: visibility 300ms, -webkit-transform 300ms ease-in;
  -moz-transition: transform 300ms ease-in, visibility 300ms, -moz-transform 300ms ease-in;
  transition: transform 300ms ease-in, visibility 300ms;
  transition: transform 300ms ease-in, visibility 300ms, -webkit-transform 300ms ease-in, -moz-transform 300ms ease-in;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: auto; }

.swipableBloc-actions--fill {
  width: -moz-calc(100% - 30px);
  width: calc(100% - 30px); }

.swipableBloc-action {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 100%;
  padding: 0 20px;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  text-decoration: none;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
  color: #ffffff;
  text-transform: uppercase; }
  .swipableBloc-action:before {
    display: block;
    height: 20px;
    line-height: 1;
    margin-bottom: 5px; }
  .swipableBloc-action:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 40px;
    margin: -20px 0;
    background: rgba(255, 255, 255, 0.5); }
  .swipableBloc-action:first-child:after {
    display: none; }
  .transfer.swipableBloc-action:before {
    content: "";
    font-size: 14px; }
  .check.swipableBloc-action:before {
    content: "";
    font-size: 21px; }
  .download.swipableBloc-action:before {
    content: "";
    font-size: 15px; }

.swipableBloc-action:hover, .swipableBloc-action:focus {
  color: #ffffff;
  background: #007D8F;
  text-decoration: none; }

/*doc
---
title: swipableBloc
name: swipableBloc
category: swipableBloc
---
<!--  BASE JS -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>

<!--  CUSTOM JS -->
<script src="./../../build/js/swipableBloc.js" type="text/javascript"></script>
<script src="./../../build/js/t011_synthesis.js" type="text/javascript"></script>

Scripts à inclure (pour test ?):

- `<script src="t011_synthesis.js"></script>`
- `<script src="swipableBloc.js"></script>`


Pour le JS, il faut ajouter une div : "js-swipableBlocs" contenant tout les "swipableBloc".


Elle permet de changer dynamiquement le contenu sans avoir a rebind les events.

## Default

```html_example
<div class="js-swipableBlocs">

  @@include("../../kit/components/_swipableBloc-beneficiaire.kit")

  @@include("../../kit/components/_swipableBloc-beneficiaire-b.kit")

  @@include("../../kit/components/_swipableBloc-beneficiaire-c.kit")

</div>
```

## All Actions

```html_example
<div class="js-swipableBlocs">

  @@include("../../kit/components/_swipableBloc-beneficiaire-allActions.kit")

</div>
```


## With right content

?? OLD ??

```html_example
<div class="js-swipableBlocs">

  @@include("../../kit/components/_swipableBloc-beneficiaire--rightContent.kit")

</div>
```

*/
.swipableBloc {
  position: relative;
  overflow: hidden;
  margin: 0 0 1px; }

.swipableBloc-main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-height: 63px;
  padding: 20px 0 20px 2.5vw;
  color: #999999;
  transition: -webkit-transform 300ms ease;
  -moz-transition: transform 300ms ease, -moz-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease, -moz-transform 300ms ease; }

.swipableBloc-main--fast {
  -moz-transition-duration: 100ms;
       transition-duration: 100ms; }

.swipableBloc-left {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease; }

.swipableBloc-icon {
  float: left;
  min-width: 30px;
  height: 100%;
  margin: -5px 0 -5px -15px;
  padding: 5px 15px 5px 0; }
  .swipableBloc-icon.npc-user-group {
    font-size: 20px;
    color: #99cc00; }

a.swipableBloc-icon {
  color: inherit;
  text-decoration: none; }
  a.swipableBloc-icon:hover, a.swipableBloc-icon:focus {
    text-decoration: none; }

.swipableBloc-icon--fav:before {
  content: "";
  font-size: 15px;
  line-height: 1; }

.swipableBloc-icon--fav.swipableBloc-icon--active {
  color: #99cc00; }
  .swipableBloc-icon--fav.swipableBloc-icon--active:before {
    content: ""; }

.swipableBloc-content {
  overflow: hidden;
  margin: 0; }
  .swipableBloc-content.checkbox .checkbox-input + .checkbox-label {
    padding-left: 22px; }
    .swipableBloc-content.checkbox .checkbox-input + .checkbox-label:before, .swipableBloc-content.checkbox .checkbox-input + .checkbox-label:after {
      top: 50%;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
              transform: translateY(-50%);
      top: 10px;
      margin-top: 0; }

.swipableBloc-title {
  color: #007D8F;
  text-transform: initial; }

.swipableBloc-title,
.swipableBloc-text {
  font-weight: 600; }

.swipableBloc-right {
  margin-right: 35px; }

.swipableBloc-action {
  text-transform: uppercase;
  min-width: 117px; }

.SwipableActions--open .swipableBloc-actions {
  -webkit-transform: translateX(0px);
     -moz-transform: translateX(0px);
          transform: translateX(0px);
  visibility: visible; }

.SwipableActions--open .swipableBloc-toggle {
  opacity: 1; }

@media (max-width: 989px) {
  .swipableBloc-icon {
    padding-left: 10px; } }

@media (max-width: 649px) {
  .swipableBloc-action {
    font-size: 11px;
    line-height: 12px;
    min-width: initial;
    padding: 0 10px; }
    .swipableBloc-action:before {
      height: 16px; }
  .swipableBloc-icon {
    padding-left: 15px; } }

/*doc
---
title: Agency Address
name: AgencyAddress
category: AgencyAddress
---

```html_example

@@include("../../kit/components/_agencyAddress.kit")

```
*/
.AgencyAddress {
  display: table;
  width: 100%;
  height: 220px;
  overflow: hidden; }

.AgencyAddress--primary {
  background-color: #007D8F;
  color: #ffffff; }

.AgencyAddress-inner {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10%; }

.AgencyAddress-title {
  margin: 0; }

.AgencyAddress-subtitle {
  margin-top: 2px;
  margin-bottom: 15px; }

.AgencyAddress-openingHours {
  margin: 15px 0 0; }

.AgencyAddress-link {
  color: #ffffff; }
  .AgencyAddress-link:hover, .AgencyAddress-link:active, .AgencyAddress-link:focus, .AgencyAddress-link:visited {
    color: #ffffff; }

.AgencyAddress-para {
  font-weight: 300; }

.AgencyAddress-para--gray {
  color: #454545; }

.AgencyAddress-para--padLeft46 {
  padding-left: 46px; }

.AgencyAddress-noMarginBot {
  margin-bottom: 0; }

@media screen and (max-width: 649px) {
  /* Modifier for the templates privateBank */
  .AgencyAddress-inner--center {
    text-align: center; } }

.SituationAnalyze {
  display: table;
  width: 100%;
  height: 220px;
  text-align: center; }

.SituationAnalyze--gray {
  background-color: #f5f5f5; }

.SituationAnalyze-inner {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10%; }

.SituationAnalyze-title {
  color: #007D8F;
  margin-bottom: 0; }

.SituationAnalyze-img {
  margin-bottom: 15px; }

.SituationAnalyze-logo {
  width: 35px; }

.SituationAnalyze-para {
  font-weight: 300; }

.SituationAnalyze-para--marginTB {
  margin: 10px 0; }

.SituationAnalyze-para--gray {
  color: #454545; }

.SituationAnalyze-para--padLeft46 {
  padding-left: 46px; }

.SituationAnalyze-noMarginBot {
  margin-bottom: 0; }

/*doc
---
title: T032 Store Locator Pop In Geolocation Disabled and Enabled
name: T032-popin
category: T032-popin
---


**Templates exemple:**
<ul>
  <li>Popin géoloc disable : <a href="../../build/examples/t032-storeLocatorPopIn--geolocationDisabled.html">Particulier</a></li>
  <li>Popin géoloc enable : <a href="../../build/examples/t032-storeLocatorPopIn--geolocationEnabled.html">Particulier</a></li>
</ul>

*/
/*doc
---
title: T032 Store Locator
parent: T032-popin
name: 01-StoreLocPopin
category: T032-popin
---

*/
/*doc
---
title: T032 Store Locator - Geolocation disabled
parent: 01-StoreLocPopin
name: 01-StoreLocPopin-01
category: T032-popin
---

```html_example

@@include("../../kit/components/t032-storeLocatorPopIn--geolocationDisabled.kit")

```
*/
/*doc
---
title: T032 Store Locator - Geolocation enabled
parent: 01-StoreLocPopin
name: 01-StoreLocPopin-02
category: T032-popin
---

```html_example

@@include("../../kit/components/t032-storeLocatorPopIn--geolocationEnabled.kit")

```
*/
.StoreLocatorPopIn-geolocationDisabled {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-top: 0;
  padding: 20px 5%; }
  .StoreLocatorPopIn-geolocationDisabled .texte.section {
    padding: 0; }
  .StoreLocatorPopIn-geolocationDisabled .parsys,
  .StoreLocatorPopIn-geolocationDisabled .parbase {
    width: 100%; }

.StoreLocatorPopIn-geolocationDisabled-content {
  width: 100%;
  padding: 7% 15%;
  text-align: center;
  background-color: #f5f5f5; }

.StoreLocatorPopIn-geolocationDisabled-flexAlign {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .StoreLocatorPopIn-geolocationDisabled-flexAlign .GeolocationDisabled-title {
    margin-top: 0; }
  .StoreLocatorPopIn-geolocationDisabled-flexAlign .GeolocationDisabled-btn {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }

.StoreLocatorPopIn-geolocationEnabled {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-top: 0;
  padding: 20px 5%; }
  .StoreLocatorPopIn-geolocationEnabled .texte.section {
    padding: 0; }
  .StoreLocatorPopIn-geolocationEnabled .parsys,
  .StoreLocatorPopIn-geolocationEnabled .parbase {
    width: 100%; }

.StoreLocatorPopIn-geolocationEnabled-content {
  padding: 7% 15%;
  text-align: center;
  background-color: #f5f5f5; }

.StoreLocatorPopIn-geolocationEnabled-flexAlign {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .StoreLocatorPopIn-geolocationEnabled-flexAlign .GeolocationEnabled-title {
    margin-top: 0; }
  .StoreLocatorPopIn-geolocationEnabled-flexAlign .GeolocationEnabled-btn {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
  .StoreLocatorPopIn-geolocationEnabled-flexAlign .GeolocationEnabled-btnWrap > a {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.StoreLocatorPopIn-text--marginBot {
  margin-bottom: 3%; }

/*doc
---
title: Composant Messagerie Menu
name: MessagerieMenu
category: MessagerieMenu
---

Template exemple:

- [Messagerie - Menu](../../build/examples/messagerie.html)

```html_example

@@include("../../kit/components/_messagerieMenu.kit")

```
*/
.Messagerie {
  padding: 20px 5%; }
  @media (max-width: 649px) {
    .Messagerie {
      padding: 20px 7%; } }

/* If Breadcrumb is into template */
.Messagerie--breadcrumb {
  padding-top: 0; }
  @media (max-width: 649px) {
    .Messagerie--breadcrumb {
      padding-top: 20px; } }

.Messagerie-title {
  margin-top: 17px; }

/* Parameters for the div that encompasses Links */
.Messagerie-LinksWrapper {
  margin-top: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

/* Parameters for the Links */
.Messagerie-Links {
  position: relative;
  color: #999999;
  vertical-align: middle;
  line-height: 30px;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  height: 40px;
  margin-bottom: 10px;
  padding: 5px 10px;
  border-bottom: 1px solid #f5f5f5;
  font-size: 0;
  white-space: nowrap; }
  @media (min-width: 990px) {
    .Messagerie-Links {
      width: 33%; } }

.Messagerie-LinkText {
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-size: 12px; }
  .Messagerie-LinksImg + .Messagerie-LinkText {
    max-width: -moz-calc(100% - 23px);
    max-width: calc(100% - 23px); }

a.Messagerie-Links,
.Messagerie-LinksChevrons {
  display: inline-block;
  text-decoration: none !important;
  color: #999999; }
  a.Messagerie-Links:hover,
  .Messagerie-LinksChevrons:hover {
    color: #007D8F !important; }
  a.Messagerie-Links:active, a.Messagerie-Links:focus, a.Messagerie-Links:visited,
  .Messagerie-LinksChevrons:active,
  .Messagerie-LinksChevrons:focus,
  .Messagerie-LinksChevrons:visited {
    color: #999999; }

.Messagerie-Links .Messagerie-LinksChevrons {
  max-width: -moz-calc(100% - 20px);
  max-width: calc(100% - 20px); }

.Messagerie-Links--textLeft {
  text-align: left;
  cursor: pointer; }

/* Special width for the the second menu (3 links per line max) */
.Messagerie-Links--specialWidth {
  width: 33%; }

/* Color and margin for the link that is active */
.Messagerie-Links--active {
  color: #007D8F; }
  @media (min-width: 990px) {
    .Messagerie-Links--active:before {
      content: '';
      position: absolute;
      bottom: -25%;
      left: 50%;
      width: 0;
      height: 0;
      margin: 0 -7px;
      border-style: solid;
      border-width: 7px 7px 0 7px;
      border-color: #99cc00 transparent transparent transparent; } }
  .Messagerie-Links--active::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 4;
    width: 100%;
    border-bottom: 3px solid #99cc00; }

/* size and padding for the icons / pictos */
.Messagerie-LinksImg {
  font-size: 13px;
  padding-right: 10px; }

/* Change the color of the icons / pictos when the link is active */
.Messagerie-Links--active .Messagerie-LinksImg,
.Messagerie-subLink--active .Messagerie-LinksImg {
  color: #99cc00; }

/* Chevron (down and up) for "gérer mes dossiers" */
.Messagerie-LinksChevron {
  padding-left: 10px;
  font-size: 12px;
  color: inherit; }
  .Messagerie-LinksChevron, .Messagerie-LinksChevron:hover, .Messagerie-LinksChevron:focus {
    text-decoration: none; }

.Messagerie-LinksChevron--noPad {
  padding: 0; }

/* Triangle under the margin bottom when the link is active */
/* Triangle under the margin bottom when the link is active */
.Messagerie-subLink {
  position: relative;
  z-index: 3;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px 10px;
  color: #999999;
  background: #ffffff;
  display: none; }
  .Messagerie-subLink:first-child {
    margin-top: 5px; }
  .Messagerie-subLink:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #f5f5f5; }
  .Messagerie-subLink:hover {
    color: #007D8F; }

/* Display the sublink when the user clicks on the chevron */
.Messagerie-LinksInner {
  display: inline-block;
  text-align: left; }

.Messagerie-LinksChevron {
  vertical-align: middle;
  text-decoration: none; }
  .Messagerie-LinksChevron:before {
    content: ""; }

.Messagerie-LinksChevron--showed:before {
  content: ""; }

.Messagerie-LinksChevron--showed ~ .Messagerie-subLinks .Messagerie-subLink {
  display: block; }

@media screen and (max-width: 989px) {
  .Messagerie-LinksWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: none; }
  .Messagerie-Links {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 0; }
  .Messagerie-subLink {
    padding-left: 10px; }
  .Messagerie-LinksWrapper--negMar {
    margin-top: -5px; } }

@media screen and (max-width: 649px) {
  .Messagerie-Links {
    width: auto; } }

/* Intégration de l'email dans la messagerie */
.ctn-mess table {
  table-layout: initial;
  background: none; }
  .ctn-mess table.container {
    width: 100%; }
  .ctn-mess table.body .conseiller .conseiller-main {
    width: auto; }

.ctn-mess .row {
  margin-left: 0;
  margin-right: 0; }

.ctn-mess .header-icon img {
  display: none; }

.ctn-mess .footer {
  display: none; }

/*doc
---
title: Visionneuse
name: pdfviewer
category: pdfviewer
---

```html_example


```
*/
.PdfViewer {
  position: relative;
  min-height: 300px; }

.PdfViewer-canvasWrapper {
  padding: 0 60px; }

.PdfViewer-canvas {
  display: table;
  max-width: 100%;
  margin: 0 auto; }

.PdfViewer-navLink {
  position: absolute;
  top: 50%;
  width: 35px;
  height: 35px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #007D8F;
  -moz-border-radius: 50%;
       border-radius: 50%; }
  .PdfViewer-navLink:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #ffffff; }

.PdfViewer-navLink--prev {
  left: 0; }
  .PdfViewer-navLink--prev:after {
    content: ""; }

.PdfViewer-navLink--next {
  right: 0; }
  .PdfViewer-navLink--next:after {
    content: ""; }

.PdfViewer-loader {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%); }
  .PdfViewer-loader:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    font-size: 4px;
    margin-right: 2.6em;
    -moz-border-radius: 50%;
         border-radius: 50%;
    background-color: #007D8F;
    -moz-box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F;
         box-shadow: 1.3em 0 0 #007D8F, 2.6em 0 0 #007D8F;
    -webkit-animation: loaderDots .75s linear infinite alternate;
       -moz-animation: loaderDots .75s linear infinite alternate;
            animation: loaderDots .75s linear infinite alternate; }

.PdfViewer-page {
  padding: 0 0 20px;
  text-align: center; }

.js-openPdfViewer {
  cursor: pointer; }

/*doc
---
title: Modal
name: modal
category: modal
---

All modal use JS of Bootstrap

*/
/*doc
---
title: Modal default
parent: modal
name: modal-default
category: modal
---

A modal with form don't close on click outside or keyboard

```html_example
<a href="#modalDefault" data-toggle="modal">open default modal</a>

<div id="modalDefault" class="modal fade Modal" data-backdrop="static" data-keyboard="false" role="dialog">
<div class="Modal-dialog">
<div class="Modal-content">
<div class="Modal-header">
<button type="button" class="Modal-close" data-dismiss="modal" aria-label="Close"></button>
</div>

<div class="Modal-body">
<p class="Modal-mainTitle">Envoyer par email</p>
<form role="form" class="Modal-form">
<div class="form-group">
<label for="sender">Votre adresse mail</label>
<input type="text" class="form-control" id="sender" placeholder="Ex : nom@mail.fr">
</div>
<div class="form-group">
<label for="contact1">Adresse mail du destinataire</label>
<div class="input-field">
<input type="email" class="form-control" id="contact1" placeholder="Ex : nom@mail.fr" value="lorem@ipsum.com">
<a href="#" class="icon npc-close input-field-action"></a>
</div>
<div class="input-field">
<input type="email" class="form-control" id="contact2" placeholder="Ex : nom@mail.fr">
<a href="#" class="icon npc-add input-field-action"></a>
</div>
</div>
<div class="form-group">
<label for="message-text" class="control-label">Message:</label>
<textarea class="form-control" id="message-text" rows="6"></textarea>
</div>
<div class="Modal-actions">
<button type="submit" class="Modal-action Modal-action--primary">Envoyer</button>
</div>
</form>
</div>
</div>
</div>
</div>
```
*/
/*doc
---
title: Modal small
parent: modal
name: modal-small
category: modal
---

A modal with text & action only

```html_example
<a href="#modalSmall" data-toggle="modal">open small modal</a>

<div id="modalSmall" class="modal fade Modal Modal--small" role="dialog">
<div class="Modal-dialog">
<div class="Modal-content">
<div class="Modal-header">
<button type="button" class="Modal-close" data-dismiss="modal" aria-label="Close"></button>
</div>

<div class="Modal-body">
<p class="Modal-mainTitle">Voulez-vous enregistrer <strong>Anne Simoni</strong> dans vos bénéficiaires favoris ?</p>
<p>Ce bénéficiaire apparaitra en  priorité dans votre liste de bénéficiaires lorsque vous effecuerez un virement.</p>


<div class="Modal-actions">
<a href="#" class="Modal-action Modal-action--default">Annuler</a>
<a href="#" class="Modal-action Modal-action--primary">Valider</a>
</div>
</div>
</div>
</div>
</div>
```
*/
/*doc
---
title: Modal timeout 60sec inactivité 10min
parent: modal
name: modal-timeout-10min
category: modal
---

A modal with timeout pie chart

```html_example
<a href="#modalSessionEnd" data-toggle="modal">open small modal</a>

<div id="modalSessionEnd" class="modal fade Modal Modal--small js-TimeoutModal js-EndSessionWarning"
  role="dialog"  data-backdrop="static" data-keyboard="false" style="z-index:100000">
  <div class="Modal-dialog">
    <div class="Modal-content">
      <div class="Modal-body">
        <p class="Modal-TimeoutText">Sans action de votre part vous serez déconnecté dans :</p>
        <div class="TimeoutContainer">
          <div class="TimeoutWrapper">
            <div class="TimeoutMarks">
              <div class="TimeoutMark-band">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate45">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate90">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate135">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
            </div>
            <svg class="timeout" width="50" height="50" viewbox="0 0 50 50">
              <path class="loaderTimeout" transform="translate(25, 25) scale(0.84)"/>
            </svg>
            <div class="TimeoutFrame">
              <div class="TimeoutBackground"></div>
              <div class="TimeoutFrame--filler"></div>
              <div class="TimeoutTop">
                <div class="TimeoutTop-round"></div>
                <div class="TimeoutTop-tige"></div>
                <div class="TimeoutTop-base"></div>
              </div>
            </div>
          </div>
          <p class="countdowntimer" id="modalSessionEnd-timer" data-timer="45" data-total="60"></p>
        </div>
        <div class="Modal-actions">
          <button id="stop-inactivity-timeout" type="submit"
              class="Modal-action Modal-action--default stop-inactivity-timeout">RESTER CONNECTÉ</button>
          <button id="inactivity-disconnect" type="submit"
              class="Modal-action Modal-action--primary inactivity-disconnect">ME DECONNECTER</button>
        </div>
      </div>
    </div>
  </div>
</div>
```
*/
/*doc
---
title: Modal timeout 60sec activité 59min
parent: modal
name: modal-timeout-59min
category: modal
---

A modal with timeout pie chart

```html_example
<a href="#modalInactivityTimeout" data-toggle="modal">open small modal</a>

<div id="modalInactivityTimeout" class="modal fade Modal Modal--small js-TimeoutModal js-EndSessionWarning"
  role="dialog"  data-backdrop="static" data-keyboard="false" style="z-index:100000">
  <div class="Modal-dialog">
    <div class="Modal-content">
      <div class="Modal-body">
        <p class="Modal-TimeoutText">Sans action de votre part vous serez déconnecté dans :</p>
        <div class="TimeoutContainer">
          <div class="TimeoutWrapper">
            <div class="TimeoutMarks">
              <div class="TimeoutMark-band">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate45">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate90">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate135">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
            </div>
            <svg class="timeout" width="50" height="50" viewbox="0 0 50 50">
              <path class="loaderTimeout" transform="translate(25, 25) scale(0.84)"/>
            </svg>
            <div class="TimeoutFrame">
              <div class="TimeoutBackground"></div>
              <div class="TimeoutFrame--filler"></div>
              <div class="TimeoutTop">
                <div class="TimeoutTop-round"></div>
                <div class="TimeoutTop-tige"></div>
                <div class="TimeoutTop-base"></div>
              </div>
            </div>
          </div>
          <p class="countdowntimer" id="modalInactivityTimeout-timer" data-timer="60" data-total="60"></p>
        </div>
        <div class="Modal-actions">
          <button id="stop-inactivity-timeout" type="submit"
              class="Modal-action Modal-action--default stop-inactivity-timeout">RESTER CONNECTÉ</button>
          <button id="inactivity-disconnect" type="submit"
              class="Modal-action Modal-action--primary inactivity-disconnect">ME DECONNECTER</button>
        </div>
      </div>
    </div>
  </div>
</div>
```
*/
/*doc
---
title: Modal timeout 5 min
parent: modal
name: modal-timeout-long
category: modal
---

A modal with timeout pie chart

```html_example
<a href="#modalSessionEndWarning" data-toggle="modal">open small modal</a>

<div id="modalSessionEndWarning" class="modal fade Modal Modal--small js-TimeoutModal js-EndSessionWarning"
  role="dialog"  data-backdrop="static" data-keyboard="false" style="z-index:100000">
  <div class="Modal-dialog">
    <div class="Modal-content">
      <div class="Modal-body">
        <p class="Modal-TimeoutText">Sans action de votre part vous serez déconnecté dans :</p>
        <div class="TimeoutContainer">
          <div class="TimeoutWrapper">
            <div class="TimeoutMarks">
              <div class="TimeoutMark-band">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate45">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate90">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
              <div class="TimeoutMark-band TimeoutMark-band--rotate135">
                <div class="TimeoutMark TimeoutMark--top"></div>
                <div class="TimeoutMark TimeoutMark--bottom"></div>
              </div>
            </div>
            <svg class="timeout" width="50" height="50" viewbox="0 0 50 50">
              <path class="loaderTimeout" transform="translate(25, 25) scale(0.84)"/>
            </svg>
            <div class="TimeoutFrame">
              <div class="TimeoutBackground"></div>
              <div class="TimeoutFrame--filler"></div>
              <div class="TimeoutTop">
                <div class="TimeoutTop-round"></div>
                <div class="TimeoutTop-tige"></div>
                <div class="TimeoutTop-base"></div>
              </div>
            </div>
          </div>
          <p class="countdowntimer" id="modalSessionEndWarning-timer"  data-timer="200" data-total="300"></p>
        </div>
        <div class="Modal-actions">
          <button id="stop-inactivity-timeout" type="submit"
              class="Modal-action Modal-action--default stop-inactivity-timeout">RESTER CONNECTÉ</button>
          <button id="inactivity-disconnect" type="submit"
              class="Modal-action Modal-action--primary inactivity-disconnect">ME DECONNECTER</button>
        </div>
      </div>
    </div>
  </div>
</div>
```
*/
/*Override Bootstrap*/
.modal.fade .modal-dialog, .modal.fade .Modal-dialog {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
          transform: translate(0, 0); }

.Modal {
  top: 50%;
  bottom: auto;
  z-index: 99999;
  max-height: 100%;
  overflow: auto;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%); }
  .Modal .Modal-close {
    position: absolute;
    top: 0;
    right: 0; }

.Modal-dialog {
  -moz-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.3);
       box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.3); }

.Modal-content {
  background: #ffffff;
  -moz-border-radius: 0;
       border-radius: 0;
  border: 0; }

.Modal-header {
  position: relative; }

.Modal-close {
  position: relative;
  z-index: 1;
  float: right;
  color: #ffffff;
  width: 50px;
  height: 50px;
  padding: 15px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  background: #007D8F;
  border: 0; }
  .Modal-close:before {
    content: ""; }
  .Modal-close:hover, .Modal-close:focus {
    color: #ffffff;
    background-color: #006675; }

.Modal-body {
  padding: 25px;
  height: 100%;
  height: -moz-calc(100% - 60px);
  height: calc(100% - 60px);
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
  margin-top: 60px; }

.Modal-body--center {
  text-align: center; }

.Modal-mainTitle {
  margin: 0 0 20px 0;
  font-size: 18px;
  font-weight: 300;
  color: #007D8F;
  line-height: 1.2;
  text-transform: uppercase; }

.Modal-form {
  padding: 0 !important; }

.Modal-actions {
  margin: 20px -7px;
  text-align: center;
  font-size: 0; }
  .Modal-actions:last-child {
    margin-bottom: 0; }

.Modal-action {
  margin-left: 7px;
  margin-right: 7px;
  min-width: 140px; }

.modal-backdrop {
  z-index: 99998; }

.Modal--small .Modal-dialog {
  max-width: 480px; }

.Modal--small .Modal-body {
  text-align: center;
  padding: 45px 60px 40px; }

.Modal--small .Modal-mainTitle {
  margin-bottom: 5px; }

.Modal--scrollInside {
  bottom: 30px;
  top: 90px;
  -webkit-transform: none;
     -moz-transform: none;
          transform: none; }
  .modal-open .Modal--scrollInside {
    overflow: hidden; }
  .Modal--scrollInside .Modal-dialog {
    height: 100%;
    margin: 0 auto; }
  .Modal--scrollInside .Modal-content {
    height: 100%;
    overflow: auto; }

@media (max-width: 649px) {
  .Modal {
    top: 0;
    bottom: 0;
    -webkit-transform: none;
       -moz-transform: none;
            transform: none; }
  .Modal-dialog {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none !important;
    margin: 0;
    -moz-box-shadow: none;
         box-shadow: none;
    overflow: auto; }
  .Modal-content {
    min-height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .Modal-header {
    position: absolute;
    top: 0;
    right: 0; }
  .Modal-close {
    width: 60px;
    height: 60px;
    font-size: 15px;
    line-height: 30px; }
  .Modal-actions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px; }
    .Modal-actions:last-child {
      margin-bottom: -10px; }
  .Modal-action {
    min-width: 200px;
    margin-bottom: 10px; }
  .Modal-action--primary {
    -webkit-box-ordinal-group: 0;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  #modalRenameList .Modal-body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }

/* PIE CHART TIMEOUT */
.TimeoutContainer {
  position: relative;
  width: 50%;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly; }

.TimeoutWrapper {
  width: 60px;
  height: 60px;
  position: relative;
  background: transparent;
  margin: 0 30px 15px auto;
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px; }

.TimeoutFrame {
  z-index: 1;
  -moz-border-radius: 30px;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  background: #3397A6;
  position: absolute;
  top: 0;
  left: 0; }

.TimeoutBackground {
  z-index: 3;
  -moz-border-radius: 25px;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  background: #d8d8d8;
  position: absolute;
  top: 5px;
  left: 5px; }

.TimeoutFrame--filler {
  -moz-border-radius: 30px 0 0 30px;
       border-radius: 30px 0 0 30px;
  width: 30px;
  height: 60px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  opacity: 1;
  background: #007D8F; }

.TimeoutMarks {
  position: absolute;
  width: 52px;
  height: 52px;
  top: 4px;
  left: 4px;
  z-index: 500; }

.TimeoutMark-band {
  position: absolute;
  width: 2px;
  height: 52px;
  left: 24px;
  z-index: 500;
  -webkit-transform-origin: 1px 26px;
     -moz-transform-origin: 1px 26px;
          transform-origin: 1px 26px; }
  .TimeoutMark-band--rotate45 {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
            transform: rotate(45deg); }
  .TimeoutMark-band--rotate90 {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
            transform: rotate(90deg); }
  .TimeoutMark-band--rotate135 {
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
            transform: rotate(135deg); }
  .TimeoutMark-band .TimeoutMark {
    position: absolute;
    left: 0;
    width: 2px;
    height: 5px; }
    .TimeoutMark-band .TimeoutMark--top {
      top: 0;
      background: #3397A6; }
    .TimeoutMark-band .TimeoutMark--bottom {
      bottom: 0;
      background: #007D8F; }

.TimeoutTop {
  position: absolute;
  width: 14px;
  height: 13px;
  top: -12px;
  left: 22px;
  z-index: 0; }

.TimeoutTop-round {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 4px;
  -moz-border-radius: 2px;
       border-radius: 2px;
  background: #007D8F; }

.TimeoutTop-tige {
  position: absolute;
  top: 4px;
  left: 5px;
  width: 4px;
  height: 4px;
  background: #006675; }

.TimeoutTop-base {
  position: absolute;
  top: 8px;
  left: 1px;
  width: 12px;
  height: 5px;
  background: #007D8F; }

.Modal-TimeoutText {
  color: #007D8F;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  margin-bottom: 40px;
  line-height: 1.3; }

.countdowntimer {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  color: #007D8F;
  font-weight: 600;
  font-size: 20px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }

/* TEST SVG TIMEOUT */
svg.timeout {
  display: block;
  z-index: 5;
  position: absolute;
  top: 5px;
  left: 5px; }

.loaderTimeout {
  fill: #99cc00;
  z-index: 6; }

/*doc
---
title: Landscape Message
name: LandscapeMessage
category: LandscapeMessage
---

Template exemple:

- [Landscape Message test](../../build/examples/test-landscapeMessage.html)

*/
/*doc
---
title: Landscape Message - hidden block
parent: LandscapeMessage
name: LandscapeMessage-01
category: LandscapeMessage
---

Bloc caché en portrait (moins de 500px de large)

```html_example

@@include("../../kit/components/_hiddenPortrait.kit")

```
*/
/*doc
---
title: Landscape Message - message block
parent: LandscapeMessage
name: LandscapeMessage-10
category: LandscapeMessage
---

Message affiché lorsque le hidden-portrait est caché

```html_example

@@include("../../kit/components/_landscapeMessage.kit")

```
*/
.LandscapeMessage {
  display: none; }

@media screen and (max-width: 500px) and (orientation: portrait) {
  .hidden-portrait {
    display: none; }
  .LandscapeMessage {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-height: -moz-calc(100vh - 60px);
    min-height: calc(100vh - 60px);
    padding: 20px 10%;
    color: #007D8F;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    text-align: center; }
  /* reste du style LandscapeMessage */
  .LandscapeMessage-bulb:before {
    content: "";
    display: block;
    line-height: 1;
    color: #99cc00;
    font-size: 100px; }
  .LandscapeMessage-message {
    margin: 30px 0; }
  .LandscapeMessage-phone:before {
    content: "";
    display: block;
    line-height: .65em;
    font-size: 150px; } }

/*doc
---
title: NewsFeed
name: NewsFeed
category: NewsFeed
---

**Templates exemple:**

- [News Feed](../../build/examples/test-newsFeed.html)
*/
/*doc
---
title: NewsFeed Flux actif
name: NewsFeed-01
category: NewsFeed
---

```html_example
@@include("../../kit/components/_newsFeed.kit")
```
*/
/*doc
---
title: NewsFeed Cookies non acceptés
name: NewsFeed-02
category: NewsFeed
---

```html_example
@@include("../../kit/components/_newsFeed-cookiesNotAgree.kit")
```
*/
.NewsFeed {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%; }

.NewsFeed-header {
  width: 100%;
  border-bottom-width: 2px;
  border-bottom-style: solid; }

.NewsFeed-title {
  width: 100%;
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1em;
  padding: 10px 10px 10px 30px; }

.NewsFeed-body {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  height: 200px;
  min-height: 100px;
  overflow: auto;
  border-bottom-width: 2px;
  border-bottom-style: solid; }

.NewsFeed-bodyCookies {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  height: 200px;
  min-height: 100px; }
  .NewsFeed-bodyCookies .OutputMsg {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    margin: 0; }
  .NewsFeed-bodyCookies .OutputMsg-text {
    font-weight: 600; }

.NewsFeed-footer {
  width: 100%;
  height: 75px;
  line-height: 75px;
  text-align: center; }

.NewsFeed-btn {
  padding-left: 40px;
  padding-right: 40px; }

/*doc
---
title: Relational Message
name: relationalMessage
category: relationalMessage
---
*/
/*doc
---
title: Cas positionnement de l'aplat
parent: relationalMessage
name: relationalMessage-01
category: relationalMessage
---

Scripts à inclure (pour test ?):

- `<script src="./../../build/js/sliderRelationalMessage.js"></script>`

<!--  BASE JS  -->
<script src="./../../build/js/sliderRelationalMessage.js" type="text/javascript"></script>

**Alignements disponibles :**

* Centré - Bas : `PushCommunication-zoning--bottomCenter`
* Gauche - Milieu : `PushCommunication-zoning--leftCenter`
* Centré - Milieu : `PushCommunication-zoning--center`



Template exemple:

- [Relational Message - Carousel](../../build/examples/test-componentZdg-relationalMessage--carousel.html)
- [Relational Message - Color](../../build/examples/test-componentZdg-relationalMessage--color.html)
- [Relational Message - Filter](../../build/examples/test-componentZdg-relationalMessage--filter.html)
- [Relational Message - Zoning](../../build/examples/test-componentZdg-relationalMessage--zoning.html)

*/
/*doc
---
title: Cas positionnement de l'aplat - Centré/Bas
parent: relationalMessage-01
name: relationalMessage-01-01
category: relationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
  @@include("../../kit/components/ZDG-relationalMessage/_nw001_pushCommunication-withSticker--include.kit", {
    "zoneColor": "white",
    "zonePos": "bottomCenter",
    "btnType": "primary"
  })
  </div>

</div>
```
*/
/*doc
---
title: Cas positionnement de l'aplat - Gauche/Milieu
parent: relationalMessage-01
name: relationalMessage-01-02
category: relationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
  @@include("../../kit/components/ZDG-relationalMessage/_nw001_pushCommunication-withoutSticker--include.kit", {
    "zoneColor": "white",
    "zonePos": "leftCenter",
    "btnType": "primary"
  })
  </div>

</div>
```
*/
/*doc
---
title: Cas positionnement de l'aplat - Centré/Milieu
parent: relationalMessage-01
name: relationalMessage-01-03
category: relationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
  @@include("../../kit/components/ZDG-relationalMessage/_nw001_pushCommunication-withoutSticker--include.kit", {
    "zoneColor": "white",
    "zonePos": "center",
    "btnType": "primary"
  })
  </div>

</div>
```
*/
/*doc
---
title: Cas couleur de l'aplat
parent: relationalMessage
name: relationalMessage-02
category: relationalMessage
---

**Couleurs disponibles :**

- Blanc : `PushCommunication-zoning--white`
- Primaire : `PushCommunication-zoning--primary`
- Transparent : `PushCommunication-zoning--transparent`
*/
/*doc
---
title: Cas couleur de l'aplat - white
parent: relationalMessage-02
name: relationalMessage-02-01
category: relationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
  @@include("../../kit/components/ZDG-relationalMessage/_nw001_pushCommunication-withSticker--include.kit", {
      "zoneColor": "white",
      "zonePos": "bottomCenter",
      "btnType": "primary"
  })

  </div>
</div>
```
*/
/*doc
---
title: Cas couleur de l'aplat - primary
parent: relationalMessage-02
name: relationalMessage-02-02
category: relationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
  @@include("../../kit/components/ZDG-relationalMessage/_nw001_pushCommunication-withoutSticker--include.kit", {
      "zoneColor": "primary",
      "zonePos": "bottomCenter",
      "btnType": "primary"
  })

  </div>
</div>
```
*/
/*doc
---
title: Cas couleur de l'aplat - transparent
parent: relationalMessage-02
name: relationalMessage-02-03
category: relationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
  @@include("../../kit/components/ZDG-relationalMessage/_nw001_pushCommunication-withoutSticker--include.kit", {
      "zoneColor": "transparent",
      "zonePos": "bottomCenter",
      "btnType": "primary"
  })

  </div>
</div>
```
*/
/*doc
---
title: Cas Filtres
parent: relationalMessage
name: relationalMessage-03
category: relationalMessage
---
**Filtres disponibles :**

- Transparent : `PushCommunication-background--filterTransparent`
- Noir : `PushCommunication-background--filterBlack`
- Blanc : `PushCommunication-background--filterWhite`
- Marché : `PushCommunication-background--filterPrimary`


*/
/*doc
---
title: Cas Filtre Transparent
parent: relationalMessage-03
name: relationalMessage-03-01
category: relationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
  @@include("../../kit/components/ZDG-relationalMessage/_nw001_pushCommunication-withFilter--include.kit", {
      "filter": "filterTransparent",
      "zoneColor": "transparent",
      "zonePos": "center",
      "btnType": "primary"
  })

  </div>
</div>
```
*/
/*doc
---
title: Cas Filtre Noir
parent: relationalMessage-03
name: relationalMessage-03-02
category: relationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
  @@include("../../kit/components/ZDG-relationalMessage/_nw001_pushCommunication-withFilter--include.kit", {
      "filter": "filterBlack",
      "zoneColor": "transparent",
      "zonePos": "center",
      "btnType": "primary"
  })

  </div>
</div>
```
*/
/*doc
---
title: Cas Filtre White
parent: relationalMessage-03
name: relationalMessage-03-03
category: relationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
  @@include("../../kit/components/ZDG-relationalMessage/_nw001_pushCommunication-withFilter--include.kit", {
      "filter": "filterWhite",
      "zoneColor": "transparent",
      "zonePos": "center",
      "btnType": "primary"
  })

  </div>
</div>
```
*/
/*doc
---
title: Cas Filtre Couleur Marché
parent: relationalMessage-03
name: relationalMessage-03-04
category: relationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
  @@include("../../kit/components/ZDG-relationalMessage/_nw001_pushCommunication-withFilter--include.kit", {
      "filter": "filterPrimary",
      "zoneColor": "transparent",
      "zonePos": "center",
      "btnType": "primary"
  })

  </div>
</div>
```
*/
/*doc
---
title: Cas Carousel
parent: relationalMessage
name: relationalMessage-04
category: relationalMessage
---
*/
/*doc
---
title: Cas carousel avec sticker couleur de l'aplat - white / Centré - Milieu
parent: relationalMessage-04
name: relationalMessage-04-01
category: relationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
  @@include("../../kit/components/ZDG-relationalMessage/_nw001_pushCommunication-carouselWithSticker--include.kit", {
      "zoneColor": "transparent",
      "zonePos": "center",
      "btnType": "primary"
  })

  </div>
</div>
```
*/
/*doc
---
title: Cas carousel sans sticker couleur de l'aplat - white / Centré - Milieu
parent: relationalMessage-04
name: relationalMessage-04-02
category: relationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
  @@include("../../kit/components/ZDG-relationalMessage/_nw001_pushCommunication-carouselWithoutSticker--include.kit", {
      "zoneColor": "transparent",
      "zonePos": "center",
      "btnType": "primary"
  })

  </div>
</div>
```
*/
/* Div that encompasses the entire component */
.componentZdg .PushCommunication-zoning {
  position: absolute;
  min-height: 1px;
  padding: 30px 5%; }
  .componentZdg .PushCommunication-zoning .h1:first-child,
  .componentZdg .PushCommunication-zoning .h2:first-child,
  .componentZdg .PushCommunication-zoning h1:first-child,
  .componentZdg .PushCommunication-zoning h2:first-child {
    margin-top: 0; }
  .componentZdg .PushCommunication-zoning + .texte.section,
  .componentZdg .PushCommunication-zoning + .texte.section .h1:first-child,
  .componentZdg .PushCommunication-zoning + .texte.section .h2:first-child,
  .componentZdg .PushCommunication-zoning + .texte.section h1:first-child,
  .componentZdg .PushCommunication-zoning + .texte.section h2:first-child {
    margin-top: 0; }
  .componentZdg .PushCommunication-zoning + .texte.section p {
    margin-bottom: 0; }

.componentZdg .PushCommunication-title {
  text-decoration: none;
  display: block;
  margin-bottom: 10px; }

.componentZdg .PushCommunication-sticky + .PushCommunication-title,
.componentZdg .PushCommunication-sticky + a.PushCommunication-title,
.componentZdg .PushCommunication-sticky + .PushCommunication-text,
.componentZdg .PushCommunication-sticky + .h1:first-child,
.componentZdg .PushCommunication-sticky + .h2:first-child,
.componentZdg .PushCommunication-sticky + h1:first-child,
.componentZdg .PushCommunication-sticky + h2:first-child,
.componentZdg .PushCommunication-sticky + a:first-child,
.componentZdg .PushCommunication-sticky p {
  margin-top: 14px; }

.componentZdg .PushCommunication-sticky + .texte.section,
.componentZdg .PushCommunication-sticky + .texte.section .h1:first-child,
.componentZdg .PushCommunication-sticky + .texte.section .h2:first-child,
.componentZdg .PushCommunication-sticky + .texte.section h1:first-child,
.componentZdg .PushCommunication-sticky + .texte.section h2:first-child {
  margin-top: 14px; }

.componentZdg .PushCommunication-text .texte.section > p:last-child {
  margin-bottom: 0; }

.componentZdg .PushCommunication-text > p:last-child {
  margin-bottom: 0; }

.componentZdg .PushCommunication-backgroundWrapper {
  background-color: #007D8F; }

.componentZdg .PushCommunication-background {
  position: relative; }
  .componentZdg .PushCommunication-background:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: ''; }
  .componentZdg .PushCommunication-background--filterTransparent:before {
    background-color: transparent;
    opacity: 0; }
  .componentZdg .PushCommunication-background--filterBlack:before {
    background-color: black;
    opacity: .4; }
  .componentZdg .PushCommunication-background--filterWhite:before {
    background-color: #ffffff;
    opacity: .5; }
  .componentZdg .PushCommunication-background--filterPrimary:before {
    background-color: #007D8F;
    opacity: .5; }

.componentZdg .PushCommunication-zoning--center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .componentZdg .PushCommunication-zoning--center .PushCommunication-sticky,
  .componentZdg .PushCommunication-zoning--center .PushCommunication-btn {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }

@media (max-width: 649px) {
  .componentZdg .PushCommunication-zoning--bottomCenter,
  .componentZdg .PushCommunication-zoning--center {
    right: 7%;
    left: 7%; } }

@media (min-width: 650px) {
  .componentZdg .PushCommunication-zoning--bottomCenter,
  .componentZdg .PushCommunication-zoning--center {
    left: 8%;
    right: 8%; } }

.componentZdg .PushCommunication-zoning--bottomCenter {
  bottom: 55px; }
  .componentZdg .PushCommunication-zoning--bottomCenter .PushCommunication-text {
    font: 400 27px/1.2 "Roboto Slab", Georgia, "Times New Roman", Times, serif; }

.componentZdg .PushCommunication-zoning--primary .PushCommunication-title,
.componentZdg .PushCommunication-zoning--primary .h2, .componentZdg .PushCommunication-zoning--primary h2,
.componentZdg .PushCommunication-zoning--transparent .PushCommunication-title,
.componentZdg .PushCommunication-zoning--transparent .h2,
.componentZdg .PushCommunication-zoning--transparent h2 {
  color: #ffffff; }

.componentZdg .PushCommunication-zoning--primary .texte.section,
.componentZdg .PushCommunication-zoning--transparent .texte.section {
  color: #ffffff; }

.componentZdg .PushCommunication-title {
  text-shadow: none; }

.componentZdg .PushCommunication-title--uppercase {
  text-transform: uppercase; }

.componentZdg .PushCommunication-text {
  position: relative;
  min-height: 1px;
  min-width: 1px;
  width: 100%; }

.componentZdg .PushCommunication-btn {
  margin-top: 20px; }

/*doc
---
title: Educational Message
name: educationalMessage
category: educationalMessage
---
*/
/*doc
---
title: Cas carousel
parent: educationalMessage
name: educationalMessage-01
category: educationalMessage
---

**Alignements disponibles de la description :**

* Gauche : `PushDidYouKnow-desc--left`
* Droite : `PushDidYouKnow-desc--right`


Scripts à inclure:

- `<script src="owl.carousel.js"></script>`
- `<script src="nw002_etapier.js"></script>`

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>

<!--  CUSTOM JS -->
<script src="./../../build/js/owl.carousel.js" type="text/javascript"></script>
<script src="./../../build/js/nw002_etapier.js" type="text/javascript"></script>

Template exemple:

- [Educational Message - Carousel avec sticker](../../build/examples/test-componentZdg-educationalMessage--carouselWithSticker.html)
- [Educational Message - Carousel sans sticker](../../build/examples/test-componentZdg-educationalMessage--carouselWithoutSticker.html)
- [Educational Message - Carousel sans intro](../../build/examples/test-componentZdg-educationalMessage--carouselWithoutIntro.html)
- [Educational Message - Carousel picto gauche](../../build/examples/test-componentZdg-educationalMessage--carouselPictoLeft.html)
- [Educational Message - Carousel picto droite](../../build/examples/test-componentZdg-educationalMessage--carouselPictoRight.html)
- [Educational Message - Filter](../../build/examples/test-componentZdg-educationalMessage--withFilter.html)

*/
/*doc
---
title: Cas carousel avec sticker
parent: educationalMessage-01
name: educationalMessage-01-01
category: educationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
    @@include("../../kit/components/ZDG-educationalMessage/_nw002_etapier-carouselWithSticker.kit");
  </div>
</div>
```
*/
/*doc
---
title: Cas carousel sans sticker
parent: educationalMessage-01
name: educationalMessage-01-02
category: educationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
    @@include("../../kit/components/ZDG-educationalMessage/_nw002_etapier-carouselWithoutSticker.kit");
  </div>
</div>
```
*/
/*doc
---
title: Cas carousel sans intro
parent: educationalMessage-01
name: educationalMessage-01-03
category: educationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
    @@include("../../kit/components/ZDG-educationalMessage/_nw002_etapier-carouselWithoutIntro.kit");
  </div>
</div>
```
*/
/*doc
---
title: Cas carousel picto à gauche
parent: educationalMessage-01
name: educationalMessage-01-04
category: educationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
    @@include("../../kit/components/ZDG-educationalMessage/_nw002_etapier-carouselPictoLeft.kit");
  </div>
</div>
```
*/
/*doc
---
title: Cas carousel picto à droite
parent: educationalMessage-01
name: educationalMessage-01-05
category: educationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
    @@include("../../kit/components/ZDG-educationalMessage/_nw002_etapier-carouselPictoRight.kit");
  </div>
</div>
```
*/
/*doc
---
title: Cas Filtres
parent: educationalMessage
name: educationalMessage-02
category: educationalMessage
---
**Filtres disponibles :**

- Transparent : `Etapier-background--filterTransparent`
- Noir : `Etapier-background--filterBlack`
- Blanc : `Etapier-background--filterWhite`
- Marché : `Etapier-background--filterPrimary`


*/
/*doc
---
title: Cas Filtre Transparent
parent: educationalMessage-02
name: educationalMessage-02-01
category: educationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
  @@include("../../kit/components/ZDG-educationalMessage/_nw002_etapier-withFilter--include.kit", {
      "filter": "filterTransparent"
  })

  </div>
</div>
```
*/
/*doc
---
title: Cas Filtre Noir
parent: educationalMessage-02
name: educationalMessage-02-02
category: educationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
  @@include("../../kit/components/ZDG-educationalMessage/_nw002_etapier-withFilter--include.kit", {
      "filter": "filterBlack"
  })

  </div>
</div>
```
*/
/*doc
---
title: Cas Filtre White
parent: educationalMessage-02
name: educationalMessage-02-03
category: educationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
  @@include("../../kit/components/ZDG-educationalMessage/_nw002_etapier-withFilter--include.kit", {
      "filter": "filterWhite"
  })

  </div>
</div>
```
*/
/*doc
---
title: Cas Filtre Couleur Marché
parent: educationalMessage-02
name: educationalMessage-02-04
category: educationalMessage
---

```html_example
<div class="Styleguide-colLeftTop"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="componentZdg"><!-- <==  /!\  New component ZDG -->
  @@include("../../kit/components/ZDG-educationalMessage/_nw002_etapier-withFilter--include.kit", {
      "filter": "filterPrimary"
  })

  </div>
</div>
```
*/
/* Div that encompasses the entire component */
.componentZdg .Etapier-sticky + .h1:first-child,
.componentZdg .Etapier-sticky + .h2:first-child,
.componentZdg .Etapier-sticky + h1:first-child,
.componentZdg .Etapier-sticky + h2:first-child,
.componentZdg .Etapier-sticky p {
  margin-top: 14px; }

.componentZdg .Etapier-sticky + .texte.section,
.componentZdg .Etapier-sticky + .texte.section .h1:first-child,
.componentZdg .Etapier-sticky + .texte.section .h2:first-child,
.componentZdg .Etapier-sticky + .texte.section h1:first-child,
.componentZdg .Etapier-sticky + .texte.section h2:first-child {
  margin-top: 14px;
  margin-bottom: 10px; }

.componentZdg .Etapier-sticky + .Etapier-slider .PushDidYouKnow-desc,
.componentZdg .Etapier-sticky + .Etapier-slider .PushDidYouKnow-descTitle,
.componentZdg .Etapier-sticky + .Etapier-slider .richText {
  margin-top: 14px; }

.componentZdg .Etapier-intro {
  padding: 30px 40px; }

.componentZdg .Etapier-slide {
  padding: 20px 40px; }

.componentZdg .Etapier-slider .owl-prev.disabled,
.componentZdg .Etapier-slider .owl-next.disabled {
  opacity: .5;
  cursor: default; }

.componentZdg .Etapier-slide {
  padding-top: 20px;
  padding-bottom: 20px; }

.componentZdg .Etapier-backgroundWrapper:after {
  background: none;
  opacity: 1; }

.componentZdg .Etapier-background {
  position: relative;
  opacity: 1;
  background-blend-mode: inherit;
  background-color: initial; }
  .componentZdg .Etapier-background:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: ''; }
  .componentZdg .Etapier-background--filterTransparent:before {
    background-color: transparent;
    opacity: 0; }
  .componentZdg .Etapier-background--filterBlack:before {
    background-color: black;
    opacity: .4; }
  .componentZdg .Etapier-background--filterWhite:before {
    background-color: #ffffff;
    opacity: .5; }
  .componentZdg .Etapier-background--filterPrimary:before {
    background-color: #007D8F;
    opacity: .5; }

.componentZdg .PushDidYouKnow-desc {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  @media (min-width: 650px) and (max-width: 989px) {
    .componentZdg .PushDidYouKnow-desc {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: initial;
              flex-direction: initial;
      -webkit-box-pack: initial;
         -moz-box-pack: initial;
          -ms-flex-pack: initial;
              justify-content: initial;
      -ms-flex-line-pack: start;
          align-content: flex-start;
      min-height: 130px;
      height: auto; } }

.componentZdg .PushDidYouKnow-descText {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 650px) and (max-width: 989px) {
    .componentZdg .PushDidYouKnow-descText {
      width: auto; } }
  .componentZdg .PushDidYouKnow-descText .texte.section > p:last-child {
    margin-bottom: 0; }
  .componentZdg .PushDidYouKnow-descText > p:last-child {
    margin-bottom: 0; }

.componentZdg .PushDidYouKnow-desc--left .PushDidYouKnow-descChart + .PushDidYouKnow-descTitle,
.componentZdg .PushDidYouKnow-desc--left .PushDidYouKnow-descChart + .PushDidYouKnow-descText {
  width: 75%;
  padding-right: 30px; }
  @media (max-width: 649px) {
    .componentZdg .PushDidYouKnow-desc--left .PushDidYouKnow-descChart + .PushDidYouKnow-descTitle,
    .componentZdg .PushDidYouKnow-desc--left .PushDidYouKnow-descChart + .PushDidYouKnow-descText {
      width: 100%;
      padding-left: 0;
      padding-right: 0; } }

.componentZdg .PushDidYouKnow-desc--right .PushDidYouKnow-descChart + .PushDidYouKnow-descTitle,
.componentZdg .PushDidYouKnow-desc--right .PushDidYouKnow-descChart + .PushDidYouKnow-descText {
  width: 75%;
  padding-left: 30px; }
  @media (max-width: 649px) {
    .componentZdg .PushDidYouKnow-desc--right .PushDidYouKnow-descChart + .PushDidYouKnow-descTitle,
    .componentZdg .PushDidYouKnow-desc--right .PushDidYouKnow-descChart + .PushDidYouKnow-descText {
      width: 100%;
      padding-left: 0;
      padding-right: 0; } }

@media (min-width: 650px) and (max-width: 989px) {
  .componentZdg .PushDidYouKnow-desc--right .PushDidYouKnow-descTitle,
  .componentZdg .PushDidYouKnow-desc--right .PushDidYouKnow-descText {
    padding-left: 20px; } }

@media (max-width: 649px) {
  .componentZdg .PushDidYouKnow-descChart {
    display: none; }
    .componentZdg .PushDidYouKnow-descChart + .PushDidYouKnow-descTitle {
      padding-left: 0; } }

.componentZdg .PushDidYouKnow-descChart img {
  max-height: 100px;
  min-width: 80px; }

/*doc
---
title: Responsive Tables
name: ResponsiveTables
category: ResponsiveTables
---


Scripts à inclure:

- `<script src="jquery.basictable.js"></script>`

<!--  BASE JS  -->
<script src="./../../build/js/jquery.basictable.js" type="text/javascript"></script>

*/
/*doc
---
title: Responsive Tables dans RTE
parent: ResponsiveTables
name: 01-ResponsiveTables
category: ResponsiveTables
---

```html_example
<div class="Template-backgroundBrandGray01"><!-- <==  /!\  Wrapper only for styleguide -->

  <span class="texte>
    <table id="table">
      <caption>Légende du Tableau</caption>
      <thead>
        <tr>
          <th scope="col">Retrait</th>
          <th scope="col">Conséquences</th>
          <th scope="col">Fiscalité (1)</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><span >Avant 2 ans</span></td>
          <td><span >Clôture du PEA</span></td>
          <td><span >Taxation 22,5%</span></td>
        </tr>
        <tr>
          <td><span >Entre 2 et 5 ans</span></td>
          <td><span >Clôture du PEA</span></td>
          <td><span >Taxation : 19%</span></td>
        </tr>
        <tr>
          <td><span >Dès 5 ans</span></td>
          <td><span >Clôture du PEA</span></td>
          <td><span >Exonération</span></td>
        </tr>
        <tr>
          <td><span >Après 8 ans</span></td>
          <td><span
            >Retraits partielles possibles (sans versement ultérieur)</span></td>
          <td><span >Exonération</span></td>
        </tr>
      </tbody>
    </table>
  </span>
</div>
```
*/
/*doc
---
title: Responsive Tables - hors RTE
parent: ResponsiveTables
name: 02-ResponsiveTables
category: ResponsiveTables
---

```html_example
<div class="Template-backgroundBrandGray01"><!-- <==  /!\  Wrapper only for styleguide -->

  <table id="table" class="ResponsiveTable">
    <caption>Légende du Tableau</caption>
    <thead>
      <tr>
        <th scope="col">Retrait</th>
        <th scope="col">Conséquences</th>
        <th scope="col">Fiscalité (1)</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td ><span >Avant 2 ans</span></td>
        <td><span >Clôture du PEA</span></td>
        <td><span >Taxation 22,5%</span></td>
      </tr>
      <tr>
        <td><span >Entre 2 et 5 ans</span></td>
        <td><span >Clôture du PEA</span></td>
        <td><span >Taxation : 19%</span></td>
      </tr>
      <tr>
        <td><span >Dès 5 ans</span></td>
        <td><span >Clôture du PEA</span></td>
        <td><span >Exonération</span></td>
      </tr>
      <tr>
        <td><span >Après 8 ans</span></td>
        <td><span
          >Retraits partielles possibles (sans versement ultérieur)</span></td>
        <td><span >Exonération</span></td>
      </tr>
    </tbody>
  </table>

</div>
```
*/
/*doc
---
title: Responsive Tables - sans <thead>
parent: ResponsiveTables
name: 03-ResponsiveTables
category: ResponsiveTables
---

```html_example
<div class="Template-backgroundBrandGray01"><!-- <==  /!\  Wrapper only for styleguide -->
<div class="UnNomUnique texte">
  <div>
    <table id="table3" class="ResponsiveTable">
    <caption>Légende du Tableau</caption>
      <tr>
        <td >Retrait</td>
        <td >Conséquences</td>
        <td >Fiscalité (1)</td>
      </tr>
      <tr>
        <td><span >Avant 2 ans</span></td>
        <td><span >Clôture du PEA</span></td>
        <td><span >Taxation 22,5%</span></td>
      </tr>
      <tr>
        <td><span >Entre 2 et 5 ans</span></td>
        <td><span >Clôture du PEA</span></td>
        <td><span >Taxation : 19%</span></td>
      </tr>
      <tr>
        <td><span >Dès 5 ans</span></td>
        <td><span >Clôture du PEA</span></td>
        <td><span >Exonération</span></td>
      </tr>
      <tr>
        <td><span >Après 8 ans</span></td>
        <td><span
          >Retraits partielles possibles (sans versement ultérieur)</span></td>
        <td><span >Exonération</span></td>
      </tr>
  </table>
  </div>
</div>
<div class="UnNomUnique2 texte">
  <div>
    <table id="table3" class="ResponsiveTable">
    <caption>Légende du Tableau</caption>
      <tr>
        <th scope="col">Retrait</th>
        <th scope="col">Conséquences</th>
        <th scope="col">Fiscalité (1)</th>
      </tr>
      <tr>
        <td><span >Avant 2 ans</span></td>
        <td><span >Clôture du PEA</span></td>
        <td><span >Taxation 22,5%</span></td>
      </tr>
      <tr>
        <td><span >Entre 2 et 5 ans</span></td>
        <td><span >Clôture du PEA</span></td>
        <td><span >Taxation : 19%</span></td>
      </tr>
      <tr>
        <td><span >Dès 5 ans</span></td>
        <td><span >Clôture du PEA</span></td>
        <td><span >Exonération</span></td>
      </tr>
      <tr>
        <td><span >Après 8 ans</span></td>
        <td><span
          >Retraits partielles possibles (sans versement ultérieur)</span></td>
        <td><span >Exonération</span></td>
      </tr>
  </table>
  </div>
</div>
</div>


<script src="../../build/js/jquery.basictable.js" type="text/javascript"></script>
<script>
    $(document).ready(function() {
      $('.texte > div > table').basictable();
    });
</script>

importer ce script pour qu'il fonctionne :


```

*/
.ResponsiveTable {
  background: none;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px; }

.Richtext.section table,
.texte table {
  background: none;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px; }

.Richtext.section caption,
.ResponsiveTable caption,
.texte caption {
  caption-side: top;
  text-align: center;
  width: 100%;
  padding: 10px;
  margin-bottom: 15px; }

.Richtext.section tr,
.ResponsiveTable tr,
.texte tr {
  background: #ffffff; }
  .Richtext.section tr:nth-child(2n),
  .ResponsiveTable tr:nth-child(2n),
  .texte tr:nth-child(2n) {
    background: #ececec; }
  .Richtext.section tr th,
  .ResponsiveTable tr th,
  .texte tr th {
    padding: 10px;
    font-weight: 700;
    background: #007D8F;
    color: #ffffff;
    border: none; }
  .Richtext.section tr td,
  .ResponsiveTable tr td,
  .texte tr td {
    padding: 10px; }

@media (max-width: 649px) {
  .ResponsiveTable {
    background: none; }
  .Richtext.section table,
  .texte table {
    background: none; }
  .Richtext.section th,
  .ResponsiveTable th,
  .texte th {
    display: none; }
    .Richtext.section th.notBasic,
    .ResponsiveTable th.notBasic,
    .texte th.notBasic {
      display: block; }
  .Richtext.section tr,
  .ResponsiveTable tr,
  .texte tr {
    display: block;
    background: #ffffff; }
    .Richtext.section tr:nth-child(2n),
    .ResponsiveTable tr:nth-child(2n),
    .texte tr:nth-child(2n) {
      background: #ececec; }
    .Richtext.section tr:nth-child(2) td:first-child:before,
    .ResponsiveTable tr:nth-child(2) td:first-child:before,
    .texte tr:nth-child(2) td:first-child:before {
      border: none; }
    .Richtext.section tr td,
    .ResponsiveTable tr td,
    .texte tr td {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      padding: 0;
      border: none; }
      .Richtext.section tr td:before,
      .ResponsiveTable tr td:before,
      .texte tr td:before {
        content: attr(data-th);
        width: 50%;
        font-weight: 700;
        background: #007D8F;
        color: #ffffff;
        padding: 10px;
        border: none;
        white-space: pre-wrap; }
      .Richtext.section tr td:first-child:before,
      .ResponsiveTable tr td:first-child:before,
      .texte tr td:first-child:before {
        border-top: 2px solid #98cbd3; }
      .Richtext.section tr td.noHeadings:before,
      .ResponsiveTable tr td.noHeadings:before,
      .texte tr td.noHeadings:before {
        display: none; }
      .Richtext.section tr td span,
      .ResponsiveTable tr td span,
      .texte tr td span {
        display: block;
        padding: 10px;
        position: relative;
        float: left;
        width: 50%; }
    .Richtext.section tr:first-child td:first-child:before,
    .ResponsiveTable tr:first-child td:first-child:before,
    .texte tr:first-child td:first-child:before {
      border: none; } }

/*doc
---
title: T025 Popin mag
name: t025
category: t025
---

**Template exemple:**

- [T024 Fiche article](../../build/examples/t024_mag-articlesPage.html)


```html_example
<div class="PopinMag-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

<a href="#" data-target="#popin_mag_tpl" class="PushActu-link" data-toggle="modal">Ouverture PopIn En savoir plus</a>

@@include("../../kit/t025_popin.kit")

</div>
```
*/
.PopinMag {
  /* Override the padding left and right of the ArticleBloc and Themes */
  /* Override the margin left and right of the ArticleBloc-quote and ArticleBloc-primaryGray01 */
  /* Override the title header */
  /* Override the modal width */
  /* Override the share component */
  /* Override the title of the article */ }
  .PopinMag .ArticleBloc,
  .PopinMag .Themes {
    padding-left: 0;
    padding-right: 0; }
  .PopinMag .ArticleBloc-quote,
  .PopinMag .ArticleBloc-primaryGray01 {
    margin-left: 0;
    margin-right: 0; }
  .PopinMag .HeaderAlternate-title {
    margin-right: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .PopinMag .Modal-dialog {
    width: 1170px;
    margin: 0 auto; }
    @media (max-width: 1169px) {
      .PopinMag .Modal-dialog {
        width: 970px; } }
    @media (max-width: 989px) {
      .PopinMag .Modal-dialog {
        width: 100%; } }
  .PopinMag .Modal-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100vh; }
  .PopinMag .Share {
    text-align: center;
    padding: 0;
    margin: 0; }
    @media (min-width: 990px) {
      .PopinMag .Share {
        position: absolute;
        top: 20px;
        right: 20px;
        text-align: right; } }
  .PopinMag .ArticleBloc-title {
    display: block;
    text-align: center; }
  .PopinMag .cardMagFilter-title {
    font-size: 23px; }

/* Header of the popin (cf. C178 headerAlternate)  */
.PopinMag-header {
  position: static;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

/* Content of the popin */
.PopinMag-content {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  padding: 5% 10%; }
  @media (max-width: 649px) {
    .PopinMag-content {
      padding: 5%; } }

/* Footer of the popin (cf. cardMagFilter component) */
.PopinMag-footer {
  padding: 5% 0; }

/* Div that change the align */
.PopIn--left {
  text-align: left; }

/* Div that define properties of the icon doc */
.PopIn-iconDoc {
  font-size: 50px;
  color: #007D8F; }

/* Div that define properties link */
.PopinMag--footerLink {
  display: inline-block;
  margin-top: 30px;
  color: #000; }

/* Div that change margin top and font size of the subtitle */
.PopinMag-footerSubtitle {
  margin-top: 0;
  font-size: 16px; }

/* Define parameters for Mobile and Tablet */
@media (max-width: 989px) {
  .PopinMag {
    padding: 0; }
    .PopinMag .ArticleBloc {
      overflow: visible; }
    .PopinMag .ArticleBloc-intro {
      text-align: center; }
    .PopinMag .HeaderAlternate-backText {
      display: none; }
    .PopinMag .HeaderAlternate-back {
      width: 60px; }
    .PopinMag .ArticleBloc-quote,
    .PopinMag .ArticleBloc-primaryGray01 {
      margin-left: -12.5%;
      margin-right: -12.5%;
      padding-left: 12.5%;
      padding-right: 12.5%; }
    .PopinMag .ArticleBloc-quote {
      padding-left: 22.5%;
      padding-left: -moz-calc(12.5% + 60px);
      padding-left: calc(12.5% + 60px);
      padding-right: 22.5%;
      padding-right: -moz-calc(12.5% + 60px);
      padding-right: calc(12.5% + 60px); }
      .PopinMag .ArticleBloc-quote:before {
        left: 10%; }
      .PopinMag .ArticleBloc-quote:after {
        right: 10%; } }

@media (max-width: 649px) {
  .PopinMag .PopinMag-footer {
    padding: 5%;
    text-align: left; }
  .PopinMag .cardMagFilter-subtitle {
    margin-left: 0;
    margin-right: 0; }
  .PopinMag .ArticleBloc-quote,
  .PopinMag .ArticleBloc-primaryGray01 {
    margin-left: -5.55556%;
    margin-right: -5.55556%;
    padding-left: 5.55556%;
    padding-right: 5.55556%; }
  .PopinMag .ArticleBloc-quote {
    padding-left: 10.55556%;
    padding-left: -moz-calc(5.55556% + 60px);
    padding-left: calc(5.55556% + 60px);
    padding-right: 10.55556%;
    padding-right: -moz-calc(5.55556% + 60px);
    padding-right: calc(5.55556% + 60px); }
    .PopinMag .ArticleBloc-quote:before {
      left: 5%; }
    .PopinMag .ArticleBloc-quote:after {
      right: 5%; } }

.Synthesis-inbox {
  display: none;
  position: relative;
  padding-left: 30px;
  color: inherit;
  text-decoration: none;
  min-height: 1.1em; }
  .Synthesis-inbox:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1em;
    height: 1em;
    margin: -.5em 0;
    font-size: 20px;
    line-height: 1; }
  .Synthesis-inbox:hover, .Synthesis-inbox:focus {
    color: inherit;
    text-decoration: underline; }
  @media (min-width: 990px) {
    .Synthesis-inbox {
      display: block;
      position: absolute;
      top: 4px;
      right: 0; } }

.Synthesis-inbox-newMessage:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin: -11px 0 0 16px;
  width: 8px;
  height: 8px;
  background: #dd3938;
  -moz-border-radius: 50%;
       border-radius: 50%; }

.HeaderLogged-secondNavLink--account .Synthesis-inbox {
  display: block;
  position: relative;
  padding-left: 30px;
  color: inherit;
  min-height: 1.1em; }
  .HeaderLogged-secondNavLink--account .Synthesis-inbox:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    width: 1em;
    height: 1em;
    margin: -.5em 0;
    font-size: 20px;
    line-height: 1; }
    @media (max-width: 989px) {
      .HeaderLogged-secondNavLink--account .Synthesis-inbox:before {
        left: 8px;
        font-size: 16px; } }
  .HeaderLogged-secondNavLink--account .Synthesis-inbox, .HeaderLogged-secondNavLink--account .Synthesis-inbox:hover, .HeaderLogged-secondNavLink--account .Synthesis-inbox:focus {
    text-decoration: none; }
  @media (min-width: 990px) {
    .HeaderLogged-secondNavLink--account .Synthesis-inbox {
      display: table-cell;
      vertical-align: middle;
      top: 0; } }
  @media (max-width: 989px) {
    .HeaderLogged-secondNavLink--account .Synthesis-inbox {
      position: absolute;
      top: 14px;
      right: 0; } }

.HeaderLogged-secondNavLink--account .Synthesis-inbox-newMessage:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 5px;
  margin: -11px 0 0 16px;
  width: 8px;
  height: 8px;
  background: #dd3938;
  -moz-border-radius: 50%;
       border-radius: 50%; }
  @media (max-width: 989px) {
    .HeaderLogged-secondNavLink--account .Synthesis-inbox-newMessage:after {
      width: 7px;
      height: 7px;
      left: 4px;
      margin: -9px 0 0 17px; } }

.LayerNav-pushNavItemInner .Synthesis-inbox,
.LayerNav-listLink .Synthesis-inbox {
  display: inline-block;
  vertical-align: middle;
  top: 50%;
  margin-left: 13px;
  position: relative;
  padding-left: 30px;
  color: inherit;
  min-height: 1.1em; }
  .LayerNav-pushNavItemInner .Synthesis-inbox, .LayerNav-pushNavItemInner .Synthesis-inbox:hover, .LayerNav-pushNavItemInner .Synthesis-inbox:focus,
  .LayerNav-listLink .Synthesis-inbox,
  .LayerNav-listLink .Synthesis-inbox:hover,
  .LayerNav-listLink .Synthesis-inbox:focus {
    text-decoration: none; }
  @media (max-width: 989px) {
    .LayerNav-pushNavItemInner .Synthesis-inbox,
    .LayerNav-listLink .Synthesis-inbox {
      top: 0;
      right: 0; } }

.LayerNav-pushNavItem--active .Synthesis-inbox,
.LayerNav-pushNavItem--active .Synthesis-inbox-newMessage {
  opacity: 0;
  visibility: hidden; }

.LayerNav-listLink .Synthesis-inbox, .LayerNav-listLink .Synthesis-inbox:hover, .LayerNav-listLink .Synthesis-inbox:focus {
  text-decoration: none; }

@media (min-width: 990px) {
  .LayerNav-listLink .Synthesis-inbox {
    margin-top: -2px; } }

/*doc
---
title: Champ d'auto complétion
name: autocompletion
category: autocompletion
---

**Scripts à inclure:**

<!--  BASE JS  -->
`<script src="./../../build/js/enquire.js" type="text/javascript"></script>`

`<script src="./../../build/js/common.js" type="text/javascript"></script>`

`<script type="text/javascript" src="../js/jquery-ui.js"></script>`

<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/jquery-ui.js"></script>
*/
/*doc
---
title: Champ d'auto complétion
parent: autocompletion
name: 01-autocompletion
category: autocompletion
---

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>

Scripts à inclure (pour test ?):

- `<script type="text/javascript" src="../js/jquery-ui.js"></script>`


Template exemple:

- [ES Catalogue initiatives](../../build/examples/ES-Temp-Catalogue-initiatives.html)

```html_example

  <div class="Autocomplete-block">
    <div class="Autocomplete-inputs">
      <div class="ui-widget Autocomplete-input">
        <label class="Autocomplete-label" for="countries">Région</label>
        <input class="Autocomplete-inputField" id="countries" placeholder="Sélectionner une région">
      </div>
      <div class="ui-widget Autocomplete-input">
        <label class="Autocomplete-label" for="locality">Localité</label>
        <input class="Autocomplete-inputField" id="locality" placeholder="Sélectionner une ville">
      </div>
    </div>
  </div>


  <script>
    $(function () {
      var availableCountries = [
        'Alsace',
        'Aquitaine',
        'Auvergne',
        'Basse Normandie',
        'Bourgogne',
        'Bretagne',
        'Centre',
        'Champagne-Ardenne',
        'Corse',
        'Franche-Comté',
        'Haute Normandie',
        'Ile-de-France',
        'Languedoc-Roussillon',
        'Limousin',
        'Lorraine',
        'Midi-Pyrénées',
        'Nord-Pas-de-Calais',
        'Pays de la Loire',
        'Picardie',
        'Poitou-Charentes',
        'Provence-Alpes-Côte-d-Azur',
        'Rhône-Alpes'
      ]
      var availableLocality = [
        'Aast (64460)',
        'Abainville (55130)',
        'Abancourt (59268)',
        'Abancourt (60220)',
        'Abaucourt (54610)',
        'Abaucourt-Hautecourt (55400)',
        'Abbans-Dessous (25320)',
        'Abbans-Dessus (25440)',
        'Abbaretz (44170)',
        'Abbécourt (02300)',
        'Abbecourt (60430)',
        'Abbenans (25340)',
        'Abbeville (80100)',
        'Abbéville-la-Rivière (91150)',
        'Abbéville-lès-Conflans (54800)',
        'Abbeville-Saint-Lucien (60480)',
        'Abbévillers (25310)',
        'Abeilhan (34290)',
        'Abelcourt (70300)',
        'Abère (64160)',
        'Abergement-la-Ronce (39500)',
        'Abergement-le-Grand (39600)',
        'Abergement-le-Petit (39800)',
        'Abergement-lès-Thésy (39110)',
        'Abidos (64150)'
      ]

      $('#countries').autocomplete({
        source: availableCountries,
        minLength: 0
      })
      $('#locality').autocomplete({
        source: availableLocality,
        minLength: 0
      })
    })
  </script>

```

*/
/*doc
---
title: Champ d'auto complétion small
parent: autocompletion
name: 02-autocompletion
category: autocompletion
---

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>

Scripts à inclure (pour test ?):

- `<script type="text/javascript" src="../js/jquery-ui.js"></script>`


Template exemple:

- [ES Catalogue initiatives](../../build/examples/ES-Temp-Catalogue-initiatives.html)

```html_example

  @@include("../../kit/components/_autocompleteInputField--include.kit", {
    "width": "small"
  })

  <script>
    $(function () {
      var availableCountries = [
        'Alsace',
        'Aquitaine',
        'Auvergne',
        'Basse Normandie',
        'Bourgogne',
        'Bretagne',
        'Centre',
        'Champagne-Ardenne',
        'Corse',
        'Franche-Comté',
        'Haute Normandie',
        'Ile-de-France',
        'Languedoc-Roussillon',
        'Limousin',
        'Lorraine',
        'Midi-Pyrénées',
        'Nord-Pas-de-Calais',
        'Pays de la Loire',
        'Picardie',
        'Poitou-Charentes',
        'Provence-Alpes-Côte-d-Azur',
        'Rhône-Alpes'
      ]
      var availableLocality = [
        'Aast (64460)',
        'Abainville (55130)',
        'Abancourt (59268)',
        'Abancourt (60220)',
        'Abaucourt (54610)',
        'Abaucourt-Hautecourt (55400)',
        'Abbans-Dessous (25320)',
        'Abbans-Dessus (25440)',
        'Abbaretz (44170)',
        'Abbécourt (02300)',
        'Abbecourt (60430)',
        'Abbenans (25340)',
        'Abbeville (80100)',
        'Abbéville-la-Rivière (91150)',
        'Abbéville-lès-Conflans (54800)',
        'Abbeville-Saint-Lucien (60480)',
        'Abbévillers (25310)',
        'Abeilhan (34290)',
        'Abelcourt (70300)',
        'Abère (64160)',
        'Abergement-la-Ronce (39500)',
        'Abergement-le-Grand (39600)',
        'Abergement-le-Petit (39800)',
        'Abergement-lès-Thésy (39110)',
        'Abidos (64150)'
      ]

      $('#countries').autocomplete({
        source: availableCountries,
        minLength: 0
      })
      $('#locality').autocomplete({
        source: availableLocality,
        minLength: 0
      })
    })
  </script>

```

*/
.Autocomplete-block {
  width: 100%;
  padding: 0 5% 40px; }

.Autocomplete-block--small {
  max-width: 800px;
  margin: 0 auto; }
  @media (max-width: 649px) {
    .Autocomplete-block--small {
      width: 100%;
      margin: 0;
      padding: 0 7% 40px; } }

.Autocomplete-inputs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%; }
  @media (max-width: 649px) {
    .Autocomplete-inputs {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.Autocomplete-input {
  width: 50%;
  padding: 5px;
  font-family: unset;
  font-size: unset;
  text-align: left; }
  @media (max-width: 649px) {
    .Autocomplete-input {
      width: 100%; } }

.Autocomplete-label {
  display: block;
  text-transform: initial; }

.Autocomplete-inputField {
  width: 100%;
  border: 1px solid #d8d8d8;
  -moz-border-radius: 4px;
       border-radius: 4px;
  height: 41px;
  padding: 11px 44px 11px 22px; }

.ui-menu.ui-widget.ui-widget-content {
  max-height: 275px;
  overflow-y: auto; }

.ui-menu-item-wrapper.ui-state-active, .ui-menu-item-wrapper.ui-state-active:hover, .ui-menu-item-wrapper.ui-state-active:focus {
  background-color: #f5f5f5;
  color: #007D8F; }

/*doc
---
title: Bullet List
name: bulletList
category: bulletList
---

**Scripts à inclure pour Callback - Later :**

`<script src="../js/bulletList.js" type="text/javascript"></script>`

<script src="../../build/js/bulletList.js" type="text/javascript"></script>

```html_example

  @@include("../../kit/components/_bulletList.kit")

```
*/
.BulletList-content ul, .BulletList-content ol, .BulletList-content li {
  text-decoration: none;
  list-style: none;
  padding-left: 10px; }

.js-listLinkCaret {
  position: relative; }
  .js-listLinkCaret:before {
    content: '\f109';
    font-family: "NPC Icons";
    text-decoration: none;
    vertical-align: middle;
    font-size: 12px;
    cursor: pointer;
    color: #007D8F; }
  .js-listLinkCaret + * {
    display: block; }

.js-listLinkCaret--collapsed:before {
  content: '\f106'; }

.js-listLinkCaret--collapsed + * {
  display: none; }

.ES-container {
  padding: 30px 5%; }
  @media screen and (max-width: 649px) {
    .ES-container {
      padding: 30px 7%; } }
  .ES-container:first-child {
    margin-top: 0;
    padding-top: 0; }
  .ES-container-title {
    font-family: "Open Sans", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 0; }
  .ES-container-subtitle, .ES-container-text, .ES-container-link {
    font-weight: 400; }
  .ES-container--gray {
    background-color: #f5f5f5; }
  .ES-container-subtitle--primary {
    color: #007D8F;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    margin: 0; }
  .ES-container .ES-actors-title {
    margin-top: 0; }
  .ES-container .lead {
    margin-bottom: 0;
    font-weight: 700; }
  .Breadcrumb + .ES-container {
    padding-top: 0; }
  .ES-container .GenericBtn {
    margin-top: 20px; }
  .ES-container #guideContainerForm {
    padding: 10px 0 !important; }
    .ES-container #guideContainerForm .guideContainerNode {
      width: 100% !important; }

.ES-TemplatesHead {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 5%; }
  .ES-TemplatesHead h2 {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  @media (max-width: 649px) {
    .ES-TemplatesHead {
      padding: 0 7%; } }

.ES-TemplatesHead-text {
  width: 60%;
  font-weight: 300;
  margin-bottom: 10px; }
  .ES-TemplatesHead-text--center {
    text-align: center; }
  .ES-TemplatesHead-text--left {
    text-align: left; }
  .ES-TemplatesHead-text--right {
    text-align: right; }
  .ES-TemplatesHead-text--justify {
    text-align: justify; }
  @media (max-width: 989px) {
    .ES-TemplatesHead-text {
      width: 100%; } }

.ES-Showmore {
  position: relative;
  display: block;
  margin: 20px auto;
  text-align: center; }
  .ES-Showmore .ES-Showmore-link {
    color: #007D8F;
    font-size: 1em;
    font-weight: 600; }

@media (max-width: 649px) {
  .header-visuel {
    display: none; } }

/*doc
---
title: C501 PushInitiatives
name: c501-PushInitiatives
category: c501-PushInitiatives
---

Scripts à inclure (pour test ?):

- `<script type="text/javascript" src='jquery.matchHeight.js'></script>`
- `<script type="text/javascript" src='owl.carousel.js'></script>`
- `<script type="text/javascript" src="../js/c501_PushInitiatives.js"></script>`


```html_example

<div class="ES-TemplatesHead">
  <h2 class="Template-subtitle text-center">Initiatives régionales</h2>
  <p class="ES-TemplatesHead-text ES-TemplatesHead-text--center">Lorem ipsum dolor sit amet, consectetur adipiscing
    elit. Vivamus maximus suscipit enim, fermentum pellentesque tortor porta sed. Sed tellus lorem, eleifend quis
    efficitur ac, dapibus sit amet lacus. Praesent molestie, erat sit amet blandit pretium, risus libero elementum
    dolor, sit amet sagittis massa diam et massa. Etiam ullamcorper condimentum euismod. Aenean non eros in augue
    malesuada pellentesque a hendrerit leo.</p>
</div>
<div class="ES-PushInitiatives-CardsContainer">
<div class="row row-no-padding">
  <div class="col-xs-12">
    <div class="parsys">
      <div class="section">
        <div class="owl-carousel CarouselActu js-carouselInitiatives">
          <div class="PushInitiatives matchHeight" tabindex="-1">
            <div class="PushInitiatives-imageWrapper" style="background-image: url('../../build/images/commun/img_article.jpg')">
              <img class="PushInitiatives-image" src="../../build/images/commun/img_article.jpg" alt="Image blog">
            </div>
            <div class="PushInitiatives-content">
              <h3 class="PushInitiatives-title">
                <a href="//google.fr" class="js-prevent">Lorem ipsum dolor sit amet</a>
              </h3>
              <div class="PushInitiatives-text">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolor.
              </div>
              <br />
              <a href="#" class="PushInitiatives-link">Découvrir l'initiative</a>
            </div>
          </div>
          <div class="PushInitiatives matchHeight" tabindex="-1">
            <div class="PushInitiatives-imageWrapper" style="background-image: url('../../build/images/commun/img_article.jpg')">
              <img class="PushInitiatives-image" src="../../build/images/commun/img_article.jpg" alt="Image blog">
            </div>
            <div class="PushInitiatives-content">
              <h3 class="PushInitiatives-title">
                <a href="//google.fr" class="js-prevent">Lorem ipsum dolor sit amet</a>
              </h3>
              <div class="PushInitiatives-text">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolor.
              </div>
              <br />
              <a href="#" class="PushInitiatives-link">Découvrir l'initiative</a>
            </div>
          </div>
          <div class="PushInitiatives matchHeight" tabindex="-1">
            <div class="PushInitiatives-imageWrapper" style="background-image: url('../../build/images/commun/img_article.jpg')">
              <img class="PushInitiatives-image" src="../../build/images/commun/img_article.jpg" alt="Image blog">
            </div>
            <div class="PushInitiatives-content">
              <h3 class="PushInitiatives-title">
                <a href="//google.fr" class="js-prevent">Lorem ipsum dolor sit amet</a>
              </h3>
              <div class="PushInitiatives-text">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolor.
              </div>
              <br />
              <a href="#" class="PushInitiatives-link">Découvrir l'initiative</a>
            </div>
          </div>
          <div class="PushInitiatives matchHeight" tabindex="-1">
            <div class="PushInitiatives-imageWrapper" style="background-image: url('../../build/images/commun/img_article.jpg')">
              <img class="PushInitiatives-image" src="../../build/images/commun/img_article.jpg" alt="Image blog">
            </div>
            <div class="PushInitiatives-content">
              <h3 class="PushInitiatives-title">
                <a href="//google.fr" class="js-prevent">Lorem ipsum dolor sit amet</a>
              </h3>
              <div class="PushInitiatives-text">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolor.
              </div>
              <br />
              <a href="#" class="PushInitiatives-link">Découvrir l'initiative</a>
            </div>
          </div>
          <div class="PushInitiatives matchHeight" tabindex="-1">
            <div class="PushInitiatives-imageWrapper" style="background-image: url('../../build/images/commun/img_article.jpg')">
              <img class="PushInitiatives-image" src="../../build/images/commun/img_article.jpg" alt="Image blog">
            </div>
            <div class="PushInitiatives-content">
              <h3 class="PushInitiatives-title">
                <a href="//google.fr" class="js-prevent">Lorem ipsum dolor sit amet</a>
              </h3>
              <div class="PushInitiatives-text">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolor.
              </div>
              <br />
              <a href="#" class="PushInitiatives-link">Découvrir l'initiative</a>
            </div>
          </div>
        </div>
      </div>
      <div class="ES-Showmore">
        <a class="ES-Showmore-link" href="#">Voir toutes les initiatives</a>
      </div>
    </div>
  </div>
</div>
</div>
```

<!--  BASE JS  -->
<script type="text/javascript" src='./../../build/js/jquery.matchHeight.js'></script>
<script type="text/javascript" src='./../../build/js/owl.carousel.js'></script>
<script type="text/javascript" src="./../../build/js/c501_PushInitiatives.js"></script>


*/
.ES-PushInitiatives-CardsContainer {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 30px; }

.PushInitiatives {
  text-align: left;
  margin-bottom: 20px;
  outline: none; }

.PushInitiatives-content {
  position: relative;
  padding: 6%; }

.PushInitiatives-category {
  position: absolute;
  top: -23px;
  left: 6%;
  margin: 0 -15px;
  padding: 12px 15px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.182;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: #99cc00;
  color: #ffffff; }
  .PushInitiatives-category:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 15px;
    border-top: solid 5px #99cc00;
    border-left: solid 4px #99cc00;
    border-right: solid 4px transparent;
    border-bottom: solid 5px transparent; }

.PushInitiatives-title {
  color: #007D8F;
  font-size: 22px;
  font-weight: 600; }
  .PushInitiatives-title a, .PushInitiatives-title a:hover, .PushInitiatives-title a:focus {
    color: inherit;
    text-decoration: none; }
  .PushInitiatives-title a:focus {
    text-decoration: underline; }

.PushInitiatives-text {
  color: #555555;
  margin-bottom: 1em; }

.PushInitiatives-link {
  color: #007D8F;
  text-decoration: underline;
  margin-bottom: 1em; }

.PushInitiatives-date {
  color: #777777;
  font-size: 16px;
  font-weight: 600; }

.PushInitiatives-imageWrapper {
  position: relative;
  height: 180px;
  overflow: hidden;
  background-repeat: no-repeat;
  -moz-background-size: cover;
       background-size: cover;
  background-position: center; }

.PushInitiatives-image {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.PushInitiatives-video {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 65px;
  height: 65px;
  line-height: 65px;
  font-size: 15px;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  -moz-border-radius: 50%;
       border-radius: 50%;
  color: #007D8F;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

/*doc
---
title: C500 ES-MainNav
name: C500-EsMainNav
category: C500-EsMainNav
---

Scripts à inclure (pour test ?):

- `<script src="./../../build/js/c500_MenuSocietaires.js"></script>`


```html_example
@@include("../../kit/components/_c500_MenuSocietaires.kit")
```

<!--  BASE JS  -->
<script src="./../../build/js/c500_MenuSocietaires.js" type="text/javascript"></script>

*/
.menu-societaire {
  position: absolute;
  width: 100%;
  display: inline-block;
  min-height: 57px;
  z-index: 1000; }

.ES-MainNav {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 9999;
  min-height: 47px;
  background: #ffffff;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  -moz-transition: opacity 300ms ease, visibility 300ms ease;
  transition: opacity 300ms ease, visibility 300ms ease; }
  .ES-MainNav:before, .ES-MainNav:after {
    content: '';
    display: table;
    clear: both; }
  .ES-MainNav.js-sliderNav--reverse .ES-MainNav-toggle {
    left: 0;
    right: auto; }
  @media (max-width: 989px) {
    .ES-MainNav {
      overflow: unset; } }

.ES-MainNav--init {
  display: block; }

.ES-MainNav--show,
.ES-MainNav--forcedShow {
  opacity: 1;
  visibility: visible; }

.ES-MainNav-title {
  float: left;
  padding: 20px 0 0 5%;
  font-weight: 700;
  text-transform: uppercase; }

.ES-MainNav-buttons {
  float: right;
  padding: 10px; }
  .ES-MainNav-buttons .btn {
    margin: 0 3px; }

.ES-MainNav-dropdownToggle {
  position: absolute;
  top: 0;
  right: 20px;
  z-index: 1;
  width: 50px;
  height: 47px; }
  .ES-MainNav-dropdownToggle:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    margin: -.5em 0;
    line-height: 1; }

.ES-MainNav-navWrapper {
  position: relative; }

.ES-MainNav-item.active {
  color: #007D8F; }

.ES-MainNav-link {
  color: inherit;
  text-decoration: none; }
  .ES-MainNav-link:hover, .ES-MainNav-link:focus {
    color: #007D8F;
    background: transparent !important; }

@media (max-width: 989px) {
  .ES-MainNav {
    min-height: 0;
    background: none;
    -moz-transition: none;
    transition: none;
    visibility: visible;
    opacity: 1; }
  .ES-MainNav-dropdownToggle,
  .ES-MainNav-nav {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-50px);
       -moz-transform: translateY(-50px);
            transform: translateY(-50px);
    -moz-transition: all 300ms ease;
    transition: all 300ms ease; }
  .ES-MainNav-nav {
    min-height: 47px;
    padding: 0 5%; }
  .ES-MainNav--show .ES-MainNav-dropdownToggle,
  .ES-MainNav--show .ES-MainNav-nav {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
            transform: translateY(0); }
  .ES-MainNav-nav {
    background: #ffffff; }
  .ES-MainNav-item {
    display: none !important; }
    .ES-MainNav-item.active {
      display: block !important; }
  .ES-MainNav-link {
    padding: 15px 25px 15px 0 !important; }
  .ES-MainNav--open .ES-MainNav-dropdownToggle:before {
    content: ""; }
  .ES-MainNav--open .ES-MainNav-link {
    padding-top: 7px !important;
    padding-bottom: 7px !important; }
  .ES-MainNav--open .ES-MainNav-item {
    display: block !important; }
    .ES-MainNav--open .ES-MainNav-item:first-child .ES-MainNav-link {
      padding-top: 15px !important; }
    .ES-MainNav--open .ES-MainNav-item:last-child .ES-MainNav-link {
      padding-bottom: 15px !important; } }

@media (min-width: 990px) {
  .ES-MainNav {
    text-align: center; }
  .ES-MainNav-dropdownToggle {
    display: none; }
  .ES-MainNav-nav {
    white-space: nowrap;
    display: inline-block;
    font-size: 0; }
  .ES-MainNav-item {
    display: inline-block !important;
    vertical-align: bottom;
    font-size: 12px; }
    .ES-MainNav-item:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 25px;
      right: 25px;
      height: 5px;
      color: #454545;
      background: #99cc00;
      opacity: 0;
      -moz-transition: opacity 300ms ease;
      transition: opacity 300ms ease; }
    .ES-MainNav-item.active:before {
      opacity: 1; }
  .ES-MainNav-link {
    padding: 20px 25px !important; }
  .ES-MainNav-item--left {
    float: left; }
  .ES-MainNav-item--right {
    float: right; } }

.CompareBox {
  margin: 8px 25px;
  text-align: center; }

.CompareBox-text,
.CompareBox-btnWrapper {
  display: inline-block;
  vertical-align: middle; }

.CompareBox-text {
  margin: 7px 0;
  font-weight: 400; }

.CompareBox-textInfo {
  font-style: italic;
  color: #999999; }

.CompareBox-btn {
  margin-left: 15px;
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  border-width: 1px;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease; }

@media (max-width: 989px) {
  .CompareBox {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 666;
    margin: 0;
    padding: 15px;
    background: #007D8F;
    color: #ffffff;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
            transform: translateY(0);
    -moz-transition: all 300ms ease;
    transition: all 300ms ease; }
  .CompareBox-textInfo {
    color: inherit; }
  .CompareBox-btn {
    background-color: #ffffff;
    color: #007D8F;
    border-width: 0;
    border-color: #ffffff; }
    .CompareBox-btn:hover, .CompareBox-btn.hover, .CompareBox-btn:focus, .CompareBox-btn.focus {
      color: #007D8F;
      background-color: #fbfbfb;
      border-color: #fbfbfb; }
    .CompareBox-btn.disabled, .CompareBox-btn.disabled:hover, .CompareBox-btn.disabled.hover, .CompareBox-btn.disabled:focus, .CompareBox-btn.disabled.focus, .CompareBox-btn[disabled], .CompareBox-btn[disabled]:hover, .CompareBox-btn[disabled].hover, .CompareBox-btn[disabled]:focus, .CompareBox-btn[disabled].focus,
    fieldset[disabled] .CompareBox-btn,
    fieldset[disabled] .CompareBox-btn:hover,
    fieldset[disabled] .CompareBox-btn.hover,
    fieldset[disabled] .CompareBox-btn:focus,
    fieldset[disabled] .CompareBox-btn.focus {
      color: #006a7a;
      background-color: #2690a0;
      border-color: #2690a0; }
  .CompareBox--disabled {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
            transform: translateY(100%); }
    .CompareBox--disabled .CompareBox-btn, .CompareBox--disabled .CompareBox-btn:hover, .CompareBox--disabled .CompareBox-btn:focus {
      color: #999999;
      background-color: #e9e9e9;
      border-color: #e9e9e9; }
  .ES-MainNav--show .CompareBox,
  .ES-MainNav--forcedShow .CompareBox {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
            transform: translateY(0); } }

@media (max-width: 649px) {
  .ES-MainNav-nav {
    padding: 0 7%; } }

/*doc
---
title: C503 Initiatives régionales
name: c503-InitiativesRegionales
category: c503-InitiativesRegionales
---
Scripts à inclure (pour test ?):


- `<script type="text/javascript" src="c503-Initiatives-regionales.js"></script>`
- `<script type="text/javascript" src="owl.carousel.js"></script>`

```html_example
<div class="Template-backgroundBrandGray01 Template-padTopBot30px">
  <div class="ES-TemplatesHead">
    <h2 class="Template-subtitle text-center">Initiatives régionales</h2>
  </div>
  <div class="ES-InitiativesCards">
    <div class="row row-no-padding">
      <div class="col-xs-12">
        <div class="parsys">
          <div class="section">
            <div class="owl-carousel CarouselActu js-carouselInitRegional">
              @@include("../../kit/components/_c503-Initiatives-regionales--card.kit")
              @@include("../../kit/components/_c503-Initiatives-regionales--card.kit")
              @@include("../../kit/components/_c503-Initiatives-regionales--card.kit")
              @@include("../../kit/components/_c503-Initiatives-regionales--card.kit")
              @@include("../../kit/components/_c503-Initiatives-regionales--card.kit")
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
```

<!--  BASE JS  -->
<script type="text/javascript" src="./../../build/js/c503-Initiatives-regionales.js"></script>
<script type="text/javascript" src='./../../build/js/owl.carousel.js'></script>


*/
.ES-InitiativesCards {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  padding: 0 5%; }
  @media (max-width: 649px) {
    .ES-InitiativesCards {
      padding: 0 7%; } }

.ES-InitiativesCard {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .ES-InitiativesCard:after {
    content: "";
    display: block;
    padding-bottom: 100%; }

.ES-InitiativesCard-background {
  position: absolute;
  width: 100%;
  height: 100%;
  -moz-background-size: cover;
       background-size: cover;
  -webkit-filter: blur(2px) brightness(70%);
  -moz-filter: blur(2px) brightness(70%);
  -o-filter: blur(2px) brightness(70%);
  -ms-filter: blur(2px) brightness(70%);
  filter: blur(2px) brightness(70%);
  z-index: 1; }

.ES-InitiativesCard-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  text-align: center; }

.ES-InitiativesCard-head {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 1.3em;
  font-weight: 300;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 20px; }

.ES-InitiativesCard-body {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 1.4em;
  text-align: center;
  line-height: 1.217;
  font-weight: 600;
  color: #ffffff;
  max-width: 70%;
  margin-bottom: 20px; }

.ES-InitiativesCard-footer {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 1.3em;
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 20px; }

a.ES-InitiativesCard-link {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  text-decoration: none;
  color: #ffffff;
  background: #99cc00;
  -moz-border-radius: 50%;
       border-radius: 50%;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out; }
  a.ES-InitiativesCard-link:before {
    content: "";
    font-size: 16px;
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    top: 50%; }
  a.ES-InitiativesCard-link:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ''; }
  a.ES-InitiativesCard-link:focus, a.ES-InitiativesCard-link:hover {
    text-decoration: none;
    color: #ffffff;
    background: #7fa600;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out; }

/*doc
---
title: C110 - col - with btn and link
name: c110-20-03
parent: c110-20
category: c110
---

```html_example

```
*/
.ES-join-projectsBloc {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  width: 100%;
  padding: 45px 80px;
  color: #ffffff;
  background-color: #009787; }
  @media (max-width: 989px) {
    .ES-join-projectsBloc {
      min-height: 200px;
      padding: 20px 7vw; } }

.ES-join-projectsBloc-chatIcon {
  position: relative;
  margin-left: 20px; }
  .ES-join-projectsBloc-chatIcon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -.5em;
    line-height: 1;
    font-size: 3em; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ES-join-projectsBloc-chatIcon:after {
      font-size: 3rem; } }
  @media (max-width: 649px) {
    .ES-join-projectsBloc-chatIcon {
      font-size: 9px; } }

.ES-join-projectsBloc-chatSvg {
  display: block; }
  @media (max-width: 649px) {
    .ES-join-projectsBloc-chatSvg {
      width: 65px;
      height: 65px; } }

.ES-join-projectsBloc-text {
  font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 100;
  text-transform: uppercase; }
  .ES-join-projectsBloc-text strong {
    font-weight: 400; }
  @media (max-width: 989px) {
    .ES-join-projectsBloc-text {
      font-size: 18px; } }
  @media (max-width: 649px) {
    .ES-join-projectsBloc-text {
      font-size: 16px; } }

.ES-join-projectsBloc-link {
  margin-top: 10px;
  text-decoration: underline;
  color: #ffffff; }
  @media (max-width: 649px) {
    .ES-join-projectsBloc-link {
      padding: 10px; } }

.ES-join-projectsBloc-link:hover {
  color: #f5f5f5; }

a.ES-join-projectsBloc,
.ES-join-projectsBloc[tabindex] {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer; }
  a.ES-join-projectsBloc:hover, a.ES-join-projectsBloc:focus,
  .ES-join-projectsBloc[tabindex]:hover,
  .ES-join-projectsBloc[tabindex]:focus {
    background: #01897b; }

.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link {
  text-decoration: none; }

.ES-join-projectsBloc--col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center; }
  .ES-join-projectsBloc--col .ES-join-projectsBloc-chatIcon {
    margin-left: 0;
    margin-bottom: 30px; }
  .ES-join-projectsBloc--col .ES-join-projectsBloc-main {
    width: 100%; }
  .ES-join-projectsBloc--col .ES-join-projectsBloc-link {
    margin-top: 30px; }

.ES-join-projectsBloc--row {
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .ES-join-projectsBloc--row .ES-join-projectsBloc-main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    width: 100%; }
  .ES-join-projectsBloc--row .ES-join-projectsBloc-link {
    -ms-flex-item-align: start;
        align-self: flex-start; }

/*doc
---
title: ES Composant bloc Themes
name: ES-ComposantBlocThemes
category: ES-ComposantBlocThemes
---

```html_example
@@include("../../kit/components/_composant-bloc-themes.kit")

```
*/
.ES-Themes {
  margin: 30px 5% 30px;
  font-family: "Open Sans", sans-serif; }

.ES-Themes-title {
  color: #000;
  padding: 20px 0;
  margin: 0px; }

.ES-Themes-tag {
  display: inline-block;
  color: #000;
  font-weight: 400;
  padding: 12px 15px;
  margin: 5px;
  background-color: #f5f5f5;
  text-decoration: none;
  font-size: 14px;
  border-radius: 31px 31px 31px 31px;
  -moz-border-radius: 31px 31px 31px 31px;
  -webkit-border-radius: 31px 31px 31px 31px;
  border: 0px solid #000000; }
  .ES-Themes-tag:hover {
    text-decoration: none;
    color: #006675; }
  .ES-Themes-tag:active {
    text-decoration: none; }
  .ES-Themes-tag:visited {
    text-decoration: none; }

.ES-Themes-tag--active {
  color: #ffffff;
  background: #007D8F;
  font-weight: 700;
  text-decoration: none; }
  .ES-Themes-tag--active:after {
    font-family: "NPC Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "";
    margin: -3px 0 -3px 10px;
    font-size: 10px;
    font-weight: 600; }
  .ES-Themes-tag--active:hover, .ES-Themes-tag--active:focus {
    text-decoration: none;
    color: #ffffff;
    background: #006675; }
    .ES-Themes-tag--active:hover:after, .ES-Themes-tag--active:focus:after {
      text-decoration: underline; }

.ES-Themes-tag--disabled {
  opacity: .4;
  cursor: not-allowed; }
  .ES-Themes-tag--disabled:hover, .ES-Themes-tag--disabled:focus {
    text-decoration: none; }

@media (max-width: 989px) {
  .ES-Themes-tag--active:after {
    opacity: 1;
    visibility: visible; }
  .ES-Themes-tag--disabled {
    opacity: 1;
    color: #b5b5b5;
    background: #fbfbfb; }
    .ES-Themes-tag--disabled:before, .ES-Themes-tag--disabled:after {
      opacity: .4; }
    .ES-Themes-tag--disabled:hover, .ES-Themes-tag--disabled:focus {
      color: #99c2c8; } }

/*@import "commun/template_x00";
@import "commun/template_t02"; // virement en cours
@import "commun/template_t001"; // Home*/
/*doc
---
title: T006 Recherche avancée
name: t006
category: t006
---

Recherche avancée


Scripts à inclure:

- `<script src="t006.js"></script>`
- Script inbenta

<!--  BASE JS  -->
<script src="./../../build/js/enquire.min.js" type="text/javascript"></script>
<script src="./../../build/js/common.min.js" type="text/javascript"></script>

<!--  CUSTOM JS -->
<script src="./../../build/js/t006.js" type="text/javascript"></script>

**Templates exemple:**
<ul>
<li><a href="../../build/examples/template-t006.html">test</a></li>
</ul>
*/
/*doc
---
title: T006 - events
parent: t006
name: t006-01
category: t006
---

Liste des events :

- `searchLoaded.inbenta` : La recherche est initialisée par inbenta
- `popularLoaded.inbenta` : Ne pas utiliser, en interne (inbenta) puis `searchLoaded.inbenta`
- `openSearch.inbenta` (IBM) : Demande d'affichage de la recherche avancée effectuée (IBM)
- `search.inbenta` : Lorsqu'une recherche a été effectué coté inbenta
- `categoriesLoaded.inbenta` : Lorsque les catégories ont été chargées
- `categoryLoaded.inbenta` : Lorsqu'une catégorie a été chargée
- `c113Loaded.inbenta` : Lorsque le composant C113 a été chargé

*/
.T006 {
  display: none;
  position: absolute;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background-color: #ffffff; }
  .T006 .T006__header {
    position: fixed;
    height: 60px;
    width: 100%;
    background-color: white; }
  .T006 .T006__logo {
    display: block;
    height: 60px;
    background-color: white;
    background-repeat: no-repeat, no-repeat;
    -moz-background-size: 60% 60%;
         background-size: 60% 60%;
    background-position: center center; }
    @media (min-width: 990px) {
      .T006 .T006__logo {
        float: left;
        width: 12.1666666666%;
        margin-left: 20px;
        -moz-background-size: 100% 100%;
             background-size: 100% 100%;
        background-position: center center; } }
  .T006 .T006__buttons {
    position: relative;
    float: left;
    height: 60px;
    margin-top: -60px; }
    @media (min-width: 990px) {
      .T006 .T006__buttons {
        float: right;
        margin-top: 0; } }
  .T006 .T006__help {
    display: none; }
    @media (min-width: 990px) {
      .T006 .T006__help {
        display: inline;
        float: left;
        width: 60px;
        height: 60px;
        background-color: #99cc00; } }
  .T006 .T006__close {
    float: left;
    width: 60px;
    height: 60px;
    background-color: #007D8F;
    color: white;
    text-decoration: none;
    text-align: center;
    line-height: 60px; }
    .T006 .T006__close::before {
      font-family: "NPC Icons";
      content: "\f122";
      font-size: 18px; }
  .T006 .T006__criteria {
    position: fixed;
    top: 60px;
    height: 140px;
    width: 100%;
    background-color: #007D8F;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    color: white; }
    @media (min-width: 990px) {
      .T006 .T006__criteria {
        height: 210px;
        -ms-flex-pack: distribute;
            justify-content: space-around; } }
    @media (max-height: 400px) {
      .T006 .T006__criteria {
        height: 80px;
        -webkit-box-pack: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .T006 .T006__criteria .T006__title {
      margin-top: 20px;
      margin-bottom: 20px;
      font-size: 15px;
      font-weight: 600; }
      @media (min-width: 990px) {
        .T006 .T006__criteria .T006__title {
          margin-top: 0;
          margin-bottom: 0; } }
      @media (max-height: 400px) {
        .T006 .T006__criteria .T006__title {
          margin-top: 10px;
          margin-bottom: 0; } }
    .T006 .T006__criteria .T006__input {
      background-color: #007D8F;
      color: white;
      font-size: 15px;
      line-height: 15px;
      width: 80%;
      text-align: center;
      border: none;
      outline: 0 !important; }
      @media (min-width: 990px) {
        .T006 .T006__criteria .T006__input {
          font-size: 40px;
          line-height: 40px; } }
      .T006 .T006__criteria .T006__input::-webkit-input-placeholder {
        color: #3396a5;
        font-style: italic; }
      .T006 .T006__criteria .T006__input:-moz-placeholder {
        color: #3396a5;
        font-style: italic; }
      .T006 .T006__criteria .T006__input::-moz-placeholder {
        color: #3396a5;
        font-style: italic; }
      .T006 .T006__criteria .T006__input:-ms-input-placeholder {
        color: #3396a5;
        font-style: italic; }
      .T006 .T006__criteria .T006__input::placeholder {
        color: #3396a5;
        font-style: italic; }
    .T006 .T006__criteria .T006__submit--hidden {
      position: absolute;
      visibility: hidden;
      opacity: 0; }
    .T006 .T006__criteria .T006__subtitle {
      display: none; }
      @media (min-width: 990px) {
        .T006 .T006__criteria .T006__subtitle {
          display: block;
          font-size: 12px;
          font-weight: bold;
          letter-spacing: 0.6px;
          text-transform: uppercase; } }
  .T006 .T006__result {
    overflow: auto;
    position: absolute;
    top: 200px;
    left: 0;
    bottom: 0;
    width: 100%; }
    @media (min-width: 990px) {
      .T006 .T006__result {
        top: 270px; } }
    @media (max-height: 400px) {
      .T006 .T006__result {
        top: 140px; } }
    .T006 .T006__result .simpleAccess + .simpleAccess {
      margin-top: 10px; }
  .T006 .T006__access-title {
    margin-top: 45px;
    margin-bottom: 16px;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase; }
    @media (min-width: 990px) {
      .T006 .T006__access-title {
        text-transform: none; } }
  .T006 .T006__resultContent {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%; }
  .T006 .T006__accessFaq {
    margin: 30px 10px;
    text-align: center; }
  .T006 .Accordions {
    padding: 0 5%;
    margin-bottom: 30px; }

.T007__simulator, .T007__product {
  text-decoration: none;
  color: inherit; }
  .T007__simulator:hover, .T007__product:hover {
    text-decoration: none;
    color: inherit; }

.T007 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background-color: #ffffff; }

.T007__header {
  position: fixed;
  top: 0;
  height: 60px;
  width: 100%;
  background-color: white; }

.T007__logo {
  display: block;
  height: 60px;
  background-color: white;
  background-repeat: no-repeat, no-repeat;
  -moz-background-size: 60% 60%;
       background-size: 60% 60%;
  background-position: center center; }
  @media (min-width: 990px) {
    .T007__logo {
      float: left;
      width: 12.1666666666%;
      margin-left: 20px;
      -moz-background-size: 100% 100%;
           background-size: 100% 100%;
      background-position: center center; } }

.T007__buttons {
  position: relative;
  float: left;
  height: 60px;
  margin-top: -60px; }
  @media (min-width: 990px) {
    .T007__buttons {
      float: right;
      margin-top: 0; } }

.T007__help {
  display: none; }
  @media (min-width: 990px) {
    .T007__help {
      display: inline;
      float: left;
      width: 60px;
      height: 60px;
      background-color: #99cc00; } }

.T007__close {
  float: left;
  width: 60px;
  height: 60px;
  background-color: #007D8F;
  color: white;
  text-decoration: none;
  text-align: center;
  line-height: 60px; }
  .T007__close::before {
    font-family: "NPC Icons";
    content: "\f122";
    font-size: 18px; }

.T007__criteria {
  position: fixed;
  z-index: 60;
  top: 60px;
  height: 60px;
  width: 100%;
  background-color: #007D8F;
  color: white; }
  @media (min-width: 990px) {
    .T007__criteria {
      -ms-flex-pack: distribute;
          justify-content: space-around; } }
  .T007__criteria .T007__form {
    display: table;
    width: 100%;
    height: 60px; }
    @media (min-width: 990px) {
      .T007__criteria .T007__form .T007__form-picto {
        display: table-cell;
        vertical-align: middle;
        width: 60px;
        padding-right: 10px;
        text-align: right; }
        .T007__criteria .T007__form .T007__form-picto::before {
          font-family: "NPC Icons";
          content: "\f140";
          font-size: 24px;
          color: #99cc00; } }
    .T007__criteria .T007__form .T007__form-input {
      display: table-cell;
      width: 100%;
      background-color: #007D8F;
      color: white;
      font-size: 15px;
      line-height: 36px;
      text-align: center;
      border: none;
      outline: 0 !important; }
      @media (min-width: 990px) {
        .T007__criteria .T007__form .T007__form-input {
          text-align: left;
          font-size: 24px;
          line-height: 30px; } }
      .T007__criteria .T007__form .T007__form-input::-webkit-input-placeholder {
        color: #3396a5;
        font-style: italic; }
      .T007__criteria .T007__form .T007__form-input:-moz-placeholder {
        color: #3396a5;
        font-style: italic; }
      .T007__criteria .T007__form .T007__form-input::-moz-placeholder {
        color: #3396a5;
        font-style: italic; }
      .T007__criteria .T007__form .T007__form-input:-ms-input-placeholder {
        color: #3396a5;
        font-style: italic; }
      .T007__criteria .T007__form .T007__form-input::placeholder {
        color: #3396a5;
        font-style: italic; }

.T007__column1 {
  width: 100%; }

.T007__column2 {
  width: 100%;
  padding: 0 20px 20px 20px;
  /* Large devices (large desktops, 1200px and up) */ }
  @media (min-width: 990px) {
    .T007__column2 {
      width: 50%;
      padding: 0 40px 20px 40px; } }

.T007__panel-title {
  display: none;
  width: 100%;
  font-size: 24px;
  line-height: 24px; }

.T007__panel-keyword {
  width: 100%;
  font-size: 24px;
  line-height: 24px;
  color: #007D8F; }
  .T007__panel-keyword::before {
    float: left;
    content: "\""; }
  .T007__panel-keyword::after {
    content: "\""; }

.T007__panel-nav .T007__panel-item .T007__panel-link {
  color: #454545;
  text-decoration: none; }
  @media (min-width: 990px) {
    .T007__panel-nav .T007__panel-item .T007__panel-link {
      width: 100%;
      font-size: 17px;
      padding: 20px;
      border-bottom: 2px solid #f5f5f5; } }
  .T007__panel-nav .T007__panel-item .T007__panel-link:hover, .T007__panel-nav .T007__panel-item .T007__panel-link:focus {
    background: none;
    color: #007D8F; }

.T007__panel-nav .T007__panel-item.active .T007__panel-link {
  color: #007D8F; }

.T007__panel-dropdownToggle {
  display: none; }

.T007__title {
  margin-top: 35px;
  margin-bottom: 16px;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center; }
  .T007__title:focus {
    outline: none;
    color: #007D8F; }
  @media (min-width: 990px) {
    .T007__title {
      text-transform: none; } }

.T007__plus {
  height: 20px;
  width: 100%;
  display: table;
  text-align: center;
  margin-top: 10px; }

/**
 = rapid access (list-links, C113, c128 ?) => Accès a une autre page (CTA)
 */
.T007__answers .Accordions {
  padding: 0; }

.T007__answers .AccordionSteps {
  width: 100%;
  margin: 0; }

.T007__answers .AccordionSteps-headerToggle {
  width: 55px;
  padding: 0px 5px 0 25px; }

.T007__answers a.AccordionSteps-headerToggle {
  text-decoration: none; }
  .T007__answers a.AccordionSteps-headerToggle:focus {
    text-decoration: underline; }

.T007__article {
  height: 125px;
  width: 100%;
  background-color: #f5f5f5;
  display: table;
  margin-top: 5px;
  text-decoration: none;
  color: #454545; }
  .T007__article:hover, .T007__article:focus, .T007__article:active {
    text-decoration: none;
    color: #ffffff;
    background-color: #99cc00; }
    .T007__article:hover:after,
    .T007__article:hover .T007__article-type, .T007__article:focus:after,
    .T007__article:focus .T007__article-type, .T007__article:active:after,
    .T007__article:active .T007__article-type {
      color: inherit; }
  .T007__article:after {
    content: "";
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    text-align: center;
    color: #007D8F; }
  .T007__article .T007__article-image {
    display: none; }
    @media (min-width: 650px) {
      .T007__article .T007__article-image {
        display: table-cell;
        height: 125px;
        width: 125px;
        background-color: white;
        background-repeat: no-repeat, no-repeat;
        -moz-background-size: cover;
             background-size: cover;
        background-position: center center; } }
  .T007__article .T007__article-description {
    display: table-cell;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 0; }
  .T007__article .T007__article-type {
    text-decoration: none;
    color: #007D8F; }
  .T007__article .T007__article-title {
    text-transform: uppercase;
    margin-top: 8px; }
  .T007__article .T007__article-text {
    margin-top: 4px; }

/**
 = Simulator (c155)
 */
.T007__simulator {
  height: 90px;
  width: 100%;
  background-color: #f5f5f5;
  display: table;
  margin-bottom: 5px; }
  .T007__simulator::after {
    display: table-cell;
    width: 40px;
    vertical-align: middle;
    text-align: center;
    content: "\f107";
    font-family: "NPC Icons";
    font-size: 1em;
    font-weight: 400;
    color: #007D8F; }
  .T007__simulator .T007__simulator-logo {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 90px;
    height: 90px;
    padding: 8px; }
  .T007__simulator .T007__simulator-picto {
    width: 74px;
    height: 74px;
    background-color: #99cc00;
    -moz-background-size: 50px 50px;
         background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center; }
  .T007__simulator .T007__simulator-description {
    display: table-cell;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 30px; }
    .T007__simulator .T007__simulator-description .T007__simulator-type {
      text-decoration: none; }
    .T007__simulator .T007__simulator-description .T007__simulator-text {
      margin-top: 5px;
      color: #454545; }
  .T007__simulator, .T007__simulator:hover, .T007__simulator:focus, .T007__simulator:active {
    text-decoration: none; }

.T007__simulator:hover {
  background-color: #99cc00; }
  .T007__simulator:hover::after {
    color: white; }

.T007__simulator:hover .T007__simulator-description {
  color: #ffffff; }
  .T007__simulator:hover .T007__simulator-description .T007__simulator-text {
    color: #ffffff; }

/**
 = Product (BlockLink c158,  )
 */
.T007__product {
  height: 125px;
  width: 100%;
  background-color: #f5f5f5;
  display: table;
  table-layout: fixed;
  margin-bottom: 5px; }
  .T007__product::before {
    display: table-cell;
    content: "";
    height: 125px;
    width: 10px;
    background-color: #99cc00; }
  .T007__product::after {
    display: table-cell;
    width: 40px;
    vertical-align: middle;
    text-align: center;
    content: "\f107";
    font-family: "NPC Icons";
    font-size: 1em;
    font-weight: 400;
    color: #007D8F; }
  .T007__product .T007__product-description {
    height: 125px;
    display: table-cell;
    vertical-align: middle;
    color: #454545;
    padding-left: 20px; }
    .T007__product .T007__product-description .T007__product-title {
      text-transform: uppercase;
      font-weight: 700; }

.T007__product:hover {
  background-color: #99cc00; }
  .T007__product:hover::after {
    color: white; }
  .T007__product:hover .T007__product-description {
    color: white; }

.T007__notfound {
  width: 100%;
  background-color: #f5f5f5;
  padding-top: 30px;
  padding-bottom: 30px;
  /**
   = list-links ()
   */ }
  .T007__notfound .T007__title {
    font-size: 17px;
    margin-bottom: 25px; }
    @media (min-width: 650px) {
      .T007__notfound .T007__title {
        font-size: 25px; } }
  .T007__notfound .T007__subtitle {
    font-size: 17px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 30px;
    line-height: 1.3;
    margin-bottom: 10px; }
  .T007__notfound .T007__3columns {
    display: none; }
    @media (min-width: 990px) {
      .T007__notfound .T007__3columns {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 0 15px; }
        .T007__notfound .T007__3columns:after {
          content: '';
          display: table;
          clear: both; } }
    .T007__notfound .T007__3columns .T007__filters,
    .T007__notfound .T007__3columns .T007__associated,
    .T007__notfound .T007__3columns .T007__contact {
      margin: 25px;
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      max-width: 33.33%; }
    .T007__notfound .T007__3columns .T007__SimpleAccess-notFound {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: stretch;
         -moz-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-pack: justify;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .T007__notfound .T007__3columns .T007__SimpleAccess-notFound .simpleAccess {
        -webkit-box-flex: 1;
           -moz-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        max-height: 125px; }
  .T007__notfound .Faq-frequently {
    max-width: 100%; }
    .T007__notfound .Faq-frequently .AccordionSteps-main a, .T007__notfound .Faq-frequently .AccordionSteps-main a:hover, .T007__notfound .Faq-frequently .AccordionSteps-main a:active, .T007__notfound .Faq-frequently .AccordionSteps-main a:focus {
      color: #454545;
      text-decoration: none; }
    .T007__notfound .Faq-frequently .AccordionSteps-main a .AccordionSteps-main--marginText {
      margin-bottom: 25px; }
    @media (max-width: 649px) {
      .T007__notfound .Faq-frequently .AccordionSteps-main a {
        text-align: center; } }
  .T007__notfound .simpleAccess {
    min-height: 60px; }

.T007__menu {
  height: 60px;
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
  -moz-border-radius: 4px;
       border-radius: 4px;
  background-color: #ffffff;
  display: table;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px; }
  .T007__menu, .T007__menu:hover, .T007__menu:focus, .T007__menu:active {
    text-decoration: none; }
  .T007__menu:after {
    content: "";
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    text-align: center;
    color: #007D8F; }
  .T007__menu.collapsed:after {
    content: ""; }
  .T007__menu .T007__menu-text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    color: #454545; }

.T007__menu-items {
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
  background-color: white;
  border-spacing: 0px;
  margin-left: 10px;
  margin-bottom: 5px; }
  .T007__menu-items .T007__item {
    display: table;
    width: 100%;
    height: 60px;
    padding-left: 5%;
    padding-right: 5%;
    text-decoration: none;
    color: #454545;
    border-bottom: 1px solid #f5f5f5; }
  .T007__menu-items .T007__item-text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-right: 50px; }

.T007__shortcut {
  position: fixed;
  top: 120px;
  left: 0;
  width: 100%;
  z-index: 1; }
  @media (min-width: 990px) {
    .T007__shortcut {
      display: none; } }
  .T007__shortcut .T007__menu {
    display: table;
    height: 60px;
    width: 100%;
    margin: 0;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #f5f5f5; }
    .T007__shortcut .T007__menu:after {
      content: "";
      display: table-cell;
      vertical-align: middle;
      width: 50px;
      text-align: center;
      color: #007D8F; }
    .T007__shortcut .T007__menu.collapsed:after {
      content: ""; }
  .T007__shortcut .T007__menu-text {
    padding-left: 0;
    color: #007D8F; }
  .T007__shortcut .T007__menu-items {
    width: 100%;
    margin: 0; }
  .T007__shortcut .T007__item-text {
    text-align: left; }

.T007__notfound-photo {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-top: 40px;
  background-color: #f5f5f5;
  overflow: hidden;
  -moz-border-radius: 50%;
       border-radius: 50%;
  text-align: center; }
  .T007__notfound-photo > img {
    height: 100%; }

.T007__notfound-msg1 {
  margin-top: 20px;
  font-family: "Roboto Slab";
  font-size: 25px;
  line-height: 32px;
  font-weight: 400;
  color: #007D8F;
  margin-left: 20%;
  margin-right: 20%; }

.T007__notfound-msg2 {
  margin-top: 10px;
  font-family: "Roboto Slab";
  font-size: 25px;
  line-height: 32px;
  font-weight: 300;
  margin-left: 20%;
  margin-right: 20%; }
  .T007__notfound-msg2 > a {
    color: #454545;
    text-decoration: underline; }

/**
 = GREEN BTN (C110 -> C129 (plus à jour))
 */
.T007__notfound-frame {
  width: 60%;
  max-width: 550px;
  margin: 30px auto; }
  @media (max-width: 989px) {
    .T007__notfound-frame {
      min-height: 200px; } }
  @media (max-width: 649px) {
    .T007__notfound-frame {
      width: 80%; } }

/**
New design
 */
.T007__main {
  position: absolute;
  top: 120px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  background: #ffffff; }
  @media (max-width: 989px) {
    .T007__main {
      top: 167px; } }

.T007__result .simpleAccess + .simpleAccess {
  margin-top: 10px; }

@media (min-width: 990px) {
  .T007__result:after {
    content: '';
    display: table;
    clear: both; }
  .T007__panel-title {
    display: block; }
  .T007__column1 {
    float: left;
    width: 50%; }
    .T007__column1.js-Sticky--enable .js-StickyWrap {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background: #ffffff; }
  .T007__column2 {
    float: right; }
    .T007__column2 .BlockLink-title {
      color: #000; }
  .T007__panel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    max-height: 100%;
    padding: 20px;
    overflow: auto; }
  .T007__panel-link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
    min-height: 40px;
    padding-top: 10px;
    padding-bottom: 10px; } }

@media (max-width: 989px) {
  .T007__notfound,
  .T007__column2 {
    padding-left: 5%;
    padding-right: 5%; } }

@media (max-width: 649px) {
  .T007__notfound,
  .T007__column2 {
    padding-left: 7%;
    padding-right: 7%; } }

/*doc
---
title: Header Login
name: headerLogin
parent: header-02-small
category: header
---

```html_example
@@include("../../kit/components/_headerLogin.kit")
```
*/
.BodyLogin {
  background-color: #f5f5f5; }

.Login-header {
  position: fixed;
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 9995;
  width: 100%;
  height: 60px;
  background-color: #ffffff; }
  .Login-header ~ .Template {
    margin-top: 60px; }

.Login-header--first {
  background-color: #f5f5f5; }
  .Login-header--first .Login-logo {
    background-color: #f5f5f5; }

.Login-logo {
  height: 60px;
  padding: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 990px) {
    .Login-logo {
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }
  @media (min-width: 990px) {
    .Login-logo {
      max-width: 236px;
      background-color: white; } }

.Login-logoImg {
  max-width: 100%;
  max-height: 100%; }

div.Login-logoImg {
  height: 100%; }

.Login-close {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  font-size: 18px;
  line-height: 1;
  border-left: 1px solid #ffffff; }
  .Login-close:after {
    font-family: "NPC Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: ""; }

.Login-message {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10%;
  padding-right: 10%;
  color: #ffffff;
  font-size: 3vh;
  font-weight: 400;
  line-height: 1.33em;
  text-transform: uppercase; }

.Login-lostPswd {
  text-align: right; }
  @media (min-width: 650px) {
    .Login-lostPswd {
      position: relative; } }

.Login-lostPswdLink {
  font-style: italic;
  color: #999999;
  font-size: 0.9em; }

.Login-accountLabel {
  font-size: 0.9em; }

.Login-container {
  padding: 20px 5%; }

.Login-form {
  width: 100%;
  margin-top: 20px; }
  @media (max-width: 649px) {
    .Login-form {
      padding: 10px 0; } }
  @media (min-width: 650px) {
    .Login-form {
      padding: 0 10% 0 0; } }
  @media (min-width: 990px) {
    .Login-form {
      margin-top: 40px; } }

.Login-button {
  margin-top: 20px;
  font-weight: 600; }

.Login-keypad {
  display: table;
  border-spacing: 10px;
  border-collapse: separate;
  margin-left: -10px;
  width: -moz-calc(100% + 20px);
  width: calc(100% + 20px); }

.Login-key {
  display: table-cell;
  height: 45px;
  background-color: #ffffff;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: 600; }
  @media (max-width: 989px) {
    .Login-key {
      font-size: 16px; } }

.Login-information {
  padding-left: 0;
  padding-right: 0;
  padding-top: 50px; }
  .Login-information a {
    color: #454545; }
  @media screen and (max-width: 989px) {
    .Login-information {
      padding-top: 30px; } }
  @media screen and (min-width: 650px) and (max-width: 989px) {
    .Login-information {
      padding-top: 30px; } }

.Login-accountEntry {
  padding: 0; }

.Login-noPadding {
  padding-right: 0;
  padding-left: 0; }

.Login-saveMyId {
  float: left;
  margin-top: -2px;
  margin-left: 2px; }

.Login-saveMyIdLabel {
  color: #007D8F;
  text-transform: none;
  font-weight: 100; }

.Login-errorAccount {
  float: left;
  color: #d70000;
  margin-bottom: 15px; }

.Login-errorEmpty {
  border: 1px solid #d70000; }

.register.parsys {
  margin-top: 100px; }
  @media (max-width: 989px) {
    .register.parsys {
      margin-top: 30px; } }

.ForgotPswd {
  width: 100%;
  height: 100%; }

.ForgotPswd-imgWrapper .PushNinePos-paragraph {
  margin: 0 5%;
  padding: 30px;
  font-family: "Open Sans", sans-serif;
  text-align: left;
  text-transform: uppercase;
  background-color: #007D8F; }

.ForgotPswd-imgCol {
  padding: 0; }

.ForgotPswd-title--lineHeight {
  line-height: 18px; }

.ForgotPswd-imgText {
  width: 90%;
  background-color: #007D8F;
  color: #ffffff;
  position: absolute;
  bottom: 15%;
  margin: 0 5%;
  padding: 30px; }

.ForgotPswd-imgTextFirstPart {
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 0; }

.ForgotPswd-resetPswd {
  background-color: #f5f5f5;
  padding: 0 5% 20px; }

.ForgotPswd-resetPswd--left {
  width: 100%;
  padding: 0 5%; }

.ForgotPswd-information {
  width: 100%;
  float: left;
  height: 100%; }

.ForgotPswd-information--margin {
  margin-top: 40px; }

.ForgotPswd-contact {
  width: 50%;
  height: 100%;
  float: left;
  background-color: #007D8F;
  color: #ffffff; }

.ForgotPswd-contact,
.ForgotPswd-security {
  padding: 40px 5%; }

.ForgotPswd-contactTitle {
  font-weight: 700;
  margin-bottom: 3px; }

.ForgotPswd-contactSubtitle {
  font-weight: 100;
  margin-top: 0; }

.ForgotPswd-contactSubtitle,
.ForgotPswd-securityTitle {
  margin-bottom: 30px; }

.ForgotPswd-security {
  width: 50%;
  float: left;
  height: 100%;
  background-color: #e5e5e5;
  color: #454545; }

.ForgotPswd-securityTitle {
  font-weight: 700; }

.ForgotPswd-paragraphInformation {
  width: 90%;
  font-weight: 300; }

.ForgotPswd-links {
  color: #454545; }

.ForgotPswd-paragraphInformationPadding {
  padding-bottom: 20px; }

.ForgotPswd-connectionSaveMyId {
  margin-top: 8px;
  margin-bottom: 25px; }

.ForgotPswd-resetPswdTitles {
  width: 100%;
  margin-top: 55px;
  color: #007D8F; }

.ForgotPswd-resetPswdFirstTitle {
  font-weight: 300;
  margin-bottom: 30px; }

.ForgotPswd-resetPswdPara {
  color: #454545;
  width: 80%;
  margin-bottom: 30px;
  font-weight: 300; }

.ForgotPswd-resetPswdPara--confirm {
  color: #454545;
  width: 80%;
  font-weight: 300; }

.ForgotPswd-resetPswdPara--primary {
  color: #007D8F;
  font-weight: 300; }

.ForgotPswd-resetPswdColForm {
  width: 100%; }

.ForgotPswd-resetPswdForm {
  padding-left: 0;
  padding-right: 0; }

.ForgotPswd-resetPswdForm--noPadding {
  padding: 0; }

.ForgotPswd-resetPswdFormLeft {
  width: 48%;
  float: left; }

.ForgotPswd-resetPswdFormRight {
  width: 48%;
  float: right; }

.ForgotPswd-resetPswdBtnForm {
  width: 100%;
  float: left;
  margin-top: 30px; }

.ForgotPswd-resetPswdBtnForm--confirm {
  text-align: center;
  width: 100%;
  float: left;
  margin-top: 30px; }

.ForgotPswd-resetPswdFirstBtnForm--confirm,
.ForgotPswd-resetPswdSecondBtnForm--confirm {
  background-color: #ffffff;
  border: 1px solid #007D8F;
  color: #007D8F;
  width: 31%;
  padding-left: 40px;
  padding-right: 40px; }
  .ForgotPswd-resetPswdFirstBtnForm--confirm:hover, .ForgotPswd-resetPswdFirstBtnForm--confirm.hover, .ForgotPswd-resetPswdFirstBtnForm--confirm:focus, .ForgotPswd-resetPswdFirstBtnForm--confirm.hover, .ForgotPswd-resetPswdFirstBtnForm--confirm:active, .ForgotPswd-resetPswdFirstBtnForm--confirm.active,
  .ForgotPswd-resetPswdSecondBtnForm--confirm:hover,
  .ForgotPswd-resetPswdSecondBtnForm--confirm.hover,
  .ForgotPswd-resetPswdSecondBtnForm--confirm:focus,
  .ForgotPswd-resetPswdSecondBtnForm--confirm.hover,
  .ForgotPswd-resetPswdSecondBtnForm--confirm:active,
  .ForgotPswd-resetPswdSecondBtnForm--confirm.active {
    color: #ffffff;
    background-color: #007D8F;
    border-color: #007D8F; }

.ForgotPswd-resetPswdThirdBtnForm--confirm {
  background-color: #007D8F;
  color: #ffffff;
  border-width: 1px;
  border-color: #007D8F;
  width: 31%;
  padding-left: 40px;
  padding-right: 40px; }
  .ForgotPswd-resetPswdThirdBtnForm--confirm:hover, .ForgotPswd-resetPswdThirdBtnForm--confirm.hover, .ForgotPswd-resetPswdThirdBtnForm--confirm:focus, .ForgotPswd-resetPswdThirdBtnForm--confirm.focus, .ForgotPswd-resetPswdThirdBtnForm--confirm:active, .ForgotPswd-resetPswdThirdBtnForm--confirm.active {
    background-color: #006675;
    color: #ffffff;
    border-color: #006675; }
  .ForgotPswd-resetPswdThirdBtnForm--confirm.disabled, .ForgotPswd-resetPswdThirdBtnForm--confirm.disabled:hover, .ForgotPswd-resetPswdThirdBtnForm--confirm.disabled.hover, .ForgotPswd-resetPswdThirdBtnForm--confirm.disabled:focus, .ForgotPswd-resetPswdThirdBtnForm--confirm.disabled.focus, .ForgotPswd-resetPswdThirdBtnForm--confirm.disabled:active, .ForgotPswd-resetPswdThirdBtnForm--confirm.disabled.active, .ForgotPswd-resetPswdThirdBtnForm--confirm[disabled], .ForgotPswd-resetPswdThirdBtnForm--confirm[disabled]:hover, .ForgotPswd-resetPswdThirdBtnForm--confirm[disabled].hover, .ForgotPswd-resetPswdThirdBtnForm--confirm[disabled]:focus, .ForgotPswd-resetPswdThirdBtnForm--confirm[disabled].focus, .ForgotPswd-resetPswdThirdBtnForm--confirm[disabled]:active, .ForgotPswd-resetPswdThirdBtnForm--confirm[disabled].active,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm:hover,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm.hover,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm:focus,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm.focus,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm:active,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm.active {
    background-color: #98cbd3;
    border-color: #98cbd3;
    color: #ffffff;
    cursor: not-allowed; }

.ForgotPswd-resetPswdSecondBtnForm--confirm {
  margin-left: 1%;
  margin-right: 1%; }

.ForgotPswd-resetPswdThirdBtnForm {
  background-color: #007D8F;
  color: #ffffff;
  border-width: 1px;
  border-color: #007D8F;
  padding-left: 40px;
  padding-right: 40px; }
  .ForgotPswd-resetPswdThirdBtnForm:hover, .ForgotPswd-resetPswdThirdBtnForm.hover, .ForgotPswd-resetPswdThirdBtnForm:focus, .ForgotPswd-resetPswdThirdBtnForm.focus, .ForgotPswd-resetPswdThirdBtnForm:active, .ForgotPswd-resetPswdThirdBtnForm.active {
    background-color: #006675;
    color: #ffffff;
    border-color: #006675; }
  .ForgotPswd-resetPswdThirdBtnForm.disabled, .ForgotPswd-resetPswdThirdBtnForm.disabled:hover, .ForgotPswd-resetPswdThirdBtnForm.disabled.hover, .ForgotPswd-resetPswdThirdBtnForm.disabled:focus, .ForgotPswd-resetPswdThirdBtnForm.disabled.focus, .ForgotPswd-resetPswdThirdBtnForm.disabled:active, .ForgotPswd-resetPswdThirdBtnForm.disabled.active, .ForgotPswd-resetPswdThirdBtnForm[disabled], .ForgotPswd-resetPswdThirdBtnForm[disabled]:hover, .ForgotPswd-resetPswdThirdBtnForm[disabled].hover, .ForgotPswd-resetPswdThirdBtnForm[disabled]:focus, .ForgotPswd-resetPswdThirdBtnForm[disabled].focus, .ForgotPswd-resetPswdThirdBtnForm[disabled]:active, .ForgotPswd-resetPswdThirdBtnForm[disabled].active,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm:hover,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm.hover,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm:focus,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm.focus,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm:active,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm.active {
    background-color: #98cbd3;
    border-color: #98cbd3;
    color: #ffffff;
    cursor: not-allowed; }

.ForgotPswd-resetPswdThirdBtnForm--padDefault {
  width: 100%;
  padding-left: 12px;
  padding-right: 12px; }

.ForgotPswd-resetPswdFirstBtnForm,
.ForgotPswd-resetPswdSecondBtnForm {
  width: 48%;
  padding-left: 40px;
  padding-right: 40px; }

.ForgotPswd-resetPswdThirdBtnForm--confirm {
  background-color: #007D8F;
  color: #ffffff;
  border-width: 1px;
  border-color: #007D8F;
  padding-left: 40px;
  padding-right: 40px; }
  .ForgotPswd-resetPswdThirdBtnForm--confirm:hover, .ForgotPswd-resetPswdThirdBtnForm--confirm.hover, .ForgotPswd-resetPswdThirdBtnForm--confirm:focus, .ForgotPswd-resetPswdThirdBtnForm--confirm.focus, .ForgotPswd-resetPswdThirdBtnForm--confirm:active, .ForgotPswd-resetPswdThirdBtnForm--confirm.active {
    background-color: #006675;
    color: #ffffff;
    border-color: #006675; }
  .ForgotPswd-resetPswdThirdBtnForm--confirm.disabled, .ForgotPswd-resetPswdThirdBtnForm--confirm.disabled:hover, .ForgotPswd-resetPswdThirdBtnForm--confirm.disabled.hover, .ForgotPswd-resetPswdThirdBtnForm--confirm.disabled:focus, .ForgotPswd-resetPswdThirdBtnForm--confirm.disabled.focus, .ForgotPswd-resetPswdThirdBtnForm--confirm.disabled:active, .ForgotPswd-resetPswdThirdBtnForm--confirm.disabled.active, .ForgotPswd-resetPswdThirdBtnForm--confirm[disabled], .ForgotPswd-resetPswdThirdBtnForm--confirm[disabled]:hover, .ForgotPswd-resetPswdThirdBtnForm--confirm[disabled].hover, .ForgotPswd-resetPswdThirdBtnForm--confirm[disabled]:focus, .ForgotPswd-resetPswdThirdBtnForm--confirm[disabled].focus, .ForgotPswd-resetPswdThirdBtnForm--confirm[disabled]:active, .ForgotPswd-resetPswdThirdBtnForm--confirm[disabled].active,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm:hover,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm.hover,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm:focus,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm.focus,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm:active,
  fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm.active {
    background-color: #98cbd3;
    border-color: #98cbd3;
    color: #ffffff;
    cursor: not-allowed; }

.ForgotPswd-resetPswdFirstBtnForm {
  background-color: #ffffff;
  border: 1px solid #007D8F;
  color: #007D8F;
  float: left; }
  .ForgotPswd-resetPswdFirstBtnForm:hover, .ForgotPswd-resetPswdFirstBtnForm.hover, .ForgotPswd-resetPswdFirstBtnForm:focus, .ForgotPswd-resetPswdFirstBtnForm.hover, .ForgotPswd-resetPswdFirstBtnForm:active, .ForgotPswd-resetPswdFirstBtnForm.active {
    color: #ffffff;
    background-color: #007D8F;
    border-color: #007D8F; }

.ForgotPswd-resetPswdSecondBtnForm {
  background-color: #007D8F;
  color: #ffffff;
  border-width: 1px;
  border-color: #007D8F;
  float: right; }
  .ForgotPswd-resetPswdSecondBtnForm:hover, .ForgotPswd-resetPswdSecondBtnForm.hover, .ForgotPswd-resetPswdSecondBtnForm:focus, .ForgotPswd-resetPswdSecondBtnForm.focus, .ForgotPswd-resetPswdSecondBtnForm:active, .ForgotPswd-resetPswdSecondBtnForm.active {
    background-color: #006675;
    color: #ffffff;
    border-color: #006675; }
  .ForgotPswd-resetPswdSecondBtnForm.disabled, .ForgotPswd-resetPswdSecondBtnForm.disabled:hover, .ForgotPswd-resetPswdSecondBtnForm.disabled.hover, .ForgotPswd-resetPswdSecondBtnForm.disabled:focus, .ForgotPswd-resetPswdSecondBtnForm.disabled.focus, .ForgotPswd-resetPswdSecondBtnForm.disabled:active, .ForgotPswd-resetPswdSecondBtnForm.disabled.active, .ForgotPswd-resetPswdSecondBtnForm[disabled], .ForgotPswd-resetPswdSecondBtnForm[disabled]:hover, .ForgotPswd-resetPswdSecondBtnForm[disabled].hover, .ForgotPswd-resetPswdSecondBtnForm[disabled]:focus, .ForgotPswd-resetPswdSecondBtnForm[disabled].focus, .ForgotPswd-resetPswdSecondBtnForm[disabled]:active, .ForgotPswd-resetPswdSecondBtnForm[disabled].active,
  fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm,
  fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm:hover,
  fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm.hover,
  fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm:focus,
  fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm.focus,
  fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm:active,
  fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm.active {
    background-color: #98cbd3;
    border-color: #98cbd3;
    color: #ffffff;
    cursor: not-allowed; }

.ResetPswd-secondBtnForm {
  margin: 5px 0 7px 0; }

.ResetPswd-vocalityBtn {
  background-color: #454545;
  border-color: #454545; }
  .ResetPswd-vocalityBtn:hover {
    background-color: #363535;
    border-color: #363535; }

.ResetPswd-vocalitySpan {
  font-size: 17px;
  margin-right: 4px; }

.ForgotPswd-confirmForm {
  width: 100%;
  padding-left: 6px;
  float: left; }

.ForgotPswd-confirmFormLabel {
  text-transform: none;
  padding-left: 23px !important; }

.ForgotPswd-resetPswdRecapForm {
  margin-bottom: 30px; }

.ForgotPswd-resetPswdRecap {
  padding: 15px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2px; }

.ForgotPswd-saveMyIdLabel {
  padding-left: 22px !important; }

.ForgotPswd-saveMyIdLabel::after {
  -moz-border-radius: 50% !important;
       border-radius: 50% !important; }

.ResetPswd-enterOldPswd {
  padding-top: 20px; }

.ResetPswd-subtitles {
  margin: 0; }

.ResetPswd-secondKeypad {
  margin-top: -10px; }

.ResetPswd-key {
  -moz-border-radius: 3px;
       border-radius: 3px; }

.ResetPswd-enterNewPswd {
  padding-top: 25px; }

.ResetPswd-confirmNewPswd {
  margin-top: 8px; }

.ResetPswd-enterOldPswd--padBot {
  padding-bottom: 20px; }

.ResetPswd-confirmInformationRight {
  padding-top: 10px; }

/* Mobile and Tablet Behavior */
@media screen and (max-width: 989px) {
  .ForgotPswd-resetPswd,
  .ForgotPswd-imgWrapper,
  .ForgotPswd-information {
    float: left;
    width: 100%; }
  .ForgotPswd-resetPswd {
    padding-bottom: 50px; }
  .ForgotPswd-contact {
    background-color: #e5e5e5;
    color: #454545; }
  .ForgotPswd-security {
    background-color: #f5f5f5; }
  .ForgotPswd-imgWrapper {
    height: 450px; } }

@media screen and (max-width: 649px) {
  .ForgotPswd-resetPswdFirstCol,
  .ForgotPswd-contact,
  .ForgotPswd-security,
  .ForgotPswd-resetPswdFormRight,
  .ForgotPswd-resetPswdFormLeft,
  .ForgotPswd-resetPswdFirstBtnForm,
  .ForgotPswd-resetPswdSecondBtnForm {
    width: 100%;
    float: left; }
  .ForgotPswd-contact {
    background-color: #f5f5f5; }
  .ForgotPswd-resetPswdFirstBtnForm {
    margin-top: 15px; }
  .ForgotPswd-contact,
  .ForgotPswd-security {
    padding: 10px 5%; }
  .ForgotPswd-resetPswdFirstBtnForm--confirm,
  .ForgotPswd-resetPswdSecondBtnForm--confirm,
  .ForgotPswd-resetPswdThirdBtnForm--confirm {
    width: 100%;
    margin: 0 0 10px 0; }
  .ForgotPswd-resetPswdBtnForm--confirm {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  .ForgotPswd-resetPswdRecap {
    display: block; }
  .ForgotPswd-resetPswdThirdBtnForm {
    width: 100%; }
  .ForgotPswd-resetPswd--smallPad {
    padding-bottom: 20px; }
  .Login-information--hidden {
    display: none; } }

/* Media Queries for Ipad Pro only */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
  .ForgotPswd-imgWrapper {
    height: 75%; } }

.CompatibilityError {
  width: 100%;
  height: 100%;
  border: 0;
  border-collapse: collapse; }

.CompatibilityError-header {
  height: 60px;
  padding: 0 20px;
  background: #fff; }

.CompatibilityError-content {
  text-align: center;
  background: #e6e6e6; }

.CompatibilityError-container {
  width: 600px;
  margin: 0 auto; }

.CompatibilityError-icon {
  font-size: 60px;
  color: #007D8F; }

.CompatibilityError-logos {
  float: left;
  display: inline;
  width: 100%;
  overflow: hidden; }

.CompatibilityError-logo {
  float: left;
  display: inline;
  width: 25%;
  padding: 20px 0;
  text-transform: uppercase;
  text-decoration: none;
  color: #454545; }

.CompatibilityError-logoTitle {
  margin-top: 10px; }

/*doc
---
title: Strong Authentication
name: strong-authentication
category: strong-authentication
---

**Templates exemple:**
<ul>
<li><a href="../../build/examples/strong_authentication.html">strong auth page</a></li>
<li><a href="../../build/examples/sms_authenticationError.html">strong auth error</a></li>
<li><a href="../../build/examples/sms_authenticationPhoneCode.html">strong auth phone code</a></li>
<li><a href="../../build/examples/sms_authenticationPhoneFirstV.html">strong auth phone first V</a></li>
<li><a href="../../build/examples/sms_authenticationPhoneSecondV.html">strong auth phone second V</a></li>
</ul>
*/
.StrongAuthentication-information {
  width: 100%; }

/* Picture of Credit Agricole */
.StrongAuthentication-caSavoie {
  width: 100%; }

.StrongAuthentication-adress {
  background-color: #007D8F;
  color: #ffffff; }

.StrongAuthentication-adress,
.StrongAuthentication-analyseSituation {
  padding: 40px; }

.StrongAuthentication-adressTitle {
  margin: 0; }

.StrongAuthentication-adressSubtitle {
  margin-top: 2px;
  margin-bottom: 15px; }

.StrongAuthentication-analyseSituation {
  background-color: #f5f5f5;
  text-align: center; }

.StrongAuthentication-para {
  font-weight: 300; }

.StrongAuthentication-para--gray {
  color: #454545; }

.StrongAuthentication-para--padLeft46 {
  padding-left: 46px; }

.StrongAuthentication-noMarginBot {
  margin-bottom: 0; }

.StrongAuthentication-openingHours {
  margin-top: 15px; }

.StrongAuthentication-adressLink {
  color: #ffffff; }
  .StrongAuthentication-adressLink:hover, .StrongAuthentication-adressLink:active, .StrongAuthentication-adressLink:focus, .StrongAuthentication-adressLink:visited {
    color: #ffffff; }

.StrongAuthentication-analyseSituationTitle {
  color: #007D8F;
  margin-bottom: 0; }

.StrongAuthentication-para--marginTB {
  margin: 10px 0; }

.StrongAuthentication-analyseSituationImg {
  margin-bottom: 15px; }

.StrongAuthentication-analyseLogo {
  width: 35px; }

.StrongAuthentication-authenticateU {
  padding: 5%; }

.StrongAuthentication-authenticateU--noTopPad {
  padding-top: 0; }

.StrongAuthentication-authenticateUContent {
  padding-top: 15px; }

.StrongAuthentication-rightArrow {
  font-size: 1.1em;
  color: #ffffff;
  background-color: #99cc00;
  padding: 7px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  margin-right: 10px; }

.StrongAuthentication-formGroup {
  width: 102%;
  margin: -1%;
  padding: 0 40px;
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  font-size: 0;
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  text-rendering: optimizespeed; }

.StrongAuthentication-formInline {
  padding-left: 0;
  padding-right: 0; }

.StrongAuthentication-radioBtn {
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  width: 48%;
  margin: 10px 1% !important; }
  .StrongAuthentication-radioBtn .radio-input {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden; }
    .StrongAuthentication-radioBtn .radio-input:checked + label {
      background-color: #007D8F;
      color: #ffffff; }

.StrongAuthentication-radioLabel {
  display: block;
  padding: 17px 20px 17px 43px !important;
  text-transform: none;
  background-color: #f5f5f5;
  -moz-border-radius: 4px;
       border-radius: 4px; }
  .StrongAuthentication-radioLabel:before, .StrongAuthentication-radioLabel:after {
    left: 20px !important;
    top: 50% !important;
    margin-top: -7px; }

.StrongAuthentication-formActions {
  margin-top: 30px;
  margin-top: -7px; }

.StrongAuthentication-authenticateUBtnWrapper {
  padding-top: 30px;
  text-align: center; }

.StrongAuthentication-authenticateUBtn {
  width: 150px;
  margin: 0 10px; }

.StrongAuthentication-authenticateUValidBtn {
  background-color: #007D8F !important;
  color: #ffffff !important;
  margin-left: 10px; }
  .StrongAuthentication-authenticateUValidBtn:hover, .StrongAuthentication-authenticateUValidBtn:active, .StrongAuthentication-authenticateUValidBtn:focus, .StrongAuthentication-authenticateUValidBtn:active {
    background-color: #006675 !important; }

/* Code for sms_authenticationPhoneFirstV */
.SmsAuthentication-iconChecked {
  font-size: 2.6em;
  color: #99cc00;
  margin-right: 10px; }

.AccordionSteps-itemContent--empty {
  height: 51px;
  margin-left: -7.5px; }

.StrongAuthentication-rightArrowPhone {
  font-size: 1.5em;
  color: #ffffff;
  background-color: #99cc00;
  padding: 7px;
  margin-right: 10px;
  -moz-border-radius: 50%;
       border-radius: 50%; }

.SmsAuthentication-enterPhoneNumb {
  background-color: #f5f5f5;
  padding: 20px;
  -moz-border-radius: 4px;
       border-radius: 4px;
  text-align: center;
  margin: 30px 46px 10px 46px; }

.SmsAuthentication-enterPhoneNumb--secondV {
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.StrongAuthentication-notMyNumberLinkWrapper {
  margin: 0 46px 10px 46px;
  text-align: right; }

/* Code for sms_authenticationPhoneFirstV */
/* Code for sms_authenticationPhoneCode */
.SmsAuthentication-formCode {
  padding-top: 20px;
  width: 60%; }

.SmsAuthentication-btnWrapperFlex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

/* Code for sms_authenticationPhoneCode */
/* Mobile Behavior */
@media screen and (max-width: 649px) {
  .StrongAuthentication-radioBtn {
    width: 100%;
    -moz-border-radius: 4px;
         border-radius: 4px;
    margin: 10px 0 !important; }
  .SmsAuthentication-formCode {
    width: 99%; } }

/*doc
---
title: private bank
name: PrivateBank
category: privateBank
---

**Scripts à inclure:**

- `<script src="privateBank.js"></script>`
- `<script src="jquery.dataTables.js"></script>`
- `<script src="chart.js"></script>`
- `<script src="tabsNav.js"></script>`


<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>

<!--  CUSTOM JS -->
<script src="./../../build/js/Chart.js" type="text/javascript"></script>
<script src="./../../build/js/tabsNav.js" type="text/javascript"></script>
<script src="./../../build/js/jquery.dataTables.js" type="text/javascript"></script>
<script src="./../../build/js/privateBank.js" type="text/javascript"></script>

**Template exemple:**

- [Intégration page (particulier)](../../build/examples/privateBankV1.html)
*/
.PrivateBank-owner {
  background-color: #f5f5f5;
  width: 100%;
  padding: 2.5%;
  margin: 11.5px 0 20px 0;
  -moz-border-radius: 4px;
       border-radius: 4px; }

.PrivateBank-ownerName,
.PrivateBank-ownerNameEntitled {
  margin-bottom: 0; }

.PrivateBank-ownerNumb {
  color: #999999;
  font-size: 11px; }

.PrivateBank-ownerContract,
.PrivateBank-globalTabsContainer {
  margin-bottom: 20px; }

.PrivateBank-ownerContractHeader {
  position: relative;
  background-color: #007D8F;
  color: #ffffff;
  width: 100%;
  display: table;
  padding: 2.5%; }
  .PrivateBank-ownerContractHeader:after {
    position: absolute;
    bottom: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
       -moz-transform: translateX(50%);
            transform: translateX(50%);
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #f5f5f5 transparent; }

.PrivateBank-ownerContractHeaderH2 {
  font-size: 23px;
  margin-top: -5px;
  margin-bottom: 0; }

.PrivateBank-ownerContractHeaderSmallSize {
  font-size: 13px; }

.PrivateBank-ownerContractHeaderLink {
  color: #ffffff;
  font-weight: 300; }
  .PrivateBank-ownerContractHeaderLink:hover, .PrivateBank-ownerContractHeaderLink:focus {
    color: #ffffff; }

.PrivateBank-ownerContractHeaderRight,
.PrivateBank-ownerContractHeaderLeft,
.PrivateBank-ownerContractLabel,
.PrivateBank-titleH2,
.PrivateBank-distriSupCompareLink {
  display: table-cell; }

.PrivateBank-titleH2 {
  padding-top: 17px; }

.PrivateBank-ownerContractHeaderRight,
.PrivateBank-ownerContractValue,
.PrivateBank-distriSupCompareLink {
  text-align: right; }

.PrivateBank-distriSupCompareLink {
  white-space: nowrap; }

.PrivateBank-ownerContractValue--mediumFontSize {
  font-size: 17px; }

.PrivateBank-ownerContractValueContainer {
  display: table;
  width: 100%;
  background-color: #f5f5f5;
  padding: 2.5%; }
  .PrivateBank-ownerContractValueContainer + .PrivateBank-ownerContractValueContainer {
    margin-top: 1px; }

.PrivateBank-ownerContractValueContainer--mediumPad {
  padding: 2.5%; }

.PrivateBank-ownerName,
.PrivateBank-ownerContractValue,
.PrivateBank-valuationPara,
.PrivateBank-tabsNavContentSpan,
.PrivateBank-poppinH3 {
  color: #007D8F !important; }

.PrivateBank-distriSup {
  display: table;
  width: 100%;
  padding-top: 10px; }

.PrivateBank-distriSupH2 {
  margin-bottom: 15px; }

.PrivateBank-ownerContractMoreInfo--unactive,
.PrivateBank-ownerContractValueContainer--hidden,
.PrivateBank-tabsNavSubDivWrapper {
  display: none; }

.PrivateBank-ownerContract--showAll .PrivateBank-ownerContractValueContainer--hidden {
  display: table; }

.PrivateBank-ownerContract--showAll .PrivateBank-ownerContractMoreInfo--active {
  display: none; }

.PrivateBank-ownerContract--showAll .PrivateBank-ownerContractMoreInfo--unactive {
  display: block; }

.PrivateBank-distriSupCompareLink:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #99cc00;
  padding-right: 10px;
  text-decoration: none; }

.PrivateBank-valuationPara {
  padding: 5px 0 10px 0; }

.PrivateBank-valuationParaSpan {
  font-size: 17px;
  padding-left: 10px; }

.PrivateBank-tabsNavContainer {
  padding: 2.5%; }
  .PrivateBank-tabsNavContainer + .PrivateBank-tabsNavContainer {
    border-top: 1px solid #ffffff; }

.PrivateBank-tabsNav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  color: #999999;
  padding-right: 45px;
  cursor: pointer; }
  .PrivateBank-tabsNav + .PrivateBank-tabsNav {
    border-top: 1px solid #ffffff; }

.PrivateBank-tabsNav--icon:after {
  font-family: "NPC Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1em;
  height: 1em;
  line-height: 1em;
  color: #007D8F;
  font-size: 11px;
  margin: -.5em 0;
  cursor: pointer; }
  @media screen and (max-width: 649px) {
    .PrivateBank-tabsNav--icon:after {
      top: 9px; } }

.PrivateBank-tabsNavContent.active {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }

.PrivateBank-tabsNavContentTitle {
  color: #454545;
  font-size: 12px; }

.PrivateBank-tabsNavContent--smallSizeFont {
  font-size: 11px; }

.PrivateBank-tabsNavContent--largeSizeFont {
  font-size: 15px; }

.PrivateBank-tabsNavContent--rightAlign {
  text-align: right; }

.PrivateBank-tabs--grayBg,
.PrivateBank-Operation {
  background-color: #f5f5f5; }

.PrivateBank-ownerContractLabel--grayFont,
.PrivateBank-additionalMentionsPara {
  color: #999999; }

.PrivateBank-ownerContractLabel--blackFont,
.PrivateBank-readMorePoppinPara {
  color: #454545; }

.PrivateBank-ownerContractLabel--VerticalMid {
  vertical-align: middle; }

.PrivateBank-tabContent {
  display: none; }
  .PrivateBank-tabContent.active {
    display: block; }

.PrivateBank-tabsNavSubDivWrapper {
  margin-right: 30px;
  margin-top: 20px; }

.PrivateBank-tabsNavSubDiv {
  padding: 5px 2.5%;
  background-color: #ffffff; }

.PrivateBank-tabsNavContainer--open .PrivateBank-tabsNav--icon:after {
  content: ""; }

.PrivateBank-tabsNavContainer--open .PrivateBank-tabsNavSubDivWrapper {
  display: block; }

.PrivateBank-titleH3 {
  font-size: 17px;
  font-weight: normal; }

.PrivateBank-benefClauseH3 {
  font-size: 17px;
  color: #007D8F; }

.PrivateBank-benefClausePara {
  margin-top: 15px; }

.PrivateBank-Operation {
  text-align: center;
  padding: 30px; }
  .PrivateBank-Operation:before {
    font-family: "NPC Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "";
    display: block;
    font-size: 3.5em;
    color: #99cc00;
    margin: 10px auto 25px; }

.PrivateBank-OperationParaWhithMarg {
  margin: 20px; }

.PrivateBank-OperationParaWhithoutMarg {
  margin: 0; }

.PrivateBank-additionalMentions {
  font-style: italic;
  font-weight: 300;
  font-size: 11px;
  margin-top: 47px;
  margin-bottom: 20px; }

.PrivateBank-additionalMentionsPara {
  list-style-type: none;
  padding-left: 0; }

.PrivateBank-poppinH3,
.PrivateBank-readMorePoppinPara {
  text-align: left; }

.PrivateBank-poppinH3 {
  font-weight: 600;
  padding: 10px 0; }

.PrivateBank-readMorePoppinPara {
  font-weight: 300;
  list-style-type: none;
  padding-left: 0; }

.PrivateBank-ComparePoppinPara--gray {
  font-weight: 300;
  color: #999999;
  padding: 5px 0; }

.PrivateBank-doughnutChart {
  position: relative;
  padding: 20px 12% 30px; }
  @media (min-width: 650px) {
    .PrivateBank-doughnutChart {
      max-width: 470px;
      margin: 0 auto;
      padding-left: 110px;
      padding-right: 110px; } }

.PrivateBank-doughnutChartLegend {
  position: relative;
  width: 90px;
  padding: 10px 20px;
  background-color: #ffffff;
  -moz-border-radius: 3px;
       border-radius: 3px; }
  @media (max-width: 649px) {
    .PrivateBank-doughnutChartLegend {
      margin: 0 auto; } }
  @media (min-width: 650px) {
    .PrivateBank-doughnutChartLegend {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
              transform: translateY(-50%); } }
  .PrivateBank-doughnutChartLegend:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px; }
  @media (max-width: 649px) {
    .PrivateBank-doughnutChartLegend:before {
      left: 50%;
      -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
              transform: translateX(-50%); }
    .PrivateBank-doughnutChartLegend:first-child {
      margin-bottom: 20px;
      border-top: 10px solid #f05261; }
      .PrivateBank-doughnutChartLegend:first-child:before {
        bottom: -15px;
        border-color: #ffffff transparent transparent; }
    .PrivateBank-doughnutChartLegend:last-child {
      margin-top: 20px;
      border-bottom: 10px solid #ffcf47; }
      .PrivateBank-doughnutChartLegend:last-child:before {
        top: -15px;
        border-color: transparent transparent #ffffff; } }
  @media (min-width: 650px) {
    .PrivateBank-doughnutChartLegend:before {
      top: 50%;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
              transform: translateY(-50%); }
    .PrivateBank-doughnutChartLegend:first-child {
      left: 0;
      border-left: 10px solid #f05261;
      text-align: right; }
      .PrivateBank-doughnutChartLegend:first-child:before {
        right: -15px;
        border-color: transparent transparent transparent #ffffff; }
    .PrivateBank-doughnutChartLegend:last-child {
      right: 0;
      border-right: 10px solid #ffcf47; }
      .PrivateBank-doughnutChartLegend:last-child:before {
        left: -15px;
        border-color: transparent #ffffff transparent transparent; } }

.PrivateBank-doughnutChartTotal {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.PrivateBank-doughnutChartLegendValue,
.PrivateBank-doughnutChartTotal {
  display: block;
  color: #007D8F; }

/* Mobile Behavior */
@media screen and (max-width: 649px) {
  .PrivateBank-ownerContractHeaderRight,
  .PrivateBank-tabsNav,
  .PrivateBank-ownerContractHeaderLeft,
  .PrivateBank-ownerContractLabel,
  .PrivateBank-distriSupCompareLink,
  .PrivateBank-titleH2 {
    display: block; }
  .PrivateBank-ownerContractHeaderRight {
    padding-top: 10px; }
  .PrivateBank-ownerContractValue,
  .PrivateBank-ownerContractHeaderRight,
  .PrivateBank-distriSupCompareLink {
    text-align: left; }
  .PrivateBank-distriSupCompareLink {
    margin-bottom: 10px; }
  .PrivateBank-titleH2 {
    margin-bottom: 0; }
  .PrivateBank-tabsNav {
    padding-right: 0px; }
  .PrivateBank-tabsNavContentTitle {
    padding-bottom: 10px; }
  .PrivateBank-tabsNavInfoMobile {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 5px 0; }
  .PrivateBank-tabsNavSubDivWrapper {
    margin-right: 0; }
  .PrivateBank-tabsNavSubDiv {
    padding: 10px 15px; }
  .PrivateBank-ownerContractValue--normalSize {
    font-size: 12px; }
  .PrivateBank-additionalMentions {
    display: none; } }

/* Poppin behavior for Tablet */
@media screen and (max-width: 989px) {
  #modalReadMore,
  #modalCompareSupport {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: none;
       -moz-transform: none;
            transform: none;
    max-height: 100%;
    position: fixed; }
    #modalReadMore .Modal-dialog,
    #modalCompareSupport .Modal-dialog {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      max-width: none !important;
      margin: 0;
      -moz-box-shadow: none;
           box-shadow: none;
      overflow: auto; }
    #modalReadMore .Modal-content,
    #modalCompareSupport .Modal-content {
      min-height: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-top: 20px; }
    #modalReadMore .Modal-header,
    #modalCompareSupport .Modal-header {
      position: absolute;
      top: 0;
      right: 0; }
    #modalReadMore .Modal-close,
    #modalCompareSupport .Modal-close {
      width: 60px;
      height: 60px;
      font-size: 15px;
      line-height: 30px; }
    #modalReadMore .Modal-actions,
    #modalCompareSupport .Modal-actions {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 10px; }
      #modalReadMore .Modal-actions:last-child,
      #modalCompareSupport .Modal-actions:last-child {
        margin-bottom: -10px; }
    #modalReadMore .Modal-action,
    #modalCompareSupport .Modal-action {
      min-width: 200px;
      margin-bottom: 10px; }
    #modalReadMore .Modal-action--primary,
    #modalCompareSupport .Modal-action--primary {
      -webkit-box-ordinal-group: 0;
         -moz-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1; } }

@media (min-width: 990px) {
  #modalCompareSupport .Modal-dialog {
    width: 990px;
    max-width: 95%; } }

/*doc
---
title: Comparative Table
name: 01-ComparativeTable
parent: PrivateBank
category: PrivateBank
---

**Scripts à inclure:**
- `<script src="jquery.dataTables.js"></script>`

 */
/*doc
---
title: Comparative Table - Default
name: 01-ComparativeTable-01
parent: 01-ComparativeTable
category: PrivateBank
---

```html_example
<div class="PrivateBank-ModalWrapper--comparative"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/privateBank/_comparativeTable.kit")

</div>
```
 */
.ComparativeTable {
  margin-bottom: 20px; }

.ComparativeTable-table {
  width: 100%; }
  .ComparativeTable-table th,
  .ComparativeTable-table td {
    height: 75px;
    padding: 7px 30px 7px 20px;
    border-bottom: solid 1px #FFF;
    font-weight: 500; }
  .ComparativeTable-table th {
    text-align: center; }
  .ComparativeTable-table tr:last-child th,
  .ComparativeTable-table tr:last-child td {
    border-bottom: 0; }
  .ComparativeTable-table thead th {
    position: relative;
    height: 50px;
    color: #ffffff;
    background: #007D8F; }
    .ComparativeTable-table thead th span {
      display: inline-block;
      position: relative;
      padding-right: 20px;
      margin-right: -20px;
      text-align: left; }
      .ComparativeTable-table thead th span:before, .ComparativeTable-table thead th span:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        border: solid 5px transparent;
        margin: -6px 0;
        opacity: 0; }
      .ComparativeTable-table thead th span:before {
        border-top: 0;
        border-bottom-color: #FFF; }
      .ComparativeTable-table thead th span:after {
        margin-top: 1px;
        border-bottom: 0;
        border-top-color: #FFF; }
  .ComparativeTable-table thead .sorting span:before,
  .ComparativeTable-table thead .sorting span:after,
  .ComparativeTable-table thead .sorting_asc span:after,
  .ComparativeTable-table thead .sorting_desc span:before {
    opacity: .5; }
  .ComparativeTable-table thead .sorting_asc span:before {
    opacity: 1; }
  .ComparativeTable-table thead .sorting_desc span:after {
    opacity: 1; }
  .ComparativeTable-table tbody th {
    color: #999999; }
    .ComparativeTable-table tbody th strong {
      display: block;
      font-weight: 500;
      color: #000;
      text-transform: uppercase; }
  .ComparativeTable-table .price {
    white-space: nowrap; }

.ComparativeTable-actions {
  margin-bottom: 25px; }
  .ComparativeTable-actions .form-control {
    height: auto; }
  .ComparativeTable-actions .btn.dropdown-toggle.btn-default {
    margin-bottom: 0; }

.ComparativeTable-hiddenCol {
  display: none; }

.ComparativeTable-firstShowed {
  padding-left: 60px !important; }

.ComparativeTable-lastShowed {
  padding-right: 70px !important; }

.ComparativeTable-prev,
.ComparativeTable-next {
  position: absolute;
  top: 0;
  height: 100%;
  width: 40px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  background: #006675; }
  .ComparativeTable-prev:hover, .ComparativeTable-prev:focus,
  .ComparativeTable-next:hover,
  .ComparativeTable-next:focus {
    color: #ffffff;
    text-decoration: none; }
  .ComparativeTable-prev:before,
  .ComparativeTable-next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -.5em;
    line-height: 1; }

.ComparativeTable-prev {
  left: 0; }
  .ComparativeTable-prev:before {
    content: ""; }

.ComparativeTable-next {
  right: 0; }
  .ComparativeTable-next:before {
    content: ""; }

.ComparativeTable-prev--disabled,
.ComparativeTable-next--disabled {
  cursor: default; }
  .ComparativeTable-prev--disabled:before,
  .ComparativeTable-next--disabled:before {
    opacity: .5; }

.ComparativeTable--select thead th:first-child,
.ComparativeTable--select tbody th:first-child,
.ComparativeTable--select tbody td:first-child,
.ComparativeTable--slider thead th:first-child,
.ComparativeTable--slider tbody th:first-child,
.ComparativeTable--slider tbody td:first-child {
  border-right: 1px solid #FFF; }

.ComparativeTable--select {
  table-layout: fixed; }
  .ComparativeTable--select th,
  .ComparativeTable--select td {
    width: 50%; }

.ComparativeTable--slider {
  table-layout: fixed; }
  .ComparativeTable--slider thead th:first-child,
  .ComparativeTable--slider tbody th:first-child,
  .ComparativeTable--slider tbody td:first-child {
    width: 165px; }

/*doc
---
title: T023 Mag
name: t023
category: t023
---

```html_example
<div class="Template container-fluid container-no-padding">

</div>
```
*/
/* Name of the owner */
.CardsDashboard-ownerAccountNameH3 {
  font-size: 15px;
  margin-top: 40px; }

/* Account */
.CardsDashboard-ownerAccount {
  margin: 10px 0 10px 0;
  text-transform: uppercase; }

/* Account Number */
.CardsDashboard-ownerAccountNumber {
  font-size: 11px;
  color: #999999;
  text-transform: none; }

/* Pagination at the end of the page (desktop only) */
.CardsDashboard-pagination {
  margin: 30px 0; }

.CardsDashboard-paginationUl {
  padding: 0; }

.CardsDashboard-paginationLink--active {
  background-color: #007D8F;
  color: #ffffff;
  -moz-border-radius: 50%;
       border-radius: 50%; }

.Card-accountBalanceDate {
  white-space: nowrap; }

.Card-accountBalanceNumber {
  padding-left: 2px; }

.Card-title {
  text-transform: uppercase;
  display: inline-block; }

.Card-titleNumber {
  display: inline-block; }

/* Mobile Behavior */
@media screen and (max-width: 649px) {
  .Card-accountBalanceDate {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0; } }

/*doc
---
title: T102 My services
name: t102
category: t102
---

Template exemple:

- [Mes services](../../build/examples/t102_myServices.html)

*/
/*doc
---
title: My services - Header
parent: t102
name: t102-01
category: t102
---

```html_example

@@include("../../kit/components/t102_myServices/_header.kit")

```
*/
/*doc
---
title: My services - Default Service
parent: t102
name: t102-02
category: t102
---

```html_example

@@include("../../kit/components/t102_myServices/_item-default.kit")

```
*/
/*doc
---
title: My services - Service with account
parent: t102
name: t102-03
category: t102
---

```html_example

@@include("../../kit/components/t102_myServices/_item-account.kit")

```
*/
.MyServices {
  margin-bottom: 40px; }

/* Name of the owner */
.MyServices-header {
  margin: 20px 0 15px 0; }

.MyServices-accountName {
  display: inline-block;
  font-size: 15px;
  color: #454545; }

.MyServices-ownerAccount {
  margin: 10px 0 10px 0;
  text-transform: uppercase; }

.MyServices-account {
  display: inline-block;
  color: #999999;
  font-size: 11px; }

.MyServices-item {
  display: table;
  width: 100%;
  min-height: 75px;
  padding: 2.5%;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ffffff; }

.MyServices-itemContent {
  display: table-cell;
  vertical-align: middle; }

/* Account Number */
.MyServices-itemAccountNumber {
  font-size: 11px;
  color: #999999;
  font-weight: 700; }

.MyServices-itemLabel {
  font-weight: 700; }
  .MyServices-itemLabel::first-letter {
    text-transform: uppercase; }

/* CSS made by Bastien Duhot  */
.MyServices-compte-role {
  color: #007D8F;
  font-size: 16px;
  margin: 10px 0; }

.MyServices-compte-zone {
  margin-bottom: 10px; }

.MyServices-compte-lib {
  font-weight: bold;
  font-size: 12px;
  margin: 5px; }

.MyServices-compte-number {
  font-weight: normal;
  font-size: 12px;
  margin: 5px;
  font-style: italic; }

.MyServices-compte-btn {
  float: right;
  color: #007D8F;
  cursor: pointer;
  font-style: italic;
  font-size: 12px; }

.MyServices-service-lib {
  margin-bottom: 10px;
  font-weight: bold;
  color: #555555; }

.MyServices-service-family {
  margin: 0 0 0px;
  font-size: 11px;
  color: #999999; }

.MyServices-service-id {
  margin: 0 0 0px;
  font-size: 11px;
  color: #999999; }

.MyServices-service-not-found {
  font-style: italic; }

.TemplateCampaign .Breadcrumb {
  margin-top: 20px;
  margin-bottom: 0; }

.TemplateCampaign .Share {
  margin-top: 0;
  text-align: center; }

.TemplateCampaign-banner {
  width: 100%; }

/*doc
---
title: T071 Mes pièces justificatives
name: t071
category: t071
---

```html_example



```
*/
/*doc
---
title: dnc - Icons
name: t071-01
parent: t071
category: t071
---

```html_example
```
*/
.npc-dnc-categorie196:before, .npc-dnc-categorie95:before, .npc-dnc-categorie291:before {
  content: ""; }

.npc-dnc-categorie99:before, .npc-dnc-categorie113:before, .npc-dnc-categorie260:before {
  content: ""; }

.npc-dnc-categorie203:before, .npc-dnc-categorie1273:before {
  content: ""; }

.npc-dnc-categorie3037:before {
  content: ""; }

.npc-dnc-categorie619:before {
  content: ""; }

.npc-dnc-categorie267:before, .npc-dnc-categorie361:before, .npc-dnc-categorie388:before, .npc-dnc-categorie3014:before, .npc-dnc-categorie3035:before {
  content: ""; }

.MySupportingDocuments {
  padding-bottom: 20px; }

/* Step for the question display documents or no */
.AuthorizedDisplay {
  padding: 5% 10%; }
  .AuthorizedDisplay p:nth-child(1) {
    font-family: "Open Sans", sans-serif;
    font-style: italic;
    font-size: 15px;
    text-align: center;
    margin: 20px 0; }
  .AuthorizedDisplay p:nth-child(3) {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    color: #999999;
    margin: 20px 0; }

.AuthorizedDisplay--mT {
  margin-top: 10%; }

.AuthorizedDisplay-btnWrap {
  margin: 3% 0;
  text-align: center; }
  .AuthorizedDisplay-btnWrap .btn-default {
    background-color: transparent; }

.AuthorizedDisplay-btnWrap > a {
  min-width: 220px;
  height: 41px;
  margin: 10px;
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 600; }
  .AuthorizedDisplay-btnWrap > a:hover {
    background: #006675;
    color: #ffffff; }
  .AuthorizedDisplay-btnWrap > a:focus {
    color: #007D8F; }

/** Step for import documents **/
/* HTML5 feature not compatible */
.no-capture .ImportDocs-photoCapture {
  display: none; }

/* Docs list block */
.ImportDocs {
  padding: 10px 0; }
  .ImportDocs:last-child {
    margin-bottom: 5%; }
  .ImportDocs .btn {
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600; }
    @media (max-width: 649px) {
      .ImportDocs .btn {
        min-width: 0; } }

.ImportDocs-titleBloc {
  margin-bottom: 20px;
  color: #454545; }

.ImportDocs-addDocLink {
  position: relative;
  height: 30px;
  margin-top: 17px;
  margin-bottom: 20px; }
  .ImportDocs-addDocLink a {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #007D8F;
    text-decoration: none; }
    .ImportDocs-addDocLink a:before {
      content: "";
      display: inline-block;
      color: #99cc00;
      margin-right: 10px; }
  .ImportDocs-addDocLink span {
    text-decoration: underline; }

.ImportDocs-item {
  display: table;
  width: 100%;
  position: relative;
  min-height: 75px;
  padding: 2.5%;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ffffff; }
  .ImportDocs-item:hover {
    background-color: #ececec; }

.ImportDocs-item--resize {
  height: 140px;
  padding: 20px 10px; }
  .ImportDocs-item--resize .ImportDocs-itemLink {
    padding-top: 0; }

.ImportDocs-item--upload {
  display: table; }
  .ImportDocs-item--upload, .ImportDocs-item--upload:hover {
    background-color: #006675; }
  @media (max-width: 649px) {
    .ImportDocs-item--upload .btn {
      min-width: 210px;
      padding-left: 20px;
      padding-right: 20px; } }

.ImportDocs-item--primary {
  background-color: #007D8F; }
  .ImportDocs-item--primary:hover {
    background-color: #006675; }
    .ImportDocs-item--primary:hover .ImportDocs-icon--colP {
      color: #006675; }

.ImportDocs-itemCategory {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-top: 20px; }

.ImportDocs-itemContainer {
  display: block;
  width: 100%;
  margin: 10px 0;
  font-size: 0; }

.ImportDocs-itemContent {
  display: table-cell;
  vertical-align: middle; }
  .ImportDocs-itemContent:first-child {
    width: 5%;
    text-align: center;
    padding-left: 5px; }
  .ImportDocs-itemContent:not(:first-child) {
    padding-left: 15px; }
  .ImportDocs-itemContent:last-child {
    text-align: right;
    width: 35%; }

.ImportDocs-itemLink {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  text-decoration: none;
  cursor: pointer; }
  .ImportDocs-itemLink, .ImportDocs-itemLink:hover {
    text-decoration: none;
    color: #999999; }

.ImportDocs-itemLinkTitle {
  font-size: 15px;
  color: #454545; }

.ImportDocs-itemLinkTitleCatUpload {
  color: #ffffff;
  font-size: 11px; }

.ImportDocs-BtnPrimaryWhitePrimary {
  margin: 5px;
  min-width: 210px; }

.ImportDocs-BtnSecondary {
  margin: 5px;
  min-width: 210px; }

.ImportDocs-itemForm,
.ImportDocs-itemLink {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-top: 20px; }

.ImportDocs-itemLink--category {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 33.33%;
  background: transparent;
  border: 0;
  font-size: 11px;
  padding: 25px 5px;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none; }
  .ImportDocs-itemLink--category:active, .ImportDocs-itemLink--category:focus {
    border: 0;
    outline: 0; }
  .ImportDocs-itemLink--category:before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "";
    width: 1px;
    height: 50px;
    background-color: #ffffff;
    opacity: 0.5; }
  .ImportDocs-itemLink--category:first-child:before, .ImportDocs-itemLink--category:nth-child(3n+1):before {
    content: none; }

.ImportDocs-title {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #007D8F;
  margin-bottom: 2px; }

.ImportDocs-subText {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #999999;
  margin-bottom: 2px; }

.ImportDocs-text {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #454545;
  line-height: 1.2;
  margin-bottom: 2px; }

.ImportDocs-actionButton {
  margin-bottom: 0; }

.ImportDocs-bottomBloc {
  margin: 30px 0 0 0; }

.ImportDocs-iconContainer {
  position: relative;
  width: 45px;
  height: 45px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  background-color: transparent; }

.ImportDocs-iconContainer--bgcSecondary {
  background-color: #99cc00; }

.ImportDocs-iconContainer--bgcWhite {
  background-color: #ffffff; }

.ImportDocs-icon {
  font-size: 23px; }

/* Icon into the bloc gray et blue */
.ImportDocs-iconStuffer {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 20px;
  color: #ffffff;
  -moz-border-radius: 50%;
       border-radius: 50%; }

/* Icon into the bloc gray et blue */
.ImportDocs-icon--colW {
  color: #ffffff; }

.ImportDocs-icon--colP {
  color: #007D8F; }

.ImportDocs-icon--enabled {
  color: #99cc00; }

.ImportDocs-icon--disabled {
  color: #d8d8d8; }

.ImportDocs-icon--otherDocuments {
  color: #ffffff; }

.ImportDocs-textWhite {
  color: #ffffff;
  margin: 0; }

.ImportDocs-textWhite--mB30 {
  margin-bottom: 30px; }

.ImportDocs-textWhite--mB15 {
  margin-bottom: 15px; }

.ImportDocs-textWhite--error {
  font-style: italic;
  font-weight: bold; }

/* Step for import documents */
/* Step for select the type of document */
.ImportDocs-itemClose {
  position: absolute;
  top: 0;
  right: 0;
  width: 53px;
  line-height: 53px;
  text-align: center; }
  .ImportDocs-itemClose, .ImportDocs-itemClose:hover, .ImportDocs-itemClose:focus {
    text-decoration: none;
    color: #ffffff; }

.ImportDocs-uploadList {
  margin: 0;
  padding: 0;
  text-align: center; }

.ImportDocs-uploadListItem {
  list-style: none;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-style: italic;
  color: #ffffff;
  margin-bottom: 10px; }

.ImportDocs-uploadListFilename {
  white-space: nowrap;
  text-overflow: ellipsis; }
  @media (max-width: 649px) {
    .ImportDocs-uploadListFilename {
      display: inline-block;
      max-width: 200px;
      overflow: hidden; } }

.ImportDocs-textarea {
  -moz-border-radius: 6px;
       border-radius: 6px;
  width: 100%;
  max-width: 373px;
  height: 136px;
  border: none;
  padding: 10px 15px;
  font-weight: 300;
  font-size: 12px;
  font-style: italic;
  margin-bottom: 20px;
  margin-top: 5px; }

.ImportDocs-uploadListItem--ok {
  font-size: 12px;
  color: #ffffff;
  margin-left: 5px; }

.ImportDocs-uploadListItem--ko {
  font-size: 12px;
  color: #d70000;
  background-color: white;
  margin-left: 5px;
  -moz-border-radius: 50%;
       border-radius: 50%; }

.ImportDocs-uploadActions {
  margin: 35px 0 20px 0; }
  @media (min-width: 650px) {
    .ImportDocs-uploadActions {
      display: table;
      table-layout: fixed;
      width: 100%;
      height: auto; } }

.ImportDocs-uploadActionsLink {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  color: #ffffff;
  padding-left: 25px;
  border-left: 1px solid #ffffff; }
  .ImportDocs-uploadActionsLink:first-child {
    border: none; }
  .ImportDocs-uploadActionsLink:hover, .ImportDocs-uploadActionsLink:active, .ImportDocs-uploadActionsLink:visited {
    text-decoration: none;
    color: #ffffff; }

.InputFile {
  display: table;
  height: auto;
  width: 100%; }

.ImportDoc-moreFiles {
  display: table-cell;
  vertical-align: middle;
  color: #ffffff; }
  .ImportDoc-moreFiles label {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    text-transform: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-align: right;
    padding-right: 25px; }
    .ImportDoc-moreFiles label:hover, .ImportDoc-moreFiles label:active, .ImportDoc-moreFiles label:visited {
      text-decoration: none;
      color: #ffffff; }

.ImportDoc-moreFiles--alignC label {
  text-align: center; }

.ImportDocs-itemInputWrapper {
  width: 260px;
  margin: 20px auto 30px auto;
  -moz-border-radius: 4px;
       border-radius: 4px;
  border: 1px solid #ffffff; }

.ImportDocs-itemInputWrapper--duration .bootstrap-select--default > .dropdown-toggle {
  height: 100%;
  margin-bottom: 0;
  color: #ffffff;
  padding-left: 20px;
  background-color: #006675 !important;
  -moz-box-shadow: none;
       box-shadow: none;
  border: none !important; }
  .ImportDocs-itemInputWrapper--duration .bootstrap-select--default > .dropdown-toggle.bs-placeholder {
    font-weight: 300;
    font-style: italic; }
  .ImportDocs-itemInputWrapper--duration .bootstrap-select--default > .dropdown-toggle:hover, .ImportDocs-itemInputWrapper--duration .bootstrap-select--default > .dropdown-toggle:focus {
    color: #ffffff !important; }

.ImportDocs-itemInputWrapper--duration .bootstrap-select.btn-group .dropdown-toggle .caret:after {
  font-size: 12px;
  color: #ffffff; }

/* Step for select the type of document */
/* Tablette behavior */
@media screen and (max-width: 1169px) {
  .ImportDocs-itemContent {
    width: 50%; }
    .ImportDocs-itemContent:last-child {
      width: 40%; } }

@media screen and (max-width: 989px) {
  .ImportDocs-uploadActionsLink:first-child {
    display: inline-block;
    margin-bottom: 2px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    border-style: solid;
    padding: 11px 12px;
    font-size: 12px;
    line-height: 1.42857;
    -moz-border-radius: 4px;
         border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ffffff;
    color: #007D8F;
    border-width: 0;
    border-color: #ffffff;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    font-weight: 600;
    min-width: 210px;
    margin: 5px; }
    .ImportDocs-uploadActionsLink:first-child:focus, .ImportDocs-uploadActionsLink:first-child.focus, .ImportDocs-uploadActionsLink:first-child:active:focus, .ImportDocs-uploadActionsLink:first-child:active.focus, .ImportDocs-uploadActionsLink:first-child.active:focus, .ImportDocs-uploadActionsLink:first-child.active.focus {
      outline: none; }
    .ImportDocs-uploadActionsLink:first-child:hover, .ImportDocs-uploadActionsLink:first-child.hover, .ImportDocs-uploadActionsLink:first-child:focus, .ImportDocs-uploadActionsLink:first-child.focus, .ImportDocs-uploadActionsLink:first-child:active, .ImportDocs-uploadActionsLink:first-child.active {
      text-decoration: none !important; }
    .ImportDocs-uploadActionsLink:first-child:active, .ImportDocs-uploadActionsLink:first-child.active {
      outline: 0;
      background-image: none; }
    .ImportDocs-uploadActionsLink:first-child.disabled, .ImportDocs-uploadActionsLink:first-child.disabled:hover, .ImportDocs-uploadActionsLink:first-child.disabled.hover, .ImportDocs-uploadActionsLink:first-child.disabled:focus, .ImportDocs-uploadActionsLink:first-child.disabled.focus, .ImportDocs-uploadActionsLink:first-child.disabled:active, .ImportDocs-uploadActionsLink:first-child.disabled.active, .ImportDocs-uploadActionsLink:first-child[disabled], .ImportDocs-uploadActionsLink:first-child[disabled]:hover, .ImportDocs-uploadActionsLink:first-child[disabled].hover, .ImportDocs-uploadActionsLink:first-child[disabled]:focus, .ImportDocs-uploadActionsLink:first-child[disabled].focus, .ImportDocs-uploadActionsLink:first-child[disabled]:active, .ImportDocs-uploadActionsLink:first-child[disabled].active,
    fieldset[disabled] .ImportDocs-uploadActionsLink:first-child,
    fieldset[disabled] .ImportDocs-uploadActionsLink:first-child:hover,
    fieldset[disabled] .ImportDocs-uploadActionsLink:first-child.hover,
    fieldset[disabled] .ImportDocs-uploadActionsLink:first-child:focus,
    fieldset[disabled] .ImportDocs-uploadActionsLink:first-child.focus,
    fieldset[disabled] .ImportDocs-uploadActionsLink:first-child:active,
    fieldset[disabled] .ImportDocs-uploadActionsLink:first-child.active {
      cursor: not-allowed;
      opacity: 1;
      filter: alpha(opacity=100);
      background-color: #98cbd3;
      border-color: #98cbd3; }
    .ImportDocs-uploadActionsLink:first-child:hover, .ImportDocs-uploadActionsLink:first-child.hover, .ImportDocs-uploadActionsLink:first-child:focus, .ImportDocs-uploadActionsLink:first-child.focus {
      color: #007D8F;
      background-color: #fbfbfb;
      border-color: #fbfbfb; }
    .ImportDocs-uploadActionsLink:first-child.disabled, .ImportDocs-uploadActionsLink:first-child.disabled:hover, .ImportDocs-uploadActionsLink:first-child.disabled.hover, .ImportDocs-uploadActionsLink:first-child.disabled:focus, .ImportDocs-uploadActionsLink:first-child.disabled.focus, .ImportDocs-uploadActionsLink:first-child[disabled], .ImportDocs-uploadActionsLink:first-child[disabled]:hover, .ImportDocs-uploadActionsLink:first-child[disabled].hover, .ImportDocs-uploadActionsLink:first-child[disabled]:focus, .ImportDocs-uploadActionsLink:first-child[disabled].focus,
    fieldset[disabled] .ImportDocs-uploadActionsLink:first-child,
    fieldset[disabled] .ImportDocs-uploadActionsLink:first-child:hover,
    fieldset[disabled] .ImportDocs-uploadActionsLink:first-child.hover,
    fieldset[disabled] .ImportDocs-uploadActionsLink:first-child:focus,
    fieldset[disabled] .ImportDocs-uploadActionsLink:first-child.focus {
      color: #006a7a;
      background-color: #2690a0;
      border-color: #2690a0; }
  .ImportDoc-moreFiles {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff; }
  .ImportDocs-uploadActions {
    display: block;
    margin: 35px 0 0 0; }
  .ImportDocs-itemLink--category {
    padding: 20px 30px; }
  .ImportDocs-itemContent {
    width: 65%; }
    .ImportDocs-itemContent:last-child {
      width: 30%; }
  .ImportDocs-bottomBloc,
  .ImportDocs-uploadActions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

/* Tablette  behavior */
/* Mobile behavior */
@media screen and (max-width: 649px) {
  .ImportDocs-addDocLink {
    margin-top: 0px; }
    .ImportDocs-addDocLink a {
      left: 0;
      top: 0; }
  .ImportDocs-itemContent:first-child {
    vertical-align: top;
    padding-top: 5px; }
  .ImportDocs-itemContent:nth-child(2) {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 15px; }
  .ImportDocs-itemContent:last-child {
    display: block;
    width: 100%;
    text-align: left; }
  .ImportDocs-itemContent:not(:first-child) {
    padding-left: 9px; }
  .ImportDocs-itemLink--category {
    width: 50%;
    padding: 20px 20px; }
    .ImportDocs-itemLink--category:before, .ImportDocs-itemLink--category:nth-child(3n+1):before {
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
              transform: translateY(-50%);
      content: "";
      width: 1px;
      height: 40px;
      background-color: #ffffff;
      opacity: 0.5; }
    .ImportDocs-itemLink--category:first-child:before, .ImportDocs-itemLink--category:nth-child(2n+1):before {
      content: none; }
  .ImportDocs-item--upload {
    padding: 5% 0; }
  .ImportDocs-uploadListItem--ko {
    margin-top: -5px; }
  .ImportDocs-itemInputWrapper {
    width: 212px; }
  .ImportDocs-itemLinkTitle {
    font-size: 12px; } }

/*doc
---
title: T088 Z-Coord
name: t088
category: t088
---

All items of T088 Z-Coord


**Scripts à inclure:**

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>

**Template exemple:**

- [Gérer mes coordonnées](../../build/examples/t088_zCoord.html)
- [Modifier un email](../../build/examples/t088_zCoord--updateEmail.html)
- [Modifier un numéro de téléphone](../../build/examples/t088_zCoord--updatePhones.html)
- [Demande de Fiabilisation – étape 1](../../build/examples/t088_zCoord--reliabilityPhoneStep1.html)
- [Demande de Fiabilisation – étape 2](../../build/examples/t088_zCoord--reliabilityPhoneStep2.html)
- [Activation de la Fiabilisation – étape 1](../../build/examples/t088_zCoord--activateReliabilityStep1.html)
- [Activation de la Fiabilisation – étape 2](../../build/examples/t088_zCoord--activateReliabilityStep2.html)

*/
/*doc
---
title: Gérer mes coordonnées
name: 01-SynthesisMyCoords
parent: t088
category: t088
---
*/
/*doc
---
title: Gérer mes coordonnées - Titre Page
name: 01-SynthesisMyCoords-01
parent: 01-SynthesisMyCoords
category: t088
---

```html_example
<div class="Styleguide-zCoord-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/zCoord/headerPage.kit")

</div>
```
*/
/*doc
---
title: Gérer mes coordonnées - Text sous Titre Page
name: 01-SynthesisMyCoords-02
parent: 01-SynthesisMyCoords
category: t088
---

```html_example
<div class="Styleguide-zCoord-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/zCoord/textHeaderPage.kit")

</div>
```
*/
/*doc
---
title: Gérer mes coordonnées - E-mail
name: 01-SynthesisMyCoords-03
parent: 01-SynthesisMyCoords
category: t088
---

```html_example
<div class="Styleguide-zCoord-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/zCoord/emailBloc.kit")

</div>
```
*/
/*doc
---
title: Gérer mes coordonnées - Numéro de téléphone
name: 01-SynthesisMyCoords-04
parent: 01-SynthesisMyCoords
category: t088
---

```html_example
<div class="Styleguide-zCoord-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/zCoord/phoneBloc.kit")

</div>
```
*/
/*doc
---
title: Gérer mes coordonnées - Informations personnelles
name: 01-SynthesisMyCoords-05
parent: 01-SynthesisMyCoords
category: t088
---

```html_example
<div class="Styleguide-zCoord-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/zCoord/personalDataBloc.kit")

</div>
```
*/
/*doc
---
title: Gérer mes coordonnées - Gestion de la confidentialité
name: 01-SynthesisMyCoords-06
parent: 01-SynthesisMyCoords
category: t088
---

```html_example
<div class="Styleguide-zCoord-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/zCoord/privacyManagementBloc.kit")

</div>
```
*/
/*doc
---
title: Gérer mes coordonnées - Gestion de la confidentialité
name: 01-SynthesisMyCoords-06
parent: 01-SynthesisMyCoords
category: t088
---

```html_example
<div class="Styleguide-zCoord-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/zCoord/privacyManagementBloc.kit")

</div>
```
*/
/*doc
---
title: Modifier un email
name: 02-SynthesisMyCoords
parent: t088
category: t088
---
*/
/*doc
---
title: Modifier mon E-mail
name: 02-SynthesisMyCoords-01
parent: 02-SynthesisMyCoords
category: t088
---

```html_example
<div class="Styleguide-zCoord-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/zCoord/updateEmail.kit")

</div>
```
*/
/*doc
---
title: Modifier mon numéro de téléphone
name: 03-SynthesisMyCoords
parent: t088
category: t088
---
*/
/*doc
---
title: Modifier mon numéro de téléphone
name: 03-SynthesisMyCoords-01
parent: 03-SynthesisMyCoords
category: t088
---

```html_example
<div class="Styleguide-zCoord-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/zCoord/updatePhone.kit")

</div>
```
*/
/*doc
---
title: Fiabiliser votre numéro de portable
name: 04-SynthesisMyCoords
parent: t088
category: t088
---
*/
/*doc
---
title: Fiabiliser votre numéro de portable 1/2
name: 04-SynthesisMyCoords-01
parent: 04-SynthesisMyCoords
category: t088
---

```html_example
<div class="Styleguide-zCoord-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/zCoord/reliabilityPhoneStep1.kit")

</div>
```
*/
/*doc
---
title: Fiabiliser votre numéro de portable 2/2
name: 04-SynthesisMyCoords-02
parent: 04-SynthesisMyCoords
category: t088
---

```html_example
<div class="Styleguide-zCoord-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/zCoord/reliabilityPhoneStep2.kit")

</div>
```
*/
/*doc
---
title: Activation de la Fiabilisation
name: 05-SynthesisMyCoords
parent: t088
category: t088
---
*/
/*doc
---
title: Activation de la Fiabilisation 1/2
name: 05-SynthesisMyCoords-01
parent: 05-SynthesisMyCoords
category: t088
---

```html_example
<div class="Styleguide-zCoord-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/zCoord/activateReliabilityStep1.kit")

</div>
```
*/
/*doc
---
title: Activation de la Fiabilisation 1/2 - PopIn Code entré erroné
name: 05-SynthesisMyCoords-03
parent: 05-SynthesisMyCoords
category: t088
---

```html_example
<div class="Styleguide-zCoord-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

<!-- code de lancement de la popin => $('#modalFirstTry').modal() -->

<a href="#modalFirstTry" data-toggle="modal">PopIn Code entré erroné</a>

@@include("../../kit/components/zCoord/popInFirstTry.kit")

</div>
```
*/
/*doc
---
title: Activation de la Fiabilisation 1/2 - PopIn Votre activation n'a pas pu aboutir
name: 05-SynthesisMyCoords-04
parent: 05-SynthesisMyCoords
category: t088
---

```html_example
<div class="Styleguide-zCoord-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

<!-- code de lancement de la popin => $('#modalSeveralTries').modal() -->

<a href="#modalSeveralTries" data-toggle="modal">PopIn Votre activation n'a pas pu aboutir</a>

@@include("../../kit/components/zCoord/popInSeveralTries.kit")

</div>
```
*/
/*doc
---
title: Activation de la Fiabilisation 2/2
name: 05-SynthesisMyCoords-05
parent: 05-SynthesisMyCoords
category: t088
---

```html_example
<div class="Styleguide-zCoord-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

@@include("../../kit/components/zCoord/activateReliabilityStep2.kit")

</div>
```
*/
/* COL RIGHT */
.ZCoord:last-child {
  margin-bottom: 5%; }

.ZCoord .btn {
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 600; }
  @media (max-width: 649px) {
    .ZCoord .btn {
      min-width: 0; } }

/* COL RIGHT */
/* BTN */
.ZCoord-itemBtnPrimary,
.ZCoord-itemBtnSecondary,
.ZCoord-BtnPrimary,
.ZCoord-BtnSecondary {
  padding-left: 20px;
  padding-right: 20px; }

.ZCoord-itemBtnPrimary,
.ZCoord-itemBtnSecondary {
  margin: 0; }

.ZCoord-btn {
  margin: 3% 0 0;
  text-align: center; }

.ZCoord-BtnPrimary,
.ZCoord-BtnSecondary {
  margin: 5px;
  min-width: 150px; }

/* BTN */
/* HEADER PAGE AND ITEMS */
.ZCoord-head {
  display: table;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 40px; }

.ZCoord-headTitle {
  display: table-cell;
  width: -moz-calc(80% - 20%);
  width: calc(80% - 20%);
  vertical-align: bottom;
  text-align: left; }

.ZCoord-headLink {
  display: table-cell;
  width: 20%;
  vertical-align: bottom;
  text-align: right;
  padding-left: 20px;
  padding-bottom: 5px;
  white-space: nowrap; }
  .ZCoord-headLink a:before {
    content: "";
    display: inline-block;
    color: #99cc00;
    text-decoration: none;
    margin-right: 10px; }

.ZCoord-headText {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.3;
  margin-bottom: 45px; }

.ZCoord-form {
  padding: 0; }

.ZCoord-content {
  margin-top: 5%; }
  .ZCoord-content:last-child {
    margin-bottom: 55px; }

.ZCoord-item {
  display: table;
  table-layout: fixed;
  width: 100%;
  min-height: 75px;
  padding: 2.5%;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ffffff; }

.ZCoord-itemContent {
  display: table-cell;
  vertical-align: middle; }
  .ZCoord-itemContent:last-child {
    text-align: right; }
  .ZCoord-itemContent:first-child {
    text-align: left; }

.ZCoord-itemContentSimple {
  display: table-cell;
  vertical-align: middle; }

.ZCoord-itemTitle {
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-right: 10px;
  text-align: left;
  font-weight: bold; }

.ZCoord-temTitle--NbCharacter {
  padding-right: 0;
  font-weight: 300;
  color: #999999; }

.ZCoord-itemInput {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 30px; }

.ZCoord-itemInputContent {
  display: table-cell;
  vertical-align: top; }
  .ZCoord-itemInputContent:first-child {
    padding-right: 5px; }
  .ZCoord-itemInputContent:last-child {
    padding-left: 5px; }
  .ZCoord-itemInputContent input {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .ZCoord-itemInputContent .form-error {
    text-align: left; }
  @media (max-width: 649px) {
    .ZCoord-itemInputContent {
      display: block;
      margin: 5px 0;
      padding: 0; }
      .ZCoord-itemInputContent:first-child, .ZCoord-itemInputContent:last-child {
        padding: 0; }
      .ZCoord-itemInputContent input {
        width: 100%; } }

.ZCoord-itemSelect {
  margin-bottom: 0;
  position: relative; }
  .ZCoord-itemSelect .bootstrap-select.btn-group .dropdown-toggle {
    height: 100%;
    padding-left: 15px;
    padding-right: 30px; }
    .ZCoord-itemSelect .bootstrap-select.btn-group .dropdown-toggle.bs-placeholder {
      color: #454545; }
    .ZCoord-itemSelect .bootstrap-select.btn-group .dropdown-toggle .filter-option {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
  .ZCoord-itemSelect .bootstrap-select.btn-group .dropdown-toggle .caret:after {
    color: #007D8F; }

.ZCoord-itemSelectBtn {
  width: 100% !important; }

.ZCoord-itemData {
  display: block;
  margin: 0;
  text-align: left; }

.ZCoord-itemData--italic {
  font-style: italic; }

.ZCoord-itemData--center {
  text-align: center; }

.ZCoord-itemState {
  display: block;
  margin-top: 2px;
  margin-bottom: 0;
  color: #999999;
  font-size: 11px; }

.ZCoord-itemText {
  text-align: left;
  margin-bottom: 15px;
  font-weight: 300; }

.ZCoord-itemLabel {
  text-align: left;
  text-transform: inherit;
  margin-top: 10px;
  margin-bottom: 10px; }
  .ZCoord-itemLabel.checkbox-label, .ZCoord-itemLabel.radio-label {
    font-weight: 600; }

.ZCoord-itemInput + .ZCoord-itemCheck .checkbox-label.ZCoord-itemLabel {
  margin-top: 0; }

.ZCoord-text {
  margin-bottom: 20px;
  font-weight: 300; }

.ZCoord-link {
  width: 100%; }

/* HEADER PAGE AND ITEMS */
/* POP IN */
.ZCoord-popIn {
  padding: 2% 15%;
  text-align: center; }
  @media screen and (max-width: 649px) {
    .ZCoord-popIn {
      padding: 2% 0; } }
  .ZCoord-popIn .ZCoord-BtnPrimary {
    padding-left: 40px;
    padding-right: 40px; }

.ZCoord-popIn-title {
  color: #007D8F;
  line-height: 1.1; }

.ZCoord-popIn-text {
  font-weight: 300;
  margin: 0; }

/* POP IN */
/* Mobile behavior */
@media screen and (max-width: 649px) {
  .ZCoord-itemBtnSecondary,
  .ZCoord-itemBtnPrimary {
    margin: 20px 0 5px 0; }
  .ZCoord-BtnSecondary.ZCoord-BtnSecondary,
  .ZCoord-BtnPrimary.ZCoord-BtnPrimary {
    padding-left: 20px;
    padding-right: 20px; }
  .ZCoord-itemContent {
    display: block;
    vertical-align: middle; }
    .ZCoord-itemContent:last-child, .ZCoord-itemContent:first-child {
      text-align: left; }
  .ZCoord-headTitle {
    display: block;
    width: 100%;
    vertical-align: bottom;
    text-align: left; }
  .ZCoord-headLink {
    display: block;
    width: 100%;
    vertical-align: bottom;
    text-align: left;
    padding-left: 0;
    padding-bottom: 5px;
    white-space: nowrap; }
  .ZCoord-itemText {
    margin-bottom: 10px; } }

/*doc
---
title: T072 Mes E-Documents
name: t072
category: t072
---

All items of T072 My E-Documents


**Scripts à inclure:**

`<script type="text/javascript" src="./../../build/js/selectpickerMultiple.js"></script>`

`<script type="text/javascript" src="./../../build/js/research.js"></script>`

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>

<!--  CUSTOM JS -->
<script type="text/javascript" src="./../../build/js/selectpickerMultiple.js"></script>
<script type="text/javascript" src="./../../build/js/research.js"></script>

**Template exemple:**

- [Mes E-Documents](../../build/examples/t072_myEDocuments.html)
- [Mes E-Documents 2](../../build/examples/t072_myEDocuments-2.html)

*/
/*doc
---
title: Mes E-Documents
name: 01-SynthesisMyEDocs
parent: t072
category: t072
---
*/
/*doc
---
title: Mes E-Documents - Titre Page
name: 01-SynthesisMyEDocs-01
parent: 01-SynthesisMyEDocs
category: t072
---

```html_example
<div class="Styleguide-myEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->


  <div class="EDocs-head">
    <h1 class="EDocs-headTitle"><strong>Mes e-documents</strong></h1>
    <div class="EDocs-headLinkViewAllDocs hidden-xs">
      <a href="#">Tous mes E-documents</a>
    </div>
  </div>

  <div class="row">
    <div class="col-xs-12 visible-xs EDocs-headLinkViewAllDocs--mT15">
      <a href="#">Tous mes E-documents</a>
    </div>
  </div>


</div>
```
*/
/*doc
---
title: Mes E-Documents - Search
name: 01-SynthesisMyEDocs-02
parent: 01-SynthesisMyEDocs
category: t072
---

```html_example
<div class="Styleguide-myEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->


@@include("../../kit/components/eDocs/search.kit")


</div>
```
*/
/*doc
---
title: Mes E-Documents - Souscrire aux E-Documents
name: 01-SynthesisMyEDocs-03
parent: 01-SynthesisMyEDocs
category: t072
---

```html_example
<div class="Styleguide-myEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->


@@include("../../kit/components/eDocs/subscribeEDocs.kit")


</div>
```
*/
/*doc
---
title: Mes E-Documents - Message aucun résultat
name: 01-SynthesisMyEDocs-04
parent: 01-SynthesisMyEDocs
category: t072
---

```html_example
<div class="Styleguide-myEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->


@@include("../../kit/components/eDocs/messageNoDataToDisplay.kit")


</div>
```
*/
/*doc
---
title: Mes E-Documents - Fichier non lu ou non téléchargé
name: 01-SynthesisMyEDocs-05
parent: 01-SynthesisMyEDocs
category: t072
---

```html_example
<div class="Styleguide-myEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->


  <!-- mes e-documents importants -->
  <div class="EDocs-content">

    <div class="EDocs-head">
      <h2 class="EDocs-headTitle">Mes derniers e-documents importants</h2>
      <div class="EDocs-headLinkViewAllDocs hidden-xs">
        <a href="#">Voir tous mes e-documents</a>
      </div>
    </div>

    @@include("../../kit/components/eDocs/eDocs-item--bold.kit")

    <div class="row">
      <div class="col-xs-12 visible-xs text-center">
          <a href="#" class="btn EDocs-BtnSecondary">Voir tous mes e-documents</a>
      </div>
    </div>

  </div>
  <!-- mes e-documents importants -->


</div>
```
*/
/*doc
---
title: Mes E-Documents - Fichier lu ou téléchargé
name: 01-SynthesisMyEDocs-06
parent: 01-SynthesisMyEDocs
category: t072
---

```html_example
<div class="Styleguide-myEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->


  <!-- mes e-documents importants -->
  <div class="EDocs-content">

    <div class="EDocs-head">
      <h2 class="EDocs-headTitle">Mes derniers e-documents importants</h2>
      <div class="EDocs-headLinkViewAllDocs hidden-xs">
        <a href="#">Voir tous mes e-documents</a>
      </div>
    </div>

    @@include("../../kit/components/eDocs/eDocs-item--regular.kit")

    <div class="row">
      <div class="col-xs-12 visible-xs text-center">
          <a href="#" class="btn EDocs-BtnSecondary">Voir tous mes e-documents</a>
      </div>
    </div>

  </div>
  <!-- mes e-documents importants -->


</div>
```
*/
/*doc
---
title: Mes E-Documents - Liens de redirection
name: 01-SynthesisMyEDocs-07
parent: 01-SynthesisMyEDocs
category: t072
---

```html_example
<div class="Styleguide-myEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->


@@include("../../kit/components/eDocs/redirect.kit")


</div>
```
*/
/* Step for filter */
.EDocsSearch {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0; }

.EDocsSearch-research {
  position: relative; }
  .EDocsSearch-research .form-group {
    margin-bottom: 0; }

.InputColor .form-control, .InputColor .form-control:hover, .InputColor .form-control:focus {
  background-color: #007D8F !important;
  color: #ffffff !important;
  border: 1px solid #007D8F !important; }

.InputColor .icon-form {
  color: #ffffff !important; }

.EDocsSearch-research {
  width: 37.5%;
  margin: 0; }

.EDocsSearch-researchItem {
  height: 100%;
  padding-right: 40px !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.EDocsSearch-sort {
  position: relative;
  width: 30%;
  margin: 0; }
  .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-toggle {
    height: 100%;
    padding-left: 15px;
    padding-right: 30px; }
    .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-toggle.bs-placeholder {
      color: #454545; }
    .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-toggle .filter-option {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
  .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-toggle .caret:after {
    color: #007D8F; }
  .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: 161px !important; }
  .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a {
    padding-left: 40px; }
    .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:after, .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:before {
      left: 27px;
      top: 11px; }
    .EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a .glyphicon {
      display: none !important; }

/* Class modifier for custom search for template T070 */
.EDocsSearch-research--width,
.EDocsSearch-sort--width {
  width: 49%; }

.SelectColor .dropdown-toggle, .SelectColor .dropdown-toggle:hover, .SelectColor .dropdown-toggle:focus {
  background-color: #007D8F !important;
  color: #ffffff !important;
  border: 1px solid #007D8F !important; }

.SelectColor .dropdown-toggle .caret:after {
  color: #ffffff !important; }

.EDocsSearch-sortBtn {
  width: 100% !important; }

/* Mobile Behavior */
@media screen and (max-width: 649px) {
  .EDocsSearch {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .EDocsSearch-research,
  .EDocsSearch-sort {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 5px; }
  .EDocsSearch-research {
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px); }
  .EDocsSearch-sort {
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px); }
  /* Class modifier for custom search for template T070 */
  .EDocsSearch-research--width,
  .EDocsSearch-sort--width {
    width: 100%;
    margin: 0; } }

/* Step for filter */
/* Step for subscribe E-documents */
.SubcribeEDocs {
  padding: 40px 5%; }

.SubcribeEDocs-text {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  margin: 20px 0; }
  .SubcribeEDocs-text:first-child {
    margin-top: 0; }

.SubcribeEDocs-text--primary {
  color: #007D8F; }

.SubcribeEDocs-btnWrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0; }

.SubcribeEDocs-BtnSecondary {
  width: 49%;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
  background-color: transparent; }

.SubcribeEDocs-BtnPrimary {
  width: 49%;
  margin: 0; }

.SubcribeEDocs-Btn--width100 {
  width: 100%; }

.SubcribeEDocs-title {
  margin-top: 40px;
  margin-bottom: 20px; }

@media screen and (max-width: 649px) {
  .SubcribeEDocs-btnWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .SubcribeEDocs-BtnSecondary,
  .SubcribeEDocs-BtnPrimary {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 5px 0; }
  .SubcribeEDocs-BtnSecondary {
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px); }
  .SubcribeEDocs-BtnPrimary {
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px); }
  .SubcribeEDocs-Btn--width100 {
    width: 100%; } }

/* Step for subscribe E-documents */
/* Step for listing e-documents */
.EDocs:last-child {
  margin-bottom: 5%; }

.EDocs .btn {
  font-weight: 600; }
  @media (max-width: 649px) {
    .EDocs .btn {
      min-width: 0;
      padding-left: 10px;
      padding-right: 10px;
      margin: 5px 0; } }

.EDocs-head {
  display: table;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 30px; }

.EDocs-headTitle {
  display: table-cell;
  width: -moz-calc(100% - 20%);
  width: calc(100% - 20%);
  vertical-align: bottom;
  text-align: left; }

.EDocs-headLinkViewAllDocs {
  display: table-cell;
  width: 20%;
  vertical-align: bottom;
  text-align: right;
  padding-left: 20px;
  padding-bottom: 5px;
  white-space: nowrap; }

.EDocs-headLinkViewAllDocs--mT15 {
  margin-top: 15px; }

.EDocs-titleBloc {
  margin-bottom: 20px;
  color: #454545; }

.EDocs-content {
  margin-top: 5%; }

.EDocs-item {
  display: table;
  width: 100%;
  position: relative;
  min-height: 75px;
  padding: 2.5%;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ffffff; }

.EDocs-itemContent {
  display: table-cell;
  vertical-align: middle; }
  .EDocs-itemContent:first-child {
    width: 5%;
    text-align: center;
    padding-left: 5px; }
  .EDocs-itemContent:last-child {
    width: 95%;
    padding-left: 15px; }

.EDocs-itemContent--bold {
  font-weight: bold; }

.EDocs-itemContent--regular {
  font-weight: 300; }

.EDocs-item--rollHoverGray05:hover {
  background-color: #ececec; }

.EDocs-name,
.EDocs-owner,
.EDocs-dateOfAvailability,
.EDocs-dateEndOfAvailability {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #454545;
  margin-bottom: 2px; }

.EDocs-name {
  color: #007D8F; }
  .EDocs-name, .EDocs-name:hover {
    text-decoration: none; }

.EDocs-accountNumber {
  color: #007D8F; }

.EDocs-dateEndOfAvailability {
  color: #999999;
  font-weight: 300; }

.EDocs-dateOfAvailability,
.EDocs-dateEndOfAvailability {
  padding-left: 15px; }

.EDocs-name {
  width: -moz-calc(100% - 80px);
  width: calc(100% - 80px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.EDocs-owner {
  width: -moz-calc(100% - 210px);
  width: calc(100% - 210px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.EDocs-icon {
  font-size: 23px;
  color: #99cc00; }

.EDocs-BtnSecondary {
  width: 100%;
  margin: 10px 0;
  white-space: pre-wrap; }

/* Step for listing e-documents */
/* Step for redirect link */
/* Main div of the component */
.EDocs-redirect {
  margin-top: 55px;
  margin-bottom: 5%;
  color: #454545; }

/* Div that encompasses several questions and picto */
.EDocs-redirectContent {
  position: relative;
  margin-bottom: 1px;
  overflow: hidden;
  /* Remove the text decoration of the links */ }
  .EDocs-redirectContent a {
    text-decoration: none; }
  .EDocs-redirectContent:first-child {
    -moz-border-radius-topleft: 4px;
         border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
         border-top-right-radius: 4px; }
  .EDocs-redirectContent:last-child {
    -moz-border-radius-bottomleft: 4px;
         border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
         border-bottom-right-radius: 4px; }

/* Div that encompasses text (questions) and IMG (picto) */
.EDocs-redirectLink {
  display: table;
  width: 100%;
  table-layout: fixed; }
  .EDocs-redirectLink:hover .EDocs-redirectLinkText,
  .EDocs-redirectLink:hover .EDocs-redirectLinkImg, .EDocs-redirectLink:focus .EDocs-redirectLinkText,
  .EDocs-redirectLink:focus .EDocs-redirectLinkImg {
    background-color: #99cc00;
    color: #fff; }

.EDocs-redirectLinkText,
.EDocs-redirectLinkImg {
  display: table-cell;
  vertical-align: middle; }

/* Parameters for the text (questions) */
.EDocs-redirectLinkText {
  text-transform: uppercase;
  padding: 15px 25px;
  font-size: 12px;
  color: #454545; }

/* Parameters for the img (picto) */
.EDocs-redirectLinkImg {
  display: table-cell;
  width: 45px;
  text-align: center;
  font-size: 1.3em;
  color: #007D8F; }

/* Step for redirect link */
/* Step for message no data to display */
.EDocs-noDataToDisplay {
  font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
  font-size: 25px;
  line-height: 32px;
  font-weight: 400;
  color: #007D8F;
  margin-top: 20px;
  margin-bottom: 20px; }

/* Step for message no data to display */
/* Mobile behavior */
@media screen and (max-width: 649px) {
  .EDocs-BtnSecondary.EDocs-BtnSecondary {
    width: 100%;
    margin-top: 15px; }
  .EDocs-name,
  .EDocs-owner {
    width: 100%;
    white-space: inherit; }
  .EDocs-dateOfAvailability {
    float: left;
    padding-left: 0; } }

/*doc
---
title: T077 Tous mes documents dans une typologie / T091 E-documents de mon ancienne caisse
name: t077
category: t077
---

All items of T077 All E-Documents


**Scripts à inclure:**

`<script type="text/javascript" src="./../../build/js/selectpickerMultiple.js"></script>`

`<script type="text/javascript" src="./../../build/js/research.js"></script>`

`<script type="text/javascript" src="./../../build/js/jquery.dataTables.js"></script>`

`<script type="text/javascript" src="./../../build/js/allEDocs.js"></script>`

<!--  BASE JS  -->
<script type="text/javascript" src="./../../build/js/enquire.js" type="text/javascript"></script>
<script type="text/javascript" src="./../../build/js/common.js" type="text/javascript"></script>
<script type="text/javascript" src="./../../build/js/jquery.dataTables.js"></script>

<!--  CUSTOM JS -->
<script type="text/javascript" src="./../../build/js/selectpickerMultiple.js"></script>
<script type="text/javascript" src="./../../build/js/research.js"></script>
<script type="text/javascript" src="./../../build/js/allEDocs.js"></script>

**Template exemple:**

- [Mes E-Documents](../../build/examples/t077_allEDocuments.html)

*/
/*doc
---
title: Tous Mes E-Documents
name: 01-AllEDocs
parent: t077
category: t077
---
*/
/*doc
---
title: Tous Mes E-Documents - Titre Page
name: 01-AllEDocs-01
parent: 01-AllEDocs
category: t077
---

```html_example
<div class="Styleguide-allEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->


  <div class="EDocs-head">
    <h1 class="EDocs-headTitle"><strong>Mes e-documents</strong></h1>
    <div class="EDocs-headLinkViewAllDocs hidden-xs">
      <a href="#">Tous mes E-documents</a>
    </div>
  </div>

  <div class="row">
    <div class="col-xs-12 visible-xs EDocs-headLinkViewAllDocs--mT15">
      <a href="#">Tous mes E-documents</a>
    </div>
  </div>


</div>
```
*/
/*doc
---
title: Tous Mes E-Documents - Search
name: 01-AllEDocs-02
parent: 01-AllEDocs
category: t077
---

```html_example
<div class="Styleguide-allEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->


@@include("../../kit/components/eDocs/search.kit")


</div>
```
*/
/*doc
---
title: Tous Mes E-Documents - Data table
name: 01-AllEDocs-03
parent: 01-AllEDocs
category: t077
---

```html_example
<div class="Styleguide-allEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="EDocs">
    <table id="DataTable" class="DataTable-table dataTable--paginationRounded dataTable--paginationRight">
      <thead>
      <tr>
        <th><span>Date de mise à disposition</span></th>
        <th class="hidden">Nom du fichier</th>
        <th class="hidden">Titulaire</th>
        <th class="hidden">Numéro du compte</th>
      </tr>
      </thead>
      <tbody>

        @@include("../../kit/components/eDocs/dataTable-tr--bold.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--bold.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--bold.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--bold.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--bold.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--bold.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--bold.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")

      </tbody>
    </table>
  </div>


</div>
```
*/
/*doc
---
title: Tous Mes E-Documents - Data table tr bold
name: 01-AllEDocs-04
parent: 01-AllEDocs
category: t077
---

```html_example
<div class="Styleguide-allEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="EDocs">
    <table id="DataTable" class="DataTable-table dataTable--paginationRounded dataTable--paginationRight">
      <tbody>

        @@include("../../kit/components/eDocs/dataTable-tr--bold.kit")

      </tbody>
    </table>
  </div>


</div>
```
*/
/*doc
---
title: Tous Mes E-Documents - Data table tr regular
name: 01-AllEDocs-05
parent: 01-AllEDocs
category: t077
---

```html_example
<div class="Styleguide-allEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="EDocs">
    <table id="DataTable" class="DataTable-table dataTable--paginationRounded dataTable--paginationRight">
      <tbody>

        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")

      </tbody>
    </table>
  </div>


</div>
```
*/
.EDocs .dataTables_length {
  float: left;
  /* Mobile Behavior */ }
  @media screen and (max-width: 989px) {
    .EDocs .dataTables_length {
      display: none; } }

.EDocs .dataTables_paginate {
  font-size: 0;
  text-align: center;
  margin-top: 10px;
  /* Mobile Behavior */ }
  @media screen and (max-width: 989px) {
    .EDocs .dataTables_paginate {
      float: none;
      margin-top: 0;
      text-align: center; } }

.EDocs .DataTable-lenght {
  width: 135px !important; }

.EDocs .DataTable-table {
  width: 100% !important;
  border-collapse: separate;
  margin-bottom: 30px; }
  .EDocs .DataTable-table thead th {
    position: relative;
    padding: 14px 30px 14px 20px;
    color: #ffffff;
    background: #007D8F;
    text-align: right;
    outline: 0 !important;
    font-weight: 600; }
    .EDocs .DataTable-table thead th span {
      display: inline-block;
      position: relative;
      padding-right: 20px;
      margin-right: -20px;
      text-align: left; }
      .EDocs .DataTable-table thead th span:before, .EDocs .DataTable-table thead th span:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        border: solid 5px transparent;
        margin: -6px 0;
        opacity: 1;
        margin-right: 2.5%;
        cursor: pointer; }
      .EDocs .DataTable-table thead th span:before {
        border-top: 0;
        border-bottom-color: #FFF; }
      .EDocs .DataTable-table thead th span:after {
        margin-top: 1px;
        border-bottom: 0;
        border-top-color: #FFF; }
  .EDocs .DataTable-table thead .sorting span:before,
  .EDocs .DataTable-table thead .sorting span:after,
  .EDocs .DataTable-table thead .sorting_asc span:after,
  .EDocs .DataTable-table thead .sorting_desc span:before {
    opacity: .5; }

.EDocs .dataTables_wrapper ~ .EDocs-noDataToDisplay {
  display: none; }

.EDocs .no-pagination .dataTables_paginate {
  display: none; }

.EDocs .no-pagination-test .dataTables_paginate,
.EDocs .no-pagination-test .customLenght {
  display: none; }

.EDocs .no-items {
  display: none; }
  .EDocs .no-items ~ .EDocs-noDataToDisplay {
    display: block; }

/*doc
---
title: T077 Tous mes documents dans une typologie / T091 E-documents de mon ancienne caisse
name: t077
category: t077
---

All items of T077 All E-Documents


**Scripts à inclure:**

`<script type="text/javascript" src="./../../build/js/selectpickerMultiple.js"></script>`

`<script type="text/javascript" src="./../../build/js/research.js"></script>`

`<script type="text/javascript" src="./../../build/js/jquery.dataTables.js"></script>`

`<script type="text/javascript" src="./../../build/js/allEDocs.js"></script>`

<!--  BASE JS  -->
<script type="text/javascript" src="./../../build/js/enquire.js" type="text/javascript"></script>
<script type="text/javascript" src="./../../build/js/common.js" type="text/javascript"></script>
<script type="text/javascript" src="./../../build/js/jquery.dataTables.js"></script>

<!--  CUSTOM JS -->
<script type="text/javascript" src="./../../build/js/selectpickerMultiple.js"></script>
<script type="text/javascript" src="./../../build/js/research.js"></script>
<script type="text/javascript" src="./../../build/js/allEDocs.js"></script>

**Template exemple:**

- [Mes E-Documents](../../build/examples/t077_allEDocuments.html)

*/
/*doc
---
title: Tous Mes E-Documents
name: 01-AllEDocs
parent: t077
category: t077
---
*/
/*doc
---
title: Tous Mes E-Documents - Titre Page
name: 01-AllEDocs-01
parent: 01-AllEDocs
category: t077
---

```html_example
<div class="Styleguide-allEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->


  <div class="EDocs-head">
    <h1 class="EDocs-headTitle"><strong>Mes e-documents</strong></h1>
    <div class="EDocs-headLinkViewAllDocs hidden-xs">
      <a href="#">Tous mes E-documents</a>
    </div>
  </div>

  <div class="row">
    <div class="col-xs-12 visible-xs EDocs-headLinkViewAllDocs--mT15">
      <a href="#">Tous mes E-documents</a>
    </div>
  </div>


</div>
```
*/
/*doc
---
title: Tous Mes E-Documents - Search
name: 01-AllEDocs-02
parent: 01-AllEDocs
category: t077
---

```html_example
<div class="Styleguide-allEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->


@@include("../../kit/components/eDocs/search.kit")


</div>
```
*/
/*doc
---
title: Tous Mes E-Documents - Data table
name: 01-AllEDocs-03
parent: 01-AllEDocs
category: t077
---

```html_example
<div class="Styleguide-allEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="EDocs">
    <table id="DataTable" class="DataTable-table dataTable--paginationRounded dataTable--paginationRight">
      <thead>
      <tr>
        <th><span>Date de mise à disposition</span></th>
        <th class="hidden">Nom du fichier</th>
        <th class="hidden">Titulaire</th>
        <th class="hidden">Numéro du compte</th>
      </tr>
      </thead>
      <tbody>

        @@include("../../kit/components/eDocs/dataTable-tr--bold.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--bold.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--bold.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--bold.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--bold.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--bold.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--bold.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")
        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")

      </tbody>
    </table>
  </div>


</div>
```
*/
/*doc
---
title: Tous Mes E-Documents - Data table tr bold
name: 01-AllEDocs-04
parent: 01-AllEDocs
category: t077
---

```html_example
<div class="Styleguide-allEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="EDocs">
    <table id="DataTable" class="DataTable-table dataTable--paginationRounded dataTable--paginationRight">
      <tbody>

        @@include("../../kit/components/eDocs/dataTable-tr--bold.kit")

      </tbody>
    </table>
  </div>


</div>
```
*/
/*doc
---
title: Tous Mes E-Documents - Data table tr regular
name: 01-AllEDocs-05
parent: 01-AllEDocs
category: t077
---

```html_example
<div class="Styleguide-allEDocuments-colLeft"><!-- <==  /!\  Wrapper only for styleguide -->

  <div class="EDocs">
    <table id="DataTable" class="DataTable-table dataTable--paginationRounded dataTable--paginationRight">
      <tbody>

        @@include("../../kit/components/eDocs/dataTable-tr--regular.kit")

      </tbody>
    </table>
  </div>


</div>
```
*/
.EDocs .DataTable-tableCustom {
  width: 100% !important;
  border-collapse: separate;
  margin-bottom: 30px; }
  .EDocs .DataTable-tableCustom thead th {
    position: relative;
    height: 48px;
    padding: 7px 30px 7px 20px;
    color: #ffffff;
    background: #007D8F;
    text-align: center;
    outline: 0 !important;
    font-weight: 600; }
    .EDocs .DataTable-tableCustom thead th span {
      display: inline-block;
      position: relative;
      padding-right: 20px;
      margin-right: -20px;
      text-align: left; }
      .EDocs .DataTable-tableCustom thead th span:before, .EDocs .DataTable-tableCustom thead th span:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        border: solid 5px transparent;
        margin: -6px 0;
        opacity: 1;
        margin-right: 2.5%;
        cursor: pointer; }
      .EDocs .DataTable-tableCustom thead th span:before {
        border-top: 0;
        border-bottom-color: #FFF; }
      .EDocs .DataTable-tableCustom thead th span:after {
        margin-top: 1px;
        border-bottom: 0;
        border-top-color: #FFF; }
  .EDocs .DataTable-tableCustom thead .sorting span:before,
  .EDocs .DataTable-tableCustom thead .sorting span:after,
  .EDocs .DataTable-tableCustom thead .sorting_asc span:after,
  .EDocs .DataTable-tableCustom thead .sorting_desc span:before {
    opacity: .5; }
  .EDocs .DataTable-tableCustom td {
    padding: 21px 10px;
    border-bottom: 1px solid #ffffff; }
    .EDocs .DataTable-tableCustom td:first-child {
      padding-left: 21px; }
    .EDocs .DataTable-tableCustom td:last-child {
      padding-right: 21px; }
  .EDocs .DataTable-tableCustom .DataTable-tableCustomTrBold {
    font-weight: bold; }
  .EDocs .DataTable-tableCustom .DataTable-tableCustomTrRegular {
    font-weight: 300; }
  .EDocs .DataTable-tableCustom .EDocs-name,
  .EDocs .DataTable-tableCustom .EDocs-owner {
    width: 100%;
    text-overflow: inherit;
    white-space: inherit;
    overflow: inherit; }
  .EDocs .DataTable-tableCustom .EDocs-dateOfAvailability,
  .EDocs .DataTable-tableCustom .EDocs-dateEndOfAvailability {
    padding: 0; }
  @media screen and (max-width: 989px) {
    .EDocs .DataTable-tableCustom .EDocs-dateOfAvailability,
    .EDocs .DataTable-tableCustom .EDocs-dateEndOfAvailability {
      float: none;
      padding-right: 11px;
      text-align: right; } }

.EDocsCustomFilter {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0; }
  @media screen and (max-width: 989px) {
    .EDocsCustomFilter {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10000;
      -webkit-animation: transition 1s ease-in-out 2s forwards;
         -moz-animation: transition 1s ease-in-out 2s forwards;
              animation: transition 1s ease-in-out 2s forwards; } }

.EDocsCustomFilter-layer {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #ffffff; }
  @media screen and (max-width: 989px) {
    .EDocsCustomFilter-layer {
      position: absolute;
      cursor: pointer; } }

.EDocsCustomFilter-content {
  padding: 65px 50px;
  background-color: #007D8F; }
  @media screen and (max-width: 989px) {
    .EDocsCustomFilter-content {
      position: absolute;
      top: 0;
      right: 0;
      width: 400px;
      height: 100%;
      overflow: auto;
      z-index: 10;
      padding-top: 100px; } }
  @media screen and (max-width: 649px) {
    .EDocsCustomFilter-content {
      float: left;
      width: 100%; } }

.EDocsCustomFilter-hearder {
  position: absolute;
  display: table;
  width: 100%;
  height: 60px;
  top: 0;
  right: 0;
  background-color: #ffffff; }

.EDocsCustomFilter-hearderTitle {
  display: table-cell;
  vertical-align: middle;
  padding-left: 50px;
  font-weight: 600; }

.EDocsCustomFilter-hearderClose {
  display: table-cell;
  vertical-align: middle;
  float: right;
  color: #ffffff;
  width: 60px;
  height: 60px;
  padding: 15px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  background: #007D8F;
  border: 0; }
  .EDocsCustomFilter-hearderClose::before {
    display: table-cell;
    width: 60px;
    font-family: "NPC Icons";
    content: "\f122";
    font-size: 18px;
    text-align: center;
    outline: none; }

.EDocsCustomFilter-textWhite {
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  color: #ffffff;
  margin-bottom: 30px; }

.EDocsCustomFilter-research {
  margin-bottom: 30px; }
  .EDocsCustomFilter-research .input-field,
  .EDocsCustomFilter-research .form-group {
    margin-bottom: 1px; }
  .EDocsCustomFilter-research .form-label-white {
    margin-bottom: 10px; }

.EDocsCustomFilter-date {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 30px; }
  .EDocsCustomFilter-date .form-label-white {
    margin-bottom: 10px; }

.EDocsCustomFilter-dateStart {
  display: table-cell;
  vertical-align: middle;
  padding-right: 5px; }

.EDocsCustomFilter-dateEnd {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px; }

.EDocsCustomFilter-checklist {
  background-color: #ffffff;
  padding: 0 15px;
  max-height: 200px;
  overflow: auto;
  -moz-border-radius: 0 0 4px 4px;
       border-radius: 0 0 4px 4px; }
  .EDocsCustomFilter-checklist .form-group {
    margin: 0; }
  .EDocsCustomFilter-checklist .checkbox {
    margin: 20px 0; }
  .EDocsCustomFilter-checklist .checkbox-label {
    text-transform: capitalize;
    font-weight: 600; }

.EDocsCustomFilter-checklist--maxHeight {
  max-height: 290px; }

.EDocsCustomFilter-sbuLabel {
  color: #999999; }

.EDocsCustomFilter-researchItem {
  height: 100%;
  padding-right: 40px !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -moz-border-radius: 4px 4px 0 0;
       border-radius: 4px 4px 0 0; }
  .EDocsCustomFilter-researchItem, .EDocsCustomFilter-researchItem:hover, .EDocsCustomFilter-researchItem:focus {
    border: 1px solid #ffffff !important; }

.EDocsCustomFilter-btnWrap {
  width: 100%;
  padding: 0; }

.EDocsCustomFilter-btnPrimaryWhite {
  width: 100%;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px; }

@media screen and (max-width: 649px) {
  .EDocs .DataTable-tableCustom td {
    padding: 21px 5px; }
    .EDocs .DataTable-tableCustom td:first-child {
      padding-left: 10px; }
    .EDocs .DataTable-tableCustom td:last-child {
      padding-right: 10px; } }

/*doc
---
title: Interstitielles
name: interstitielles
category: interstitielles
---

All items of **Interstitielles**


Scripts à inclure:

- `<script src=""></script>`

<!--  BASE JS  -->
<script src="./../../build/js/enquire.js" type="text/javascript"></script>
<script src="./../../build/js/common.js" type="text/javascript"></script>

<!--  CUSTOM JS -->

**Templates exemple:**
<ul>
<li><a href="../../build/examples/interstitielle--step0.html">Step intro - Page de bienvenue "première connexion"</a></li>
<li><a href="../../build/examples/interstitielle--step1.html">Step 1 - Page "message de sécurité"</a></li>
<li><a href="../../build/examples/interstitielle--step2-1.html">Step 2.1 - Page "Code personnel" (ancien code)</a></li>
<li><a href="../../build/examples/interstitielle--step2-2.html">Step 2.2 - Page "Code personnel" (nouveau code)</a></li>
<li><a href="../../build/examples/interstitielle--step2-3.html">Step 2.3 - Page "Code personnel" (confirmation code)</a></li>
<li><a href="../../build/examples/interstitielle--step3-1.html">Step 3.1 - Page "Mes coordonnées personnelles" (insertion)</a></li>
<li><a href="../../build/examples/interstitielle--step3-2.html">Step 3.2 - Page "Mes coordonnées personnelles" (popin fiab)</a></li>
<li><a href="../../build/examples/interstitielle--step3-3.html">Step 3.3 - Page "Mes coordonnées personnelles" (campagne)</a></li>
<li><a href="../../build/examples/interstitielle--step3-4.html">Step 3.4 - Page "Fiabilisation 1"</a></li>
<li><a href="../../build/examples/interstitielle--step3-5.html">Step 3.5 - Page "Fiabilisation 2"</a></li>
<li><a href="../../build/examples/interstitielle--step4.html">Step 4 - Page "Récapituler mes coordonnées personnelles"</a></li>
<li><a href="../../build/examples/interstitielle--step5.html">Step 5 - Page de "bienvenue espace personnel"</a></li>
</ul>
*/
.FirstLogin-container {
  background: #ffffff; }
  .FirstLogin-container .Login-key {
    background: #f5f5f5; }
  .FirstLogin-container .ZCoord-head {
    margin-bottom: 15px; }
  .FirstLogin-container .ZCoord-itemInput {
    margin-bottom: 20px; }

.FirstLogin-pearls,
.FirstLogin-main {
  float: none;
  padding-left: 5%;
  padding-right: 5%; }

.FirstLogin-pearls {
  max-width: 650px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 20px; }

.FirstLogin-formGroupHeader {
  text-align: right; }
  .FirstLogin-formGroupHeader:after {
    content: '';
    display: table;
    clear: both; }

.FirstLogin-loginLabel {
  float: left;
  margin-right: 10px; }

.FirstLogin-loginForget {
  color: inherit;
  font-style: italic;
  font-weight: 400; }

.FirstLogin-loginInfo {
  display: inline-block;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: 400; }

.FirstLogin-loginField {
  margin-bottom: 10px; }

.FirstLogin-loginInput[readonly] {
  background: #ffffff !important; }

.FirstLogin-button {
  display: block;
  width: 100%;
  margin: 10px 0; }

@media (max-width: 989px) {
  .FirstLogin-pearls {
    font-size: 10px; } }

.MailCasa-greenBanner,
.MailCasa-headerLogo,
.MailCasa-footer {
  display: none; }

[owa] .MailCasa-headerLogoOwaImg {
  -ms-interpolation-mode: bicubic;
  clear: both;
  display: block;
  max-width: 100%;
  max-height: 100%;
  outline: 0;
  text-decoration: none;
  vertical-align: middle;
  border: 0;
  margin-left: auto;
  margin-right: auto; }

.SitePlan-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
  line-height: 45px;
  color: #007D8F; }

.SitePlan-subTitle {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 23px;
  line-height: 28px;
  color: #454545;
  text-transform: none; }

.ThirdOfPayment {
  /*Change properties of the Accordion*/
  /*Define width and margin of the header title*/
  /*Define width and margin of the header text*/
  /*Change font on icon*/
  /*Change margin text main*/ }
  .ThirdOfPayment .Accordions {
    padding: 0;
    margin-bottom: 15px; }
    .ThirdOfPayment .Accordions .AccordionSteps-main {
      padding: 0 15px;
      margin-bottom: 0; }
  .ThirdOfPayment .AccordionSteps {
    width: 100%;
    margin: 0; }
  .ThirdOfPayment .AccordionSteps-main--padLR60 {
    padding: 0 60px; }
  .ThirdOfPayment .AccordionSteps-headerTitle {
    width: 100%;
    margin: 8.5px 0;
    padding: 11px 0; }
  .ThirdOfPayment .AccordionSteps-nameApi {
    text-transform: uppercase; }
  .ThirdOfPayment .AccordionSteps-nextAuthent,
  .ThirdOfPayment .AccordionSteps-enrollmentDate {
    color: #999999; }
  .ThirdOfPayment .AccordionSteps-enrollmentDate--warning {
    color: #d70000; }
  .ThirdOfPayment .AccordionSteps-headerText {
    width: 100%;
    margin: 8.5px 0; }
  .ThirdOfPayment .AccordionSteps-headerIcon {
    width: 60px;
    background-color: transparent;
    font-size: 30px;
    color: #99cc00;
    padding: 10px 10px 10px 15px; }
  .ThirdOfPayment .AccordionSteps-headerToggle {
    width: 55px;
    padding: 0px 5px 0 25px; }
  .ThirdOfPayment .AccordionSteps-mainContent {
    margin: 20px 0; }
  .ThirdOfPayment .AccordionSteps-mainContentItem {
    color: #999999;
    font-size: 12px; }
  .ThirdOfPayment .AccordionSteps-mainContentCard {
    padding-left: 30px; }
  .ThirdOfPayment .AccordionSteps-mainContentItem--owner {
    color: #007D8F;
    font-size: 14px;
    margin-bottom: 30px; }
    .ThirdOfPayment .AccordionSteps-mainContentItem--owner + .AccordionSteps-mainContentOptions,
    .ThirdOfPayment .AccordionSteps-mainContentItem--owner + .AccordionSteps-mainContentItem--number {
      margin-bottom: 15px; }
  .ThirdOfPayment .AccordionSteps-mainContentItem--number strong {
    color: #454545;
    text-transform: uppercase; }
  .ThirdOfPayment .AccordionSteps-mainContentItem--number span {
    display: inline-block; }
  .ThirdOfPayment .AccordionSteps-mainContentOptions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 5px 0; }
    .ThirdOfPayment .AccordionSteps-mainContentOptions + .AccordionSteps-mainContentItem--number,
    .ThirdOfPayment .AccordionSteps-mainContentOptions + .AccordionSteps-mainContentCard,
    .ThirdOfPayment .AccordionSteps-mainContentOptions + .AccordionSteps-mainContentItem--owner,
    .ThirdOfPayment .AccordionSteps-mainContentOptions + .AccordionSteps-mainContentItem--owner + .AccordionSteps-mainContentItem--owner {
      margin-top: 30px; }
  .ThirdOfPayment .AccordionSteps-mainContentOptionsText {
    font-weight: 400; }
  .ThirdOfPayment .AccordionSteps-mainContentOptionsBtn {
    min-width: 100px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #99cc00;
    padding: 5px 12px;
    -moz-border-radius: 50px;
         border-radius: 50px; }
  .ThirdOfPayment .AccordionSteps-mainContentOptionsBtn--optDisabled {
    background-color: #d8d8d8;
    border-color: #d8d8d8; }
  .ThirdOfPayment .paginationItem--agregateur {
    padding-top: 25px; }
  @media screen and (max-width: 649px) {
    .ThirdOfPayment .Accordions {
      padding: 0; }
    .ThirdOfPayment .AccordionSteps-headerToggle {
      text-align: center; } }