@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700);
.word-break {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.box {
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: -ms-box;
  display: box;
}
.ir,
.hide-text {
  background-color: transparent;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  border: 0;
}
path.linePath {
  stroke-width: 2;
  fill: none;
}
path.donutSlice {
  stroke-width: 3;
}
.axis path,
.axis line {
  fill: none;
  stroke: grey;
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.bar {
  fill: steelblue;
}
.y-axis .domain,
.y-axis .tick line {
  stroke: grey;
  stroke-width: 1;
  stroke-dasharray: 1, 2;
  fill: none;
}
.x-axis .domain,
.x-axis .tick line {
  fill: none;
  stroke: grey;
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.totalMessagesNum {
  text-anchor: middle;
  font-size: 50px;
}
.totalMessagesText {
  text-anchor: middle;
  font-size: 15px;
}
.barsTotal {
  fill: lightgrey;
}
.barLabels {
  font-size: 1.5em;
}
.barLabels .barPct {
  font-weight: bold;
  margin-bottom: 15px;
}
.subunit {
  stroke: grey;
  stroke-width: 0.3;
  fill: #cdc;
}
.JYGBubble,
.bubble-tooltip {
  fill: black;
  fill-opacity: 0.7;
}
.JYGBubbleTitle {
  fill: white;
  font-weight: bold;
}
.JYGBubbleText {
  fill: white;
}
.sub-color-0 {
  fill: #8DC4FA;
}
.sub-color-1 {
  fill: #7AB8F7;
}
.sub-color-2 {
  fill: #61ABF5;
}
.sub-color-3 {
  fill: #499CF0;
}
.sub-color-4 {
  fill: #3692EE;
}
.sub-color-5 {
  fill: #2187EC;
}
.sub-color-6 {
  fill: #0D78E3;
}
.sub-color-7 {
  fill: #0B6CCD;
}
.sub-color-8 {
  fill: #0B61B7;
}
.sub-color-9 {
  fill: #08539D;
}
.JYGButton {
  fill: grey;
  fill-opacity: 0.4;
}
.JYGButtonTitle {
  fill: black;
  font-weight: bold;
}
.city-circle {
  stroke-width: 0.1;
  stroke: #00008B;
}
.scale-text {
  font-size: 9pt;
  fill: #000000;
}
.node {
  stroke: #000;
  stroke-width: .5px;
}
.link {
  stroke: #999;
  stroke-opacity: .8;
}
.link.highlight {
  stroke: #303030;
  stroke-opacity: 1;
}
.sunburst path {
  stroke: #fff;
  fill-rule: evenodd;
}
.circleNode {
  stroke: steelblue;
  stroke-width: 1.5px;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animatedInfinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animatedHinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes openDown {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 100%;
  }
}
@keyframes openDown {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 100%;
  }
}
.openDown {
  -webkit-animation-name: openDown;
  animation-name: openDown;
}
@font-face {
  font-family: 'typicons';
  font-weight: normal;
  font-style: normal;
  src: url('/img/fonts/typicons_2.0.6/src/font/typicons.eot');
  src: url('/img/fonts/typicons_2.0.6/src/font/typicons.eot?#iefix') format('embedded-opentype'), url('/img/fonts/typicons_2.0.6/src/font/typicons.woff') format('woff'), url('/img/fonts/typicons_2.0.6/src/font/typicons.ttf') format('truetype'), url('/img/fonts/typicons_2.0.6/src/font/typicons.svg#typicons') format('svg');
}
@font-face {
  font-family: "connect";
  src: url("/fonts/connect/connect.eot");
  src: url("/fonts/connect/connect.eot?#iefix") format("embedded-opentype"), url("/fonts/connect/connect.woff") format("woff"), url("/fonts/connect/connect.ttf") format("truetype"), url("/fonts/connect/connect.svg#insight") format("svg");
  font-weight: normal;
  font-style: normal;
}
.cta {
  background-color: #00AFEC;
  color: #ffffff;
  font-weight: 600;
  height: 60px;
  line-height: 60px;
  width: 283px;
  max-width: 283px;
  text-align: center;
  border: 0px;
  -webkit-border-radius: 2px 2px 2px 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px 2px 2px 2px;
  -moz-background-clip: padding;
  border-radius: 2px 2px 2px 2px;
  background-clip: padding-box;
  display: block;
  text-decoration: none;
  margin: auto;
  cursor: pointer;
}
.cta:hover {
  background-color: #0082BE;
}
.cta[disabled="disabled"] {
  background-color: #D3D3D3 !important;
}
.cta:hover {
  color: #ffffff !important;
  text-decoration: none;
}
#header-hamburger,
#headerSearchHamburger {
  background-color: #292b2d;
}
#header-hamburger >a,
#headerSearchHamburger >a {
  display: inline-block;
  line-height: 35px;
  color: #ffffff;
  font-size: 20px;
  font-family: "Dosis", sans-serif;
}
#header-hamburger >a:nth-child(1),
#headerSearchHamburger >a:nth-child(1) {
  background: url(/img/commun/logo_preheader.png) no-repeat 10px center;
  text-transform: uppercase;
  padding-left: 35px;
  padding-right: 10px;
}
#header-hamburger .sousSiteHamburger,
#headerSearchHamburger .sousSiteHamburger {
  opacity: 0.6;
}
#header-hamburger div,
#headerSearchHamburger div {
  display: block;
  margin-left: auto;
  margin-top: -35px;
  margin-right: 10px;
  height: 35px;
  width: 35px;
  background: url(/img/commun/responsive_hamburger.png) no-repeat center center;
  background-size: 25px;
  cursor: pointer;
}
#header-hamburger nav,
#headerSearchHamburger nav {
  display: none;
  width: 100%;
}
#header-hamburger nav ul li,
#headerSearchHamburger nav ul li {
  height: 45px;
  line-height: 41px;
  padding-right: 15px;
  border: none;
  border-top: 1px solid #3e4042;
  text-align: right;
  background-color: #2f3134;
}
#header-hamburger nav ul li a,
#headerSearchHamburger nav ul li a {
  text-decoration: none;
  color: #ffffff;
  font-weight: 300;
  font-size: 18px;
  display: block;
  width: 100%;
}
#header-hamburger nav ul li:nth-child(1),
#headerSearchHamburger nav ul li:nth-child(1) {
  font-size: 20px !important;
  border: none;
}
#header-hamburger nav ul li:nth-child(1) a,
#headerSearchHamburger nav ul li:nth-child(1) a {
  margin-left: 20px;
  width: 35px;
  display: inline-block;
  height: 50px;
}
#header-hamburger .afficheHamburger,
#headerSearchHamburger .afficheHamburger {
  -webkit-animation-name: openDown;
  animation-name: openDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: block;
}
body.iframe {
  background: none;
  height: auto;
}
#headerYooda {
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  background: #2F3134;
}
#headerYooda nav {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
#headerYooda nav > a {
  padding-left: 25px;
  background: url(/img/commun/logo_preheader.png) no-repeat left center;
  text-decoration: none !important;
  font-family: "Dosis", sans-serif !important;
}
#headerYooda nav a {
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
}
#headerYooda nav a:hover {
  text-decoration: underline;
  -webkit-transition: all .3s 0s linear;
  -moz-transition: all .3s 0s linear;
  -ms-transition: all .3s 0s linear;
  -o-transition: all .3s 0s linear;
  transition: all .3s 0s linear;
  color: #ffffff;
}
#headerYooda nav .typeCompte {
  color: #ffffff;
  display: inline-block;
  margin-left: 15px;
  font-weight: 600;
}
#headerYooda nav ul {
  margin-left: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}
#headerYooda nav ul li {
  margin-right: 4px;
  margin-left: 0 auto;
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 0.82em;
  cursor: pointer;
  text-decoration: none !important;
}
#headerYooda nav ul li:hover {
  text-decoration: underline;
  -webkit-transition: all .3s 0s linear;
  -moz-transition: all .3s 0s linear;
  -ms-transition: all .3s 0s linear;
  -o-transition: all .3s 0s linear;
  transition: all .3s 0s linear;
  color: #ffffff;
}
#headerYooda nav ul li a {
  height: 1.4em;
}
#headerYooda nav ul li ul {
  display: none;
  z-index: 52;
  border: 1px solid #666666;
  -webkit-border-radius: 2px 2px 2px 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px 2px 2px 2px;
  -moz-background-clip: padding;
  border-radius: 2px 2px 2px 2px;
  background-clip: padding-box;
  position: absolute;
  padding: 10px 10px 16px 0px;
  background-color: #ffffff;
  width: 160px;
  left: 50%;
  margin-left: -90px;
}
#headerYooda nav ul li ul li {
  display: block;
  position: relative;
  text-align: center;
  margin-right: 0px;
  line-height: 3em;
  padding: 0px;
}
#headerYooda nav ul li ul li a {
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  color: #666666;
  margin-right: 0px;
}
#headerYooda nav ul li ul li a h6 {
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  color: #666666;
}
#headerYooda nav ul li ul li a h6:hover {
  text-decoration: underline;
  -webkit-transition: all .3s 0s linear;
  -moz-transition: all .3s 0s linear;
  -ms-transition: all .3s 0s linear;
  -o-transition: all .3s 0s linear;
  transition: all .3s 0s linear;
  color: #0082BE;
}
#headerYooda nav ul li ul li a h6:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0);
  z-index: 1;
}
#headerYooda nav ul li ul li a h6:hover {
  color: #0082BE !important;
  text-decoration: none !important;
  border: none;
}
#headerYooda nav ul li ul li a:hover {
  text-decoration: underline;
  -webkit-transition: all .3s 0s linear;
  -moz-transition: all .3s 0s linear;
  -ms-transition: all .3s 0s linear;
  -o-transition: all .3s 0s linear;
  transition: all .3s 0s linear;
  color: #0082BE;
}
#headerYooda nav ul li ul li a:hover {
  text-decoration: none !important;
}
#headerYooda nav ul li ul li a:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0);
  z-index: 1;
}
#headerYooda nav ul li ul li a:hover {
  color: #0082BE !important;
  text-decoration: none !important;
  border: none;
}
#headerYooda nav ul li ul:before {
  top: -7px;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  z-index: 49;
  width: 10px;
  height: 7px;
  background: url(/img/commun/fleche_menu_compte.png) no-repeat center center;
}
#headerYooda nav ul li.sousMenuCss:hover ul {
  display: block;
}
#headerYooda nav ul .sous_menu {
  z-index: 999;
  position: absolute;
}
#navEntreProduit {
  text-align: right;
  padding-top: 5px;
  padding-bottom: 60px;
}