/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.banner__funfacts {
  width: 100%;
  max-width: 554px;
  margin: auto; }
  @media screen and (min-width: 768px) {
    .banner__funfacts {
      height: 142px; } }
  .banner__funfacts .banner__inner {
    position: relative;
    height: 100%;
    border-radius: 5px; }
    .banner__funfacts .banner__inner:before, .banner__funfacts .banner__inner:after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0; }
    .banner__funfacts .banner__inner:before {
      width: 22px;
      height: 22px;
      -webkit-border-radius: 6px 0 0 0;
      -moz-border-radius: 6px 0 0 0;
      -ms-border-radius: 6px 0 0 0;
      border-radius: 6px 0 0 0; }
      @media screen and (min-width: 768px) {
        .banner__funfacts .banner__inner:before {
          width: 35px;
          height: 35px;
          -webkit-border-radius: 10px 0 0 0;
          -moz-border-radius: 10px 0 0 0;
          -ms-border-radius: 10px 0 0 0;
          border-radius: 10px 0 0 0; } }
    .banner__funfacts .banner__inner:after {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 22px 22px; }
      @media screen and (min-width: 768px) {
        .banner__funfacts .banner__inner:after {
          border-width: 0 0 35px 35px; } }
  .banner__funfacts .banner__over {
    align-items: center;
    z-index: 2; }
  .banner__funfacts .banner__edito {
    line-height: 1;
    padding: 20px 20px 30px 20px; }
    @media screen and (min-width: 768px) {
      .banner__funfacts .banner__edito {
        padding: 0; } }
  .banner__funfacts .banner__pix {
    width: 100%; }
  .banner__funfacts .tool__share {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 22px; }
    @media screen and (min-width: 768px) {
      .banner__funfacts .tool__share {
        width: 36px;
        height: 36px; } }
    .banner__funfacts .tool__share .btn__share {
      width: 36px;
      height: 36px;
      margin: auto auto 0 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      .banner__funfacts .tool__share .btn__share .btn__icon {
        margin-left: 0; }
        .banner__funfacts .tool__share .btn__share .btn__icon i {
          font-size: 16px; }
          @media screen and (min-width: 768px) {
            .banner__funfacts .tool__share .btn__share .btn__icon i {
              font-size: 20px; } }
  .banner__funfacts .banner__title {
    color: white; }
    .banner__funfacts .banner__title h3 {
      font-size: 18px;
      line-height: 1; }
      .banner__funfacts .banner__title h3 span + span {
        margin-left: 5px; }
      .banner__funfacts .banner__title h3 .logo__lbc_mini {
        width: 115px;
        height: 22.5px; }
    .banner__funfacts .banner__title + .banner__data {
      margin-top: 5px; }
  .banner__funfacts .banner__data {
    line-height: 1; }
  .banner__funfacts .banner__subtitle {
    font-size: 20px;
    font-weight: bold; }
    @media screen and (min-width: 768px) {
      .banner__funfacts .banner__subtitle {
        font-size: 25px; } }
  .banner__funfacts.banner__auto .banner__inner {
    background-color: #facdd2; }
    .banner__funfacts.banner__auto .banner__inner .banner__title {
      color: #f05069; }
    .banner__funfacts.banner__auto .banner__inner .banner__data {
      color: #af0023; }
      .banner__funfacts.banner__auto .banner__inner .banner__data .banner__data {
        color: #af0023; }
    .banner__funfacts.banner__auto .banner__inner:after {
      border-color: transparent transparent #7a171b transparent; }
  .banner__funfacts.banner__auto .tool__share button {
    color: #333333; }
  .banner__funfacts.banner__realestate .banner__inner {
    background-color: #ffd74b; }
    .banner__funfacts.banner__realestate .banner__inner .banner__title {
      color: #f05069; }
    .banner__funfacts.banner__realestate .banner__inner .banner__data {
      color: #412864; }
      .banner__funfacts.banner__realestate .banner__inner .banner__data .banner__data {
        color: #f05069; }
    .banner__funfacts.banner__realestate .banner__inner:after {
      border-color: transparent transparent #5a3787 transparent; }
  .banner__funfacts.banner__realestate .tool__share button {
    color: #333333; }
  .banner__funfacts.banner__vacation .banner__inner {
    background-color: #3c78c8; }
    .banner__funfacts.banner__vacation .banner__inner .banner__title {
      color: #d7e1f5; }
    .banner__funfacts.banner__vacation .banner__inner .banner__data {
      color: #ffd74b; }
      .banner__funfacts.banner__vacation .banner__inner .banner__data .banner__data {
        color: #d7e1f5; }
    .banner__funfacts.banner__vacation .banner__inner:after {
      border-color: transparent transparent #ffd74b transparent; }
  .banner__funfacts.banner__vacation .tool__share button {
    color: #d7e1f5; }
  .banner__funfacts.banner__employment .banner__inner {
    background-color: #facdd2; }
    .banner__funfacts.banner__employment .banner__inner .banner__title {
      color: #f05069; }
    .banner__funfacts.banner__employment .banner__inner .banner__data {
      color: #333333; }
      .banner__funfacts.banner__employment .banner__inner .banner__data .banner__data {
        color: #f05069; }
    .banner__funfacts.banner__employment .banner__inner:after {
      border-color: transparent transparent #04848c transparent; }
  .banner__funfacts.banner__employment .tool__share button {
    color: #333333; }
  .banner__funfacts.banner__consumption .banner__inner {
    background-color: #bebebe; }
    .banner__funfacts.banner__consumption .banner__inner .banner__title {
      color: #870019; }
    .banner__funfacts.banner__consumption .banner__inner .banner__data {
      color: #870019; }
      .banner__funfacts.banner__consumption .banner__inner .banner__data .banner__data {
        color: #870019; }
    .banner__funfacts.banner__consumption .banner__inner:after {
      border-color: transparent transparent #3c3c3c transparent; }
  .banner__funfacts.banner__consumption .tool__share button {
    color: #333333; }
  .banner__funfacts.banner__lbc .banner__inner {
    background-color: #ff6e14; }
    .banner__funfacts.banner__lbc .banner__inner .banner__title {
      color: #ffd74b; }
    .banner__funfacts.banner__lbc .banner__inner .banner__data {
      color: #fff0cd; }
    .banner__funfacts.banner__lbc .banner__inner .btn__share {
      color: white; }
  .banner__funfacts.banner__lbc .action__share .action__icon:before {
    background-color: #ff6e14; }

.banner__context__auto .banner__funfacts .banner__inner:before {
  background-color: #73a0d7; }

.banner__context__auto .banner__funfacts.banner__lbc .banner__inner:before {
  background-color: #04848c; }

.banner__context__auto .banner__funfacts.banner__lbc .banner__inner:after {
  border-color: transparent transparent #7a171b transparent; }

.banner__context__realestate .banner__funfacts .banner__inner:before {
  background-color: #f05069; }

.banner__context__realestate .banner__funfacts.banner__lbc .banner__inner:before {
  background-color: #04848c; }

.banner__context__realestate .banner__funfacts.banner__lbc .banner__inner:after {
  border-color: transparent transparent #5a3787 transparent; }

.banner__context__vacation .banner__funfacts .banner__inner:before {
  background-color: #f05069; }

.banner__context__vacation .banner__funfacts.banner__lbc .banner__inner:before {
  background-color: #04848c; }

.banner__context__vacation .banner__funfacts.banner__lbc .banner__inner:after {
  border-color: transparent transparent #ffd74b transparent; }

.banner__context__employment .banner__funfacts .banner__inner:before {
  background-color: #ffbe00; }

.banner__context__employment .banner__funfacts.banner__lbc .banner__inner:before {
  background-color: #d7e1f5; }

.banner__context__employment .banner__funfacts.banner__lbc .banner__inner:after {
  border-color: transparent transparent #04848c transparent; }

.banner__context__consumption .banner__funfacts .banner__inner:before {
  background-color: #faa000; }

.banner__context__consumption .banner__funfacts.banner__lbc .banner__inner:before {
  background-color: #04848c; }

.banner__context__consumption .banner__funfacts.banner__lbc .banner__inner:after {
  border-color: transparent transparent #3c3c3c transparent; }

#bannerFunfactsautoAuto1 .banner__pix {
  max-width: 200px; }
  @media screen and (min-width: 768px) {
    #bannerFunfactsautoAuto1 .banner__pix {
      max-width: 240px; } }
  #bannerFunfactsautoAuto1 .banner__pix img {
    display: block;
    width: 100%; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.tool__box {
  padding: 0; }
  .tool__box.tool__share {
    color: inherit; }
    .tool__box.tool__share .box__title {
      font-weight: 600;
      padding: 5px 0;
      color: #333333; }
    .tool__box.tool__share .inner {
      position: relative;
      text-align: center; }
    .tool__box.tool__share.tool__box__drop {
      position: absolute;
      width: 140px;
      min-height: 72px; }
      .tool__box.tool__share.tool__box__drop.uk-open {
        display: block; }
        .tool__box.tool__share.tool__box__drop.uk-open .inner {
          opacity: 1;
          transform: translateX(0px);
          -webkit-transition: all 0.5s 0.25s ease;
          -moz-transition: all 0.5s 0.25s ease;
          -ms-transition: all 0.5s 0.25s ease;
          -o-transition: all 0.5s 0.25s ease;
          transition: all 0.5s 0.25s ease; }
      .tool__box.tool__share.tool__box__drop:not(.uk-open) {
        pointer-events: none;
        display: block; }
        .tool__box.tool__share.tool__box__drop:not(.uk-open) .inner {
          opacity: 0;
          transform: translateX(-10px);
          -webkit-transition: all 0.25s ease;
          -moz-transition: all 0.25s ease;
          -ms-transition: all 0.25s ease;
          -o-transition: all 0.25s ease;
          transition: all 0.25s ease; }
      .tool__box.tool__share.tool__box__drop .inner {
        background-color: white;
        padding: 5px;
        border-radius: 5px;
        opacity: 0;
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25); }
        .tool__box.tool__share.tool__box__drop .inner:before {
          content: "";
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          width: 0;
          height: 0;
          border-style: solid;
          left: 100%;
          border-width: 10px 0 10px 12px;
          border-color: transparent transparent transparent white; }
          @media screen and (min-width: 868px) {
            .tool__box.tool__share.tool__box__drop .inner:before {
              border-width: 10px 12px 10px 0;
              border-color: transparent white transparent transparent;
              left: auto;
              right: 100%; } }
      .tool__box.tool__share.tool__box__drop ul {
        display: flex;
        flex-flow: wrap;
        justify-content: center;
        width: 100%;
        padding: 0 0 5px 0; }
        .tool__box.tool__share.tool__box__drop ul li {
          text-align: center;
          padding: 2px; }
    .tool__box.tool__share:not(.tool__box__drop) {
      width: 100%; }
      .tool__box.tool__share:not(.tool__box__drop) .inner {
        position: relative;
        display: flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 486px;
        margin: 10px auto 0 auto;
        padding: 10px 10px 0 10px; }
        .tool__box.tool__share:not(.tool__box__drop) .inner .box__title {
          width: auto; }
        .tool__box.tool__share:not(.tool__box__drop) .inner .box__download,
        .tool__box.tool__share:not(.tool__box__drop) .inner .download {
          display: none; }
        @media screen and (min-width: 768px) {
          .tool__box.tool__share:not(.tool__box__drop) .inner .box__download {
            display: block;
            margin-left: 30px; }
          .tool__box.tool__share:not(.tool__box__drop) .inner .download {
            display: block; }
            .tool__box.tool__share:not(.tool__box__drop) .inner .download .action__icon {
              position: relative; }
              .tool__box.tool__share:not(.tool__box__drop) .inner .download .action__icon .svg__download32 {
                color: white;
                z-index: 1;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); } }
        .tool__box.tool__share:not(.tool__box__drop) .inner:before, .tool__box.tool__share:not(.tool__box__drop) .inner:after {
          content: "";
          height: 1px;
          width: 100%; }
        .tool__box.tool__share:not(.tool__box__drop) .inner:before {
          margin-bottom: 10px; }
        .tool__box.tool__share:not(.tool__box__drop) .inner:after {
          margin-top: 10px; }
      .tool__box.tool__share:not(.tool__box__drop) ul {
        display: flex;
        flex-flow: wrap;
        justify-content: center;
        padding: 0 0 0 10px; }
        .tool__box.tool__share:not(.tool__box__drop) ul li {
          text-align: center;
          padding: 0 5px; }
  .tool__box.tool__box__auto .action__share .action__icon:before {
    background-color: #dc002d; }
  .tool__box.tool__box__realestate .action__share .action__icon:before {
    background-color: #7346aa; }
  .tool__box.tool__box__vacation .action__share .action__icon:before {
    background-color: #ffbe00; }
  .tool__box.tool__box__employment .action__share .action__icon:before {
    background-color: #04848c; }
  .tool__box.tool__box__consumption .action__share .action__icon:before {
    background-color: #3c3c3c; }
  .tool__box.tool__box__auto:not(.tool__box__drop) .inner:before, .tool__box.tool__box__auto:not(.tool__box__drop) .inner:after {
    background-color: #d7e1f5; }
  .tool__box.tool__box__realestate:not(.tool__box__drop) .inner:before, .tool__box.tool__box__realestate:not(.tool__box__drop) .inner:after {
    background-color: #c1c1c1; }
  .tool__box.tool__box__vacation:not(.tool__box__drop) .inner:before, .tool__box.tool__box__vacation:not(.tool__box__drop) .inner:after {
    background-color: #c1c1c1; }
  .tool__box.tool__box__employment:not(.tool__box__drop) .inner:before, .tool__box.tool__box__employment:not(.tool__box__drop) .inner:after {
    background-color: #c1c1c1; }
  .tool__box.tool__box__consumption:not(.tool__box__drop) .inner:before, .tool__box.tool__box__consumption:not(.tool__box__drop) .inner:after {
    background-color: #c1c1c1; }

.action__share {
  width: 32px;
  height: 32px; }

.action__inner {
  position: relative;
  width: 100%;
  height: 100%; }

.action__over {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 3;
  pointer-events: none; }

.action__under {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%; }
  .action__under * {
    opacity: 0; }
  .action__under a {
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: block; }

.action__label {
  position: absolute;
  text-indent: 9999px; }

.action__icon {
  width: 32px;
  height: 32px;
  margin: auto;
  display: flex;
  cursor: pointer; }
  .action__icon i {
    position: relative;
    z-index: 4;
    margin: auto;
    color: white; }
  .action__icon:before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease; }
  .action__icon:hover:before {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.5; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.banner.banner__top {
  position: relative;
  width: 100%;
  padding-bottom: 30px;
  text-align: center; }
  .banner.banner__top .banner__inner {
    margin-top: -100px;
    overflow: hidden;
    height: 340px;
    -webkit-clip-path: circle(640px at 50% -300px);
    clip-path: circle(640px at 50% -300px); }
    @media screen and (min-width: 960px) {
      .banner.banner__top .banner__inner {
        -webkit-clip-path: circle(1280px at 50% -940px);
        clip-path: circle(1280px at 50% -940px); } }
  .banner.banner__top .banner__over {
    align-items: flex-end;
    padding-bottom: 20px;
    z-index: 3; }
  .banner.banner__top .banner__under .banner__backgrounds {
    width: 100%;
    height: 100%; }
    .banner.banner__top .banner__under .banner__backgrounds .banner__background1 {
      width: 100%;
      height: 100%; }
      .banner.banner__top .banner__under .banner__backgrounds .banner__background1 picture {
        display: block;
        width: 100%;
        height: 100%; }
      .banner.banner__top .banner__under .banner__backgrounds .banner__background1 img {
        position: absolute;
        bottom: 0;
        left: 50%;
        height: auto !important;
        width: 980px !important;
        transform: translateY(20px) translateX(-50%); }
        @media screen and (min-width: 768px) {
          .banner.banner__top .banner__under .banner__backgrounds .banner__background1 img {
            transform: translateY(0px) translateX(-50%); } }
        @media screen and (min-width: 960px) {
          .banner.banner__top .banner__under .banner__backgrounds .banner__background1 img {
            transform: translateY(50px) translateX(-50%);
            width: 1480px !important; } }
  .banner.banner__top .banner__edito {
    line-height: 1; }
    .banner.banner__top .banner__edito .call-to-action {
      margin-top: 25px; }
  .banner.banner__top .banner__title {
    color: white; }
    .banner.banner__top .banner__title h1 {
      font-size: 32px;
      line-height: 1;
      font-weight: 800; }
  .banner.banner__top .banner__data {
    line-height: 1;
    font-family: "PSM"; }
  .banner.banner__top .banner__subtitle h2 {
    font-size: 15px;
    font-family: "PSM"; }
  .banner.banner__top .banner__numbers {
    font-weight: 900;
    font-size: 22px; }
  .banner.banner__top .banner__metric {
    font-size: 19px;
    font-weight: bold; }
    .banner.banner__top .banner__metric sup {
      font-size: 60%; }
      .banner.banner__top .banner__metric sup a {
        color: inherit; }
  .banner.banner__top.banner__auto .banner__inner {
    background-color: #dc002d; }
    .banner.banner__top.banner__auto .banner__inner .banner__data {
      color: #d7e1f5; }
  .banner.banner__top.banner__realestate .banner__inner {
    background-color: #7346aa; }
    .banner.banner__top.banner__realestate .banner__inner .banner__data {
      color: #ffd74b; }
  .banner.banner__top.banner__vacation .banner__inner {
    background-color: #ffbe00; }
    .banner.banner__top.banner__vacation .banner__inner .banner__data {
      color: #3c78c8; }
  .banner.banner__top.banner__employment .banner__inner {
    background-color: #04848c; }
    .banner.banner__top.banner__employment .banner__inner .banner__data {
      color: #facdd2; }
  .banner.banner__top.banner__consumption .banner__inner {
    background-color: #3c3c3c; }
    .banner.banner__top.banner__consumption .banner__inner .banner__data {
      color: #ffd74b; }