/* ==========================================================================
    GRIDLEX
    Just a Flexbox Grid System - v. 2.4.0
========================================================================== */
/* add not .container-fluid because ... ? */
[class~="grid"]:not(.container-fluid),
[class*="grid-"]:not(.container-fluid),
[class*="grid_"]:not(.container-fluid) {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
/*margin: 0 -0.5rem;*/ }

[class~="col"],
[class*="col-"],
[class*="col_"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
   padding: 0 0.5rem 0rem;
/*  padding: 0 0.5rem 1rem; */
/*max-width: 100%;*/
}

[class~="col"].no-pad, [class*="col-"].no-pad, [class*="col_"].no-pad {
  padding: 0
}

[class~="col"],
[class*="col_"] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%; }

[class*="col-"] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; }

[class~="grid"][class~="col"],
[class~="grid"][class*="col-"],
[class~="grid"][class*="col_"],
[class*="grid-"][class~="col"],
[class*="grid-"][class*="col-"],
[class*="grid-"][class*="col_"],
[class*="grid_"][class~="col"],
[class*="grid_"][class*="col-"],
[class*="grid_"][class*="col_"] {
  margin: 0;
  padding: 0; }

/************************
    HELPERS SUFFIXES
*************************/
[class*="grid-"][class*="-noGutter"] {
  margin: 0; }
  [class*="grid-"][class*="-noGutter"] > [class~="col"],
  [class*="grid-"][class*="-noGutter"] > [class*="col-"] {
    padding: 0; }

[class*="grid-"][class*="-noWrap"] {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

[class*="grid-"][class*="-center"] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

[class*="grid-"][class*="-right"] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-left: auto; }

[class*="grid-"][class*="-top"] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

[class*="grid-"][class*="-middle"] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[class*="grid-"][class*="-bottom"] {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

[class*="grid-"][class*="-reverse"] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

[class*="grid-"][class*="-column"] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  [class*="grid-"][class*="-column"] > [class*="col-"] {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }

[class*="grid-"][class*="-column-reverse"] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }

[class*="grid-"][class*="-spaceBetween"] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

[class*="grid-"][class*="-spaceAround"] {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

[class*="grid-"][class*="-equalHeight"] > [class~="col"],
[class*="grid-"][class*="-equalHeight"] > [class*="col-"],
[class*="grid-"][class*="-equalHeight"] > [class*="col_"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  [class*="grid-"][class*="-equalHeight"] > [class~="col"] > *,
  [class*="grid-"][class*="-equalHeight"] > [class*="col-"] > *,
  [class*="grid-"][class*="-equalHeight"] > [class*="col_"] > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%; }

[class*="grid-"][class*="-noBottom"] > [class~="col"],
[class*="grid-"][class*="-noBottom"] > [class*="col-"],
[class*="grid-"][class*="-noBottom"] > [class*="col_"] {
  padding-bottom: 0; }

[class*="col-"][class*="-top"] {
  -ms-flex-item-align: start;
      align-self: flex-start; }

[class*="col-"][class*="-middle"] {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }

[class*="col-"][class*="-bottom"] {
  -ms-flex-item-align: end;
      align-self: flex-end; }

[class*="col-"][class*="-first"] {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1; }

[class*="col-"][class*="-last"] {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

/************************
    GRID BY NUMBER
*************************/
[class*="grid-1"] > [class~="col"],
[class*="grid-1"] > [class*="col-"] {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%; }

[class*="grid-2"] > [class~="col"],
[class*="grid-2"] > [class*="col-"] {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%; }

[class*="grid-3"] > [class~="col"],
[class*="grid-3"] > [class*="col-"] {
  -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
  max-width: 33.33333%; }

[class*="grid-4"] > [class~="col"],
[class*="grid-4"] > [class*="col-"] {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%; }

[class*="grid-5"] > [class~="col"],
[class*="grid-5"] > [class*="col-"] {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  max-width: 20%; }

[class*="grid-6"] > [class~="col"],
[class*="grid-6"] > [class*="col-"] {
  -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
  max-width: 16.66667%; }

[class*="grid-7"] > [class~="col"],
[class*="grid-7"] > [class*="col-"] {
  -ms-flex-preferred-size: 14.28571%;
      flex-basis: 14.28571%;
  max-width: 14.28571%; }

[class*="grid-8"] > [class~="col"],
[class*="grid-8"] > [class*="col-"] {
  -ms-flex-preferred-size: 12.5%;
      flex-basis: 12.5%;
  max-width: 12.5%; }

[class*="grid-9"] > [class~="col"],
[class*="grid-9"] > [class*="col-"] {
  -ms-flex-preferred-size: 11.11111%;
      flex-basis: 11.11111%;
  max-width: 11.11111%; }

[class*="grid-10"] > [class~="col"],
[class*="grid-10"] > [class*="col-"] {
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
  max-width: 10%; }

[class*="grid-11"] > [class~="col"],
[class*="grid-11"] > [class*="col-"] {
  -ms-flex-preferred-size: 9.09091%;
      flex-basis: 9.09091%;
  max-width: 9.09091%; }

[class*="grid-12"] > [class~="col"],
[class*="grid-12"] > [class*="col-"] {
  -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
  max-width: 8.33333%; }

@media screen and (max-width: 80em) {
  [class*="_lg-1"] > [class~="col"],
  [class*="_lg-1"] > [class*="col-"] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
  [class*="_lg-2"] > [class~="col"],
  [class*="_lg-2"] > [class*="col-"] {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
  [class*="_lg-3"] > [class~="col"],
  [class*="_lg-3"] > [class*="col-"] {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*="_lg-4"] > [class~="col"],
  [class*="_lg-4"] > [class*="col-"] {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
  [class*="_lg-5"] > [class~="col"],
  [class*="_lg-5"] > [class*="col-"] {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%; }
  [class*="_lg-6"] > [class~="col"],
  [class*="_lg-6"] > [class*="col-"] {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*="_lg-7"] > [class~="col"],
  [class*="_lg-7"] > [class*="col-"] {
    -ms-flex-preferred-size: 14.28571%;
        flex-basis: 14.28571%;
    max-width: 14.28571%; }
  [class*="_lg-8"] > [class~="col"],
  [class*="_lg-8"] > [class*="col-"] {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
    max-width: 12.5%; }
  [class*="_lg-9"] > [class~="col"],
  [class*="_lg-9"] > [class*="col-"] {
    -ms-flex-preferred-size: 11.11111%;
        flex-basis: 11.11111%;
    max-width: 11.11111%; }
  [class*="_lg-10"] > [class~="col"],
  [class*="_lg-10"] > [class*="col-"] {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    max-width: 10%; }
  [class*="_lg-11"] > [class~="col"],
  [class*="_lg-11"] > [class*="col-"] {
    -ms-flex-preferred-size: 9.09091%;
        flex-basis: 9.09091%;
    max-width: 9.09091%; }
  [class*="_lg-12"] > [class~="col"],
  [class*="_lg-12"] > [class*="col-"] {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%; } }

@media screen and (max-width: 64em) {
  [class*="_md-1"] > [class~="col"],
  [class*="_md-1"] > [class*="col-"] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
  [class*="_md-2"] > [class~="col"],
  [class*="_md-2"] > [class*="col-"] {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
  [class*="_md-3"] > [class~="col"],
  [class*="_md-3"] > [class*="col-"] {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*="_md-4"] > [class~="col"],
  [class*="_md-4"] > [class*="col-"] {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
  [class*="_md-5"] > [class~="col"],
  [class*="_md-5"] > [class*="col-"] {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%; }
  [class*="_md-6"] > [class~="col"],
  [class*="_md-6"] > [class*="col-"] {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*="_md-7"] > [class~="col"],
  [class*="_md-7"] > [class*="col-"] {
    -ms-flex-preferred-size: 14.28571%;
        flex-basis: 14.28571%;
    max-width: 14.28571%; }
  [class*="_md-8"] > [class~="col"],
  [class*="_md-8"] > [class*="col-"] {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
    max-width: 12.5%; }
  [class*="_md-9"] > [class~="col"],
  [class*="_md-9"] > [class*="col-"] {
    -ms-flex-preferred-size: 11.11111%;
        flex-basis: 11.11111%;
    max-width: 11.11111%; }
  [class*="_md-10"] > [class~="col"],
  [class*="_md-10"] > [class*="col-"] {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    max-width: 10%; }
  [class*="_md-11"] > [class~="col"],
  [class*="_md-11"] > [class*="col-"] {
    -ms-flex-preferred-size: 9.09091%;
        flex-basis: 9.09091%;
    max-width: 9.09091%; }
  [class*="_md-12"] > [class~="col"],
  [class*="_md-12"] > [class*="col-"] {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%; } }

@media screen and (max-width: 48em) {
  [class*="_sm-1"] > [class~="col"],
  [class*="_sm-1"] > [class*="col-"] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
  [class*="_sm-2"] > [class~="col"],
  [class*="_sm-2"] > [class*="col-"] {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
  [class*="_sm-3"] > [class~="col"],
  [class*="_sm-3"] > [class*="col-"] {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*="_sm-4"] > [class~="col"],
  [class*="_sm-4"] > [class*="col-"] {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
  [class*="_sm-5"] > [class~="col"],
  [class*="_sm-5"] > [class*="col-"] {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%; }
  [class*="_sm-6"] > [class~="col"],
  [class*="_sm-6"] > [class*="col-"] {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*="_sm-7"] > [class~="col"],
  [class*="_sm-7"] > [class*="col-"] {
    -ms-flex-preferred-size: 14.28571%;
        flex-basis: 14.28571%;
    max-width: 14.28571%; }
  [class*="_sm-8"] > [class~="col"],
  [class*="_sm-8"] > [class*="col-"] {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
    max-width: 12.5%; }
  [class*="_sm-9"] > [class~="col"],
  [class*="_sm-9"] > [class*="col-"] {
    -ms-flex-preferred-size: 11.11111%;
        flex-basis: 11.11111%;
    max-width: 11.11111%; }
  [class*="_sm-10"] > [class~="col"],
  [class*="_sm-10"] > [class*="col-"] {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    max-width: 10%; }
  [class*="_sm-11"] > [class~="col"],
  [class*="_sm-11"] > [class*="col-"] {
    -ms-flex-preferred-size: 9.09091%;
        flex-basis: 9.09091%;
    max-width: 9.09091%; }
  [class*="_sm-12"] > [class~="col"],
  [class*="_sm-12"] > [class*="col-"] {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%; } }

@media screen and (max-width: 35.5em) {
  [class*="_xs-1"] > [class~="col"],
  [class*="_xs-1"] > [class*="col-"] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
  [class*="_xs-2"] > [class~="col"],
  [class*="_xs-2"] > [class*="col-"] {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
  [class*="_xs-3"] > [class~="col"],
  [class*="_xs-3"] > [class*="col-"] {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*="_xs-4"] > [class~="col"],
  [class*="_xs-4"] > [class*="col-"] {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
  [class*="_xs-5"] > [class~="col"],
  [class*="_xs-5"] > [class*="col-"] {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%; }
  [class*="_xs-6"] > [class~="col"],
  [class*="_xs-6"] > [class*="col-"] {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*="_xs-7"] > [class~="col"],
  [class*="_xs-7"] > [class*="col-"] {
    -ms-flex-preferred-size: 14.28571%;
        flex-basis: 14.28571%;
    max-width: 14.28571%; }
  [class*="_xs-8"] > [class~="col"],
  [class*="_xs-8"] > [class*="col-"] {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
    max-width: 12.5%; }
  [class*="_xs-9"] > [class~="col"],
  [class*="_xs-9"] > [class*="col-"] {
    -ms-flex-preferred-size: 11.11111%;
        flex-basis: 11.11111%;
    max-width: 11.11111%; }
  [class*="_xs-10"] > [class~="col"],
  [class*="_xs-10"] > [class*="col-"] {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    max-width: 10%; }
  [class*="_xs-11"] > [class~="col"],
  [class*="_xs-11"] > [class*="col-"] {
    -ms-flex-preferred-size: 9.09091%;
        flex-basis: 9.09091%;
    max-width: 9.09091%; }
  [class*="_xs-12"] > [class~="col"],
  [class*="_xs-12"] > [class*="col-"] {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%; } }

/************************
    COLS SIZES
*************************/
[class*='grid'] > [class*="col-1"] {
  -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
  max-width: 8.33333%; }

[class*='grid'] > [class*="col-2"] {
  -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
  max-width: 16.66667%; }

[class*='grid'] > [class*="col-3"] {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%; }

[class*='grid'] > [class*="col-4"] {
  -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
  max-width: 33.33333%; }

[class*='grid'] > [class*="col-5"] {
  -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
  max-width: 41.66667%; }

[class*='grid'] > [class*="col-6"] {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%; }

[class*='grid'] > [class*="col-7"] {
  -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
  max-width: 58.33333%; }

[class*='grid'] > [class*="col-8"] {
  -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
  max-width: 66.66667%; }

[class*='grid'] > [class*="col-9"] {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  max-width: 75%; }

[class*='grid'] > [class*="col-10"] {
  -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
  max-width: 83.33333%; }

[class*='grid'] > [class*="col-11"] {
  -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%;
  max-width: 91.66667%; }

[class*='grid'] > [class*="col-12"] {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%; }

[class*="grid"] > [data-push-left*="off-0"] {
  margin-left: 0; }

[class*="grid"] > [data-push-left*="off-1"] {
  margin-left: 8.33333%; }

[class*="grid"] > [data-push-left*="off-2"] {
  margin-left: 16.66667%; }

[class*="grid"] > [data-push-left*="off-3"] {
  margin-left: 25%; }

[class*="grid"] > [data-push-left*="off-4"] {
  margin-left: 33.33333%; }

[class*="grid"] > [data-push-left*="off-5"] {
  margin-left: 41.66667%; }

[class*="grid"] > [data-push-left*="off-6"] {
  margin-left: 50%; }

[class*="grid"] > [data-push-left*="off-7"] {
  margin-left: 58.33333%; }

[class*="grid"] > [data-push-left*="off-8"] {
  margin-left: 66.66667%; }

[class*="grid"] > [data-push-left*="off-9"] {
  margin-left: 75%; }

[class*="grid"] > [data-push-left*="off-10"] {
  margin-left: 83.33333%; }

[class*="grid"] > [data-push-left*="off-11"] {
  margin-left: 91.66667%; }

[class*="grid"] > [data-push-right*="off-0"] {
  margin-right: 0; }

[class*="grid"] > [data-push-right*="off-1"] {
  margin-right: 8.33333%; }

[class*="grid"] > [data-push-right*="off-2"] {
  margin-right: 16.66667%; }

[class*="grid"] > [data-push-right*="off-3"] {
  margin-right: 25%; }

[class*="grid"] > [data-push-right*="off-4"] {
  margin-right: 33.33333%; }

[class*="grid"] > [data-push-right*="off-5"] {
  margin-right: 41.66667%; }

[class*="grid"] > [data-push-right*="off-6"] {
  margin-right: 50%; }

[class*="grid"] > [data-push-right*="off-7"] {
  margin-right: 58.33333%; }

[class*="grid"] > [data-push-right*="off-8"] {
  margin-right: 66.66667%; }

[class*="grid"] > [data-push-right*="off-9"] {
  margin-right: 75%; }

[class*="grid"] > [data-push-right*="off-10"] {
  margin-right: 83.33333%; }

[class*="grid"] > [data-push-right*="off-11"] {
  margin-right: 91.66667%; }

@media screen and (max-width: 80em) {
  [class*='grid'] > [class*="_lg-1"] {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%; }
  [class*='grid'] > [class*="_lg-2"] {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*='grid'] > [class*="_lg-3"] {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
  [class*='grid'] > [class*="_lg-4"] {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*='grid'] > [class*="_lg-5"] {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    max-width: 41.66667%; }
  [class*='grid'] > [class*="_lg-6"] {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
  [class*='grid'] > [class*="_lg-7"] {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%; }
  [class*='grid'] > [class*="_lg-8"] {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%; }
  [class*='grid'] > [class*="_lg-9"] {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%; }
  [class*='grid'] > [class*="_lg-10"] {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    max-width: 83.33333%; }
  [class*='grid'] > [class*="_lg-11"] {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    max-width: 91.66667%; }
  [class*='grid'] > [class*="_lg-12"] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
  [class*="grid"] > [data-push-left*="_lg-0"] {
    margin-left: 0; }
  [class*="grid"] > [data-push-left*="_lg-1"] {
    margin-left: 8.33333%; }
  [class*="grid"] > [data-push-left*="_lg-2"] {
    margin-left: 16.66667%; }
  [class*="grid"] > [data-push-left*="_lg-3"] {
    margin-left: 25%; }
  [class*="grid"] > [data-push-left*="_lg-4"] {
    margin-left: 33.33333%; }
  [class*="grid"] > [data-push-left*="_lg-5"] {
    margin-left: 41.66667%; }
  [class*="grid"] > [data-push-left*="_lg-6"] {
    margin-left: 50%; }
  [class*="grid"] > [data-push-left*="_lg-7"] {
    margin-left: 58.33333%; }
  [class*="grid"] > [data-push-left*="_lg-8"] {
    margin-left: 66.66667%; }
  [class*="grid"] > [data-push-left*="_lg-9"] {
    margin-left: 75%; }
  [class*="grid"] > [data-push-left*="_lg-10"] {
    margin-left: 83.33333%; }
  [class*="grid"] > [data-push-left*="_lg-11"] {
    margin-left: 91.66667%; }
  [class*="grid"] > [data-push-right*="_lg-0"] {
    margin-right: 0; }
  [class*="grid"] > [data-push-right*="_lg-1"] {
    margin-right: 8.33333%; }
  [class*="grid"] > [data-push-right*="_lg-2"] {
    margin-right: 16.66667%; }
  [class*="grid"] > [data-push-right*="_lg-3"] {
    margin-right: 25%; }
  [class*="grid"] > [data-push-right*="_lg-4"] {
    margin-right: 33.33333%; }
  [class*="grid"] > [data-push-right*="_lg-5"] {
    margin-right: 41.66667%; }
  [class*="grid"] > [data-push-right*="_lg-6"] {
    margin-right: 50%; }
  [class*="grid"] > [data-push-right*="_lg-7"] {
    margin-right: 58.33333%; }
  [class*="grid"] > [data-push-right*="_lg-8"] {
    margin-right: 66.66667%; }
  [class*="grid"] > [data-push-right*="_lg-9"] {
    margin-right: 75%; }
  [class*="grid"] > [data-push-right*="_lg-10"] {
    margin-right: 83.33333%; }
  [class*="grid"] > [data-push-right*="_lg-11"] {
    margin-right: 91.66667%; }
  [class*='grid'] [class*="_lg-first"] {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  [class*='grid'] [class*="_lg-last"] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; } }

@media screen and (max-width: 64em) {
  [class*='grid'] > [class*="_md-1"] {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%; }
  [class*='grid'] > [class*="_md-2"] {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*='grid'] > [class*="_md-3"] {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
  [class*='grid'] > [class*="_md-4"] {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*='grid'] > [class*="_md-5"] {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    max-width: 41.66667%; }
  [class*='grid'] > [class*="_md-6"] {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
  [class*='grid'] > [class*="_md-7"] {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%; }
  [class*='grid'] > [class*="_md-8"] {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%; }
  [class*='grid'] > [class*="_md-9"] {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%; }
  [class*='grid'] > [class*="_md-10"] {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    max-width: 83.33333%; }
  [class*='grid'] > [class*="_md-11"] {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    max-width: 91.66667%; }
  [class*='grid'] > [class*="_md-12"] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
  [class*="grid"] > [data-push-left*="_md-0"] {
    margin-left: 0; }
  [class*="grid"] > [data-push-left*="_md-1"] {
    margin-left: 8.33333%; }
  [class*="grid"] > [data-push-left*="_md-2"] {
    margin-left: 16.66667%; }
  [class*="grid"] > [data-push-left*="_md-3"] {
    margin-left: 25%; }
  [class*="grid"] > [data-push-left*="_md-4"] {
    margin-left: 33.33333%; }
  [class*="grid"] > [data-push-left*="_md-5"] {
    margin-left: 41.66667%; }
  [class*="grid"] > [data-push-left*="_md-6"] {
    margin-left: 50%; }
  [class*="grid"] > [data-push-left*="_md-7"] {
    margin-left: 58.33333%; }
  [class*="grid"] > [data-push-left*="_md-8"] {
    margin-left: 66.66667%; }
  [class*="grid"] > [data-push-left*="_md-9"] {
    margin-left: 75%; }
  [class*="grid"] > [data-push-left*="_md-10"] {
    margin-left: 83.33333%; }
  [class*="grid"] > [data-push-left*="_md-11"] {
    margin-left: 91.66667%; }
  [class*="grid"] > [data-push-right*="_md-0"] {
    margin-right: 0; }
  [class*="grid"] > [data-push-right*="_md-1"] {
    margin-right: 8.33333%; }
  [class*="grid"] > [data-push-right*="_md-2"] {
    margin-right: 16.66667%; }
  [class*="grid"] > [data-push-right*="_md-3"] {
    margin-right: 25%; }
  [class*="grid"] > [data-push-right*="_md-4"] {
    margin-right: 33.33333%; }
  [class*="grid"] > [data-push-right*="_md-5"] {
    margin-right: 41.66667%; }
  [class*="grid"] > [data-push-right*="_md-6"] {
    margin-right: 50%; }
  [class*="grid"] > [data-push-right*="_md-7"] {
    margin-right: 58.33333%; }
  [class*="grid"] > [data-push-right*="_md-8"] {
    margin-right: 66.66667%; }
  [class*="grid"] > [data-push-right*="_md-9"] {
    margin-right: 75%; }
  [class*="grid"] > [data-push-right*="_md-10"] {
    margin-right: 83.33333%; }
  [class*="grid"] > [data-push-right*="_md-11"] {
    margin-right: 91.66667%; }
  [class*='grid'] [class*="_md-first"] {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  [class*='grid'] [class*="_md-last"] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; } }

@media screen and (max-width: 48em) {
  [class*='grid'] > [class*="_sm-1"] {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%; }
  [class*='grid'] > [class*="_sm-2"] {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*='grid'] > [class*="_sm-3"] {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
  [class*='grid'] > [class*="_sm-4"] {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*='grid'] > [class*="_sm-5"] {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    max-width: 41.66667%; }
  [class*='grid'] > [class*="_sm-6"] {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
  [class*='grid'] > [class*="_sm-7"] {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%; }
  [class*='grid'] > [class*="_sm-8"] {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%; }
  [class*='grid'] > [class*="_sm-9"] {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%; }
  [class*='grid'] > [class*="_sm-10"] {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    max-width: 83.33333%; }
  [class*='grid'] > [class*="_sm-11"] {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    max-width: 91.66667%; }
  [class*='grid'] > [class*="_sm-12"] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
  [class*="grid"] > [data-push-left*="_sm-0"] {
    margin-left: 0; }
  [class*="grid"] > [data-push-left*="_sm-1"] {
    margin-left: 8.33333%; }
  [class*="grid"] > [data-push-left*="_sm-2"] {
    margin-left: 16.66667%; }
  [class*="grid"] > [data-push-left*="_sm-3"] {
    margin-left: 25%; }
  [class*="grid"] > [data-push-left*="_sm-4"] {
    margin-left: 33.33333%; }
  [class*="grid"] > [data-push-left*="_sm-5"] {
    margin-left: 41.66667%; }
  [class*="grid"] > [data-push-left*="_sm-6"] {
    margin-left: 50%; }
  [class*="grid"] > [data-push-left*="_sm-7"] {
    margin-left: 58.33333%; }
  [class*="grid"] > [data-push-left*="_sm-8"] {
    margin-left: 66.66667%; }
  [class*="grid"] > [data-push-left*="_sm-9"] {
    margin-left: 75%; }
  [class*="grid"] > [data-push-left*="_sm-10"] {
    margin-left: 83.33333%; }
  [class*="grid"] > [data-push-left*="_sm-11"] {
    margin-left: 91.66667%; }
  [class*="grid"] > [data-push-right*="_sm-0"] {
    margin-right: 0; }
  [class*="grid"] > [data-push-right*="_sm-1"] {
    margin-right: 8.33333%; }
  [class*="grid"] > [data-push-right*="_sm-2"] {
    margin-right: 16.66667%; }
  [class*="grid"] > [data-push-right*="_sm-3"] {
    margin-right: 25%; }
  [class*="grid"] > [data-push-right*="_sm-4"] {
    margin-right: 33.33333%; }
  [class*="grid"] > [data-push-right*="_sm-5"] {
    margin-right: 41.66667%; }
  [class*="grid"] > [data-push-right*="_sm-6"] {
    margin-right: 50%; }
  [class*="grid"] > [data-push-right*="_sm-7"] {
    margin-right: 58.33333%; }
  [class*="grid"] > [data-push-right*="_sm-8"] {
    margin-right: 66.66667%; }
  [class*="grid"] > [data-push-right*="_sm-9"] {
    margin-right: 75%; }
  [class*="grid"] > [data-push-right*="_sm-10"] {
    margin-right: 83.33333%; }
  [class*="grid"] > [data-push-right*="_sm-11"] {
    margin-right: 91.66667%; }
  [class*='grid'] [class*="_sm-first"] {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  [class*='grid'] [class*="_sm-last"] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; } }

@media screen and (max-width: 35.5em) {
  [class*='grid'] > [class*="_xs-1"] {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%; }
  [class*='grid'] > [class*="_xs-2"] {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*='grid'] > [class*="_xs-3"] {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
  [class*='grid'] > [class*="_xs-4"] {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*='grid'] > [class*="_xs-5"] {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    max-width: 41.66667%; }
  [class*='grid'] > [class*="_xs-6"] {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
  [class*='grid'] > [class*="_xs-7"] {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%; }
  [class*='grid'] > [class*="_xs-8"] {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%; }
  [class*='grid'] > [class*="_xs-9"] {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%; }
  [class*='grid'] > [class*="_xs-10"] {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    max-width: 83.33333%; }
  [class*='grid'] > [class*="_xs-11"] {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    max-width: 91.66667%; }
  [class*='grid'] > [class*="_xs-12"] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
  [class*="grid"] > [data-push-left*="_xs-0"] {
    margin-left: 0; }
  [class*="grid"] > [data-push-left*="_xs-1"] {
    margin-left: 8.33333%; }
  [class*="grid"] > [data-push-left*="_xs-2"] {
    margin-left: 16.66667%; }
  [class*="grid"] > [data-push-left*="_xs-3"] {
    margin-left: 25%; }
  [class*="grid"] > [data-push-left*="_xs-4"] {
    margin-left: 33.33333%; }
  [class*="grid"] > [data-push-left*="_xs-5"] {
    margin-left: 41.66667%; }
  [class*="grid"] > [data-push-left*="_xs-6"] {
    margin-left: 50%; }
  [class*="grid"] > [data-push-left*="_xs-7"] {
    margin-left: 58.33333%; }
  [class*="grid"] > [data-push-left*="_xs-8"] {
    margin-left: 66.66667%; }
  [class*="grid"] > [data-push-left*="_xs-9"] {
    margin-left: 75%; }
  [class*="grid"] > [data-push-left*="_xs-10"] {
    margin-left: 83.33333%; }
  [class*="grid"] > [data-push-left*="_xs-11"] {
    margin-left: 91.66667%; }
  [class*="grid"] > [data-push-right*="_xs-0"] {
    margin-right: 0; }
  [class*="grid"] > [data-push-right*="_xs-1"] {
    margin-right: 8.33333%; }
  [class*="grid"] > [data-push-right*="_xs-2"] {
    margin-right: 16.66667%; }
  [class*="grid"] > [data-push-right*="_xs-3"] {
    margin-right: 25%; }
  [class*="grid"] > [data-push-right*="_xs-4"] {
    margin-right: 33.33333%; }
  [class*="grid"] > [data-push-right*="_xs-5"] {
    margin-right: 41.66667%; }
  [class*="grid"] > [data-push-right*="_xs-6"] {
    margin-right: 50%; }
  [class*="grid"] > [data-push-right*="_xs-7"] {
    margin-right: 58.33333%; }
  [class*="grid"] > [data-push-right*="_xs-8"] {
    margin-right: 66.66667%; }
  [class*="grid"] > [data-push-right*="_xs-9"] {
    margin-right: 75%; }
  [class*="grid"] > [data-push-right*="_xs-10"] {
    margin-right: 83.33333%; }
  [class*="grid"] > [data-push-right*="_xs-11"] {
    margin-right: 91.66667%; }
  [class*='grid'] [class*="_xs-first"] {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  [class*='grid'] [class*="_xs-last"] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; } }

/************************
    HIDING COLS
*************************/
[class*="col-"][class*="col-0"] {
  display: none; }

@media screen and (max-width: 80em) {
  [class*="grid"] > :not([class*="_lg-0"]) {
    display: block; }
  [class*="grid"]:not([class*="_lg-0"]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  [class*="grid"] > [class*="_lg-0"],
  [class*="grid"][class*="-equalHeight"] > [class*="_lg-0"] {
    display: none; } }

@media screen and (max-width: 64em) {
  [class*="grid"] > :not([class*="_md-0"]) {
    display: block; }
  [class*="grid"]:not([class*="_md-0"]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  [class*="grid"] > [class*="_md-0"],
  [class*="grid"][class*="-equalHeight"] > [class*="_md-0"] {
    display: none; } }

@media screen and (max-width: 48em) {
  [class*="grid"] > :not([class*="_sm-0"]) {
    display: block; }
  [class*="grid"]:not([class*="_sm-0"]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  [class*="grid"] > [class*="_sm-0"],
  [class*="grid"][class*="-equalHeight"] > [class*="_sm-0"] {
    display: none; } }

@media screen and (max-width: 35.5em) {
  [class*="grid"] > :not([class*="_xs-0"]) {
    display: block; }
  [class*="grid"]:not([class*="_xs-0"]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  [class*="grid"] > [class*="_xs-0"],
  [class*="grid"][class*="-equalHeight"] > [class*="_xs-0"] {
    display: none; } }

/*------------------------------------*\
/* Global styles  */

/*------------------------------------*/

/* Override Gridlex */

[class~="col"]:not(.marged),
[class*="col-"]:not(.marged),
[class*="col_"]:not(.marged) {
    padding: 0 1rem 0rem;
}

/* */

b,
strong {
  font-weight: 500;
}

p,
ul,
ol,
li,
pre,
address,
.address,
.p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  line-height: 2rem;
  margin: 13px 0px;
  margin: 1.3rem 0rem;
}

main {
  position: relative;
}

button:hover {
  cursor: pointer;
}

.home-slide {
  height: 350px;
  background: url('img/home/home_background_bis.png') no-repeat center right;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  text-align: right;
  padding-right: 10%;
}

.home-slide.investigation {
  background: url('img/investigation/investigation_background.png') no-repeat center right;
  background-size: cover;
}

.home-slide.devis {
  background: url('img/devis/recuperation-donnees-informatiques.jpg') no-repeat center right;
  background-size: cover;
}

.jumbotron {
  margin-top: -30px
}

.jumbotron h1 {
  color: #757575;
  font-weight: 700;
}

.jumbotron hr {
  margin-top: 15px
}

.jumbotron h2 {
  color: #62c5a1;
  font-size: 3.2rem;
  font-size: 32px;
  line-height: 3.2rem;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 0;
}

.jumbotron h3 {
  color: #000000;
  font-size: 3.2rem;
  font-size: 32px;
  line-height: 3.2rem;
  line-height: 32px;
  font-weight: 700;
  margin: 5px 0;
}

ul {
  overflow: inherit;
}

button,
input,
optgroup,
select,
textarea {
  font-family: 'Calibri Light', Helvetica, Arial, sans-serif;
  font-weight: 100;
}

.case-icone .texte p {
  text-align: justify;
}

article.type-page { text-align: justify; }
article.type-post h2,
article.type-post h3,
article.type-post h4 { margin-top: 20px; }

.type-post.hentry a {
  color: #5cb192;
  font-weight: 500;
}

.col-sm-12.col-vert {
  padding: 0;
}

section.head-slider.petit .text-fixed:before, section.head-slider.normal .text-fixed:before {
  background-image: url('./img/datalab-fond-slide-petit-bis.jpg');
}

hr.blacksep {
  height: 10px;
  width: 110px;
  background-color: #000;
  border: 0;
  padding: 0;
}

hr.blacksep.right {
  margin-left: auto;
  margin-right: 0;
}

hr.blacksep.left {
  margin-left: 0;
  margin-right: auto;
}

.container-fluid.bg-vert-titre, .container.bg-vert-titre, .row.bg-vert-titre, .container-fluid.bg-vert, .container.bg-vert, .row.bg-vert {
  background-image: url(./img/datalab-fond-col-vert.jpg);
  background-repeat: repeat-x;
  background-size: cover;
  background-position: center center;
}

.case-icone .texte a {
  text-decoration: none;
}

.wrapper-raid-wide {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.text-condensed, .text-condensed p {
  line-height: 116%;
}

.breadcrumbs {
  padding: 0
}

.breadcrumbs a { color: inherit; }

.boxedshadow {
  border: 2px solid rgb(87, 170, 140);
  border: 2px solid rgba(87, 170, 140, .7);
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
  -webkit-box-shadow: inset 1px 1px 7px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 1px 7px 0px rgba(0, 0, 0, 0.5);
}

p.legend {
  font-size: 1.6rem;
  font-size: 16px;
  line-height: 1.6rem;
  line-height: 16px;
  font-weight: 700;
  color: #555555;
  text-align: center;
  position: relative;
}

p.legend.aligned { padding-left: 40px; text-align: left;}

p.legend:before {
  /* content: '■'; */
  content: '\25A0';
  margin-right: 5px;
  color: #000;
  display: inline-block;
}

p.legend.aligned:before {
  position: absolute;
  left: 25px;
  margin-right: 0
}

section.padded,
footer.padded,
header.padded {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

/* only for experience archive */
.svg-section {
  padding-top: 40px;
  padding-bottom: 0;
}

section.padded-sm,
footer.padded-sm,
header.padded-sm,
div.padded-sm {
  padding-top: 20px;
  padding-bottom: 20px;
}

section.padded-xs {
  padding-top: 10px;
  padding-bottom: 10px;
}

#menu-plan-du-site li a {
  color: #302d26;
}

.wpcf7-form-control-wrap.referer-page {
  display: none;
}

/* --- Helpers ---- */

.mg-bot-line {
  margin-bottom: 40px
}

.no-mg-bottom {
  margin-bottom: 0
}

.no-mg-top {
  margin-top: 0
}

.mg-top {
  margin-top: 20px
}

.mg-bottom {
  margin-bottom: 20px
}

.no-pad-left {
  padding-left: 0;
}

.mg-auto { margin-left: auto; margin-right: auto; }

.mg-lg { margin-top: 40px; margin-bottom: 40px }

hr.space {
  padding: 0;
  height: 1px;
  border: 0;
  background: transparent;
  margin: 20px auto;
}

hr.space:before { content: none }

hr.space.md { margin: 40px auto; }

.title-gray { color: #757575 }

.color-green {
  color: #31ce29;
}
.color-brand {
  color: #5cb192;
}
.color-light-gray {
  color: #B4B4B4;
}
.a-bold {
  color: #5e5f5b;
  font-weight: 500;
}

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

.auto {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.center-link {
  text-align: center;
  display: block
}

.text-bold {
  font-weight: 700
}

.text-regular {
  font-weight: 400
}

.text-slim {
  font-weight: 300
}

.text-low {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
}

.prel { position: relative;}

.bg-inverse {
  background-color: #f1f1f1;
}

.bg-inverse.darker {
  background-color: #dedede;
}

.bg-inverse.darkest {
  background-color: #dadada;
}

.bg-inverse.darker-light {
  background-color: #e4e4e4;
}

.bg-inverse.darker-lighter {
  background-color: #e3e3e3;
}

.bg-inverse.darker-medium {
  background-color: #f6f6f6;
}

.bg-inverse.new {
  background-color: #ebebeb;
}

.bg-hdds {
  background-image: url('img/devis/fond_hdds.png');
  background-repeat: no-repeat;
  background-position: center bottom;
}

.bg-amovibles {
  background-image: url('img/devis/fond_amovibles.png');
  background-repeat: no-repeat;
  background-position: center bottom;
}

.bg-section-raid-choice {
  background-color: #f6f6f6;
  padding: 15px 0 20px;
}

.bg-alveole {
  background-image: url('img/background_alveole.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  line-height: 1.8rem;
}

.bg-alveole h2 {
  color: #757575;
}

.bg-alveole h2+p {
  color: #000;
}

.section-ultra-wide {
  padding-left: 75px;
  padding-right: 75px
}

.black-text {
  color: #000;
}

.text-no-margin {
  margin: 0;
}

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

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

.cap {
  text-transform: uppercase;
}

.img-center {
  margin: 20px auto;
}

.full-height {
  height: 100%
}

.conteneur-iframe {
  position: relative;
  height: 365px;
  width: 100%;
}

.conteneur-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

ul.text-list {
  padding: 0;
  text-align: justify;
}

ul.text-list li {
  text-indent: 36px;
}

ul.text-list.aered li { margin-bottom: 1.3rem }

ul.text-list li:before {
  content: '-';
  font-weight: 700;
  margin-right: 7px;
}
ul.list-tiret {
  padding: 0;
  color: #000;
}

ul.list-tiret li:before {
  content: '-';
  font-weight: 700;
  margin-right: 7px;
}

ul.list-tiret.normal li:before {
  font-weight: normal;
}

ul.legend-list {
  padding: 0;
}

ul.legend-list li {
  margin-bottom: 20px;
}

ul.legend-list li:before {
  content: '\25A0';
  margin-right: 5px;
  color: #000;
  display: inline-block;
}

ol.ol-trait {
  counter-reset: list;
  padding: 0 0 0 5px;
}
ol.ol-trait li {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
}
ol.ol-trait li:before {
  content: counter(list, decimal) " - ";
  /* content: counter(list, decimal); */
  counter-increment: list;
}

input.referer-page { display:none; }

.btn-cta {
  background: #5cb192;
  border-radius: 5px;
  padding:  20px 20px;
  color:  #ffffff;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  max-width: 375px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 1px 3px 0px rgba(50, 50, 50, 0.75);
}

/*------------------------------------*\
/* end Global styles  */

/*------------------------------------*/

/*------------------------------------*\
/* Home v1.3.3 */

/*------------------------------------*/

.reassurance {
  height: 232px;
  position: relative;
}

.reassurance h3 {
  margin: 0;
  color: #fff;
  font-size: 2.1rem;
  font-size: 21px;
  line-height: 2.1rem;
  line-height: 21px;
  position: absolute;
  top: 10px;
  right: 15%;
  text-align: center;
  width: 120px;
}

.reassurance.alternative {
  margin-top: -23px;
  height: 255px;
}

.reassurance.alternative h3 {
  top: 31px;
  left: 15%;
}

.reassurance p {
  width: 145px;
  text-align: justify;
  margin: 0 auto;
  padding-top: 83px;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  color: #000;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
}

.reassurance.alternative p {
  padding-top: 110px
}

#paiement.reassurance {
  background: url('img/home/reassurance_icon_resultat.png') #fff no-repeat top center;
}

#diagnostic.reassurance {
  background: url('img/home/reassurance_icon_diagnostic.png') #fff no-repeat top center;
}

#francais.reassurance {
  background: url('img/home/reassurance_icon_francais.png') #fff no-repeat top center;
}

#appel.reassurance {
  background: url('img/home/reassurance_icon_prixdappel.png') #fff no-repeat top center;
}

/*------------------------------------*\
/* End Home v1.3.3 */

/*------------------------------------*/

/*------------------------------------*\
/* CTA Image v1.3.3 & devis for h3 */

/*------------------------------------*/

.cta-image {
  position: relative;
  height: 225px;
  width: 300px;
  margin: 0 auto;
  display: block;
  /* background-size: contain!important; */
  -webkit-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        transition: opacity .2s ease;
}

.cta-image h3,
.legend-box {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  color: #e2e2e2;
  font-size: 2.1rem;
  font-size: 21px;
  line-height: 2.1rem;
  line-height: 21px;
  font-weight: 500;
  margin: 0;
  width: 100%;
  text-align: center;
  padding: 5px 0;
}

.cta-reassurance .icone {
  min-height: 118px;
  margin-bottom: 5px;
}

.cta-reassurance .texte {
  color: #000
}

.button-devis {
  background:#5cb192;
  border-radius: 5px;
  padding:  16px 16px;
  color:  #ffffff;
  display:  inline-block;
  font-size: 20px;
  font-weight:bold;
  border :none;
  text-align: center;
  width:100%;
  margin: 10px auto;
}


/*------------------------------------*\
/* end CTA image v1.3.3 */

/*------------------------------------*/

/*------------------------------------*\
/* CTA devis v1.3.3 */

/*------------------------------------*/

.cta-img-devis {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: relative;
  padding: 8px 0;
  min-height: 185px;
  background-color: #ebebeb;
}

.cta-img-devis:hover {
  -webkit-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        transition: opacity .2s ease;
}


.cta-img-devis p {
  margin: 0;
  text-align: center;
}

.cta-img-devis h3 {
  font-size: 2.2rem;
  font-size: 22px;
  line-height: 1.8rem;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 4px;
  color: #000;
}

.cta-img-devis .device {
  font-size: 2rem;
  font-size: 20px;
  line-height: 2rem;
  line-height: 20px;
  font-weight: 700;
  color: #5cb192;
}

/*------------------------------------*\
/* end CTA devis v1.3.3 */

/*------------------------------------*/

/*------------------------------------*\
/* CTA device v1.3.3 */

/*------------------------------------*/

.cta-device {
  height: 130px;
  display: block;
  /* background-size: contain !important; */
  -webkit-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        transition: opacity .2s ease;
}

/*------------------------------------*\
/* end CTA device v1.3.3 */

/*------------------------------------*/

/*------------------------------------*\
/* Colonne texte v1.3.3 */

/*------------------------------------*/

.text-colonne {
    padding: 0 20px;
}

.text-colonne h3 {
  font-size: 3.2rem;
  font-size: 32px;
  line-height: 3.2rem;
  line-height: 32px;
}

.text-colonne.alternate {
  padding: 0;
  max-width: 220px;
}

.text-colonne.alternate h3 {
  /*  experiment */
  white-space: nowrap;
}

.text-colonne p {
    text-align: justify;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

/*------------------------------------*\
/* end Colonne texte v1.3.3 */

/*------------------------------------*/

/*------------------------------------*\
/* Colonne icone v1.3.3 */

/*------------------------------------*/

.icone-colonne {
  min-height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.icone-colonne img {
  margin-top: auto;
  margin-bottom: 0
}

/*------------------------------------*\
/* end Colonne icone v1.3.3 */

/*------------------------------------*/

.img-jauge {
  min-height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.col-jauges span {
  color: #555555;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  display: block;
  margin-top: 20px;
}

.col-jauges p {
  text-align: justify;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  font-size: 16px;
  font-size: 1.6rem;
}

.col-jauges p:before {
  content: '■';
  margin-right: 5px;
  color: #000;
  display: inline-block;
}

/*------------------------------------*\
/* End Section jauges colonnes */

/*------------------------------------*/

/*------------------------------------*\
/* Page sur-mesure */

/*------------------------------------*/
.surmesure-slide {
  height: 350px;
  background: url('img/sur-mesure/sur-mesure-background.jpg') no-repeat center right;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  text-align: right;
  padding-right: 10%;
}

.bg-recherchedev {
  background-image: url('img/sur-mesure/sur-mesure-recherche-developpement.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

h2.txtsurmesure,
h3.txtsurmesure,
.etapes-surmesure h3 {
  color:#b1a45c;
}

.boxedshadow.or {
  border: 2px solid rgb(177, 164, 92);
  border: 2px solid rgba(177, 164, 92, .7);
}

/*------------------------------------*\
/* End page sur-mesure */

/*------------------------------------*/

/*------------------------------------*\
/* Page Procédure de récupération */

/*------------------------------------*/

.few-words {
  padding-left: 30px;
  color: #000;
}

.bg-list-medias {
  padding: 10px 5px 0;
}

.bg-list-medias h3 {
  margin: 0;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 23px;
  line-height: 2.3rem;
}

.advert-list {
  font-size: 90%;
  font-style: italic;
}

/*------------------------------------*\
/* End page Procédure de récupération */

/*------------------------------------*/

/*------------------------------------*\
/* Misc ? */

/*------------------------------------*/

#responsive-menu #rm-additional-content {
  color: #9fa1a0
}

footer.footer .mentions .c-2 nav ul li {
  padding: 0 4px 0 5px
}

footer.footer .mentions .c-2 nav ul li:first-child {
  padding-left: 0
}

footer.footer:not(.footer-no-margin) {
  margin-top: 16px;
}

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

.case-icone .icone, .case-icone .texte.min-texte {
  height: 125px;
}

.wpcf7-form .row .col-sm-6, .form.devis .row .col-sm-6 {
  padding-right: 0;
}

.form.devis:not(.contact) .col-lg-12, .form.devis:not(.contact) .col-md-12, .form.devis:not(.contact) .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}

.demande-dossier [class~="col"], .demande-dossier [class*="col-"], .demande-dossier [class*="col_"] {
  padding: 0 0.5rem 1rem;
}

.align-intro-contact { padding-left: 0.5rem; }

/*------------------------------------*\
/* End misc */

/*------------------------------------*/

/*------------------------------------*\
/* Blog */

/*------------------------------------*/

.bg-blog {
  background: url('img/slide-blog.jpg') no-repeat right center #fff;
  background-size: cover;
  min-height: 240px;
}

aside#sideblog {
  background-color: #f2f2f2;
  padding: 10px 15px 15px;
}

.sidebar-widget>div:first-child h3 {
  margin-top: 0
}

.sidebar-widget>div h3 {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 26px;
  line-height: 2.6rem
}

.post-title-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.post-title-bar .post-meta {
  margin-bottom: 0;
  color: #fff
}

.post-title-bar .post-meta i.fa {
  color: #fff
}

.list.actualites h2, .list.actualites .h2 {
  font-size: 20px;
  text-align: left;
  margin-top: 0;
}

.list.actualites.archive h2,
.list.actualites.archive .h2 {
  /* min-height: 55px; */
  min-height: 78px;
  line-height: 26px;
  line-height: 2.6rem;
  margin-bottom: 10px;
}

.list.actualites.faq.archive h2,
.list.actualites.faq.archive .h2 {
  min-height: 78px;
  line-height: 26px;
  line-height: 2.6rem;
  margin-bottom: 10px;
}

.list.actualites.single h2, .list.actualites.single .h2, .list.actualites.single h1, .list.actualites.single .h1 {
  font-size: 32px;
  margin-bottom: 10px;
  min-height: inherit;
  margin-top: 20px;
}

.list.actualites.single .thumb {
  max-height: 250px;
  display: block;
  max-width: 100%;
  margin-bottom: 6px;
  margin-top: 0;
}

.list.actualites.single article:not(.glossaire) {
  padding: 20px 0
}

.new-excerpt p {
  min-height: 88px
}

.list.actualites:not(.single) {
  margin-top: 10px;
  margin-right: 20px;
}

.list.actualites .thumb {
  max-height: 150px;
  display: block;
  max-width: 100%;
  margin-bottom: 6px;
  overflow: hidden;
  margin-top: 10px;
}

.archive-description {
  color: #fff
}

.bt-read-more {
  border: none;
  background-color: #74DAB2;
  display: inline-block;
  position: relative;
  margin: auto;
  color: #fff;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  opacity: 1;
  padding: 15px 20px;
  margin: 10px auto 0;
  text-align: center;
}

.bt-read-more:hover, .bt-read-more:focus {
  color: #fff
}

/* ---- Pagination ---- */

.nav-links {
  display: inline-block;
  border: 1px solid #e2e6e7;
  overflow: hidden;
  margin: 60px auto 0;
}

.pagination {
  margin-top: 20px;
}

.pagination .page-numbers {
  display: block;
  float: left;
  padding: 16px 20px;
  border-left: 1px solid #e2e6e7;
}

.pagination>span {
  display: inline-block;
  border: 1px solid #e2e6e7;
  overflow: hidden;
}

.pagination .page-numbers:first-child {
  border-left: none;
}

.pagination .current {
  background-color: #2f8464;
  color: #fff;
}

/* ---- End Pagination ---- */

/* ---- Widget ---- */

.widget_categories ul {
  list-style-type: none;
  padding: 0;
}

.sidebar-widget>div:not(.recent-posts-widget-with-thumbnails) {
  margin-bottom: 20px;
}

.sidebar-widget>div:last-child {
  margin-bottom: 0
}

.tagcloud {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tagcloud a {
  display: inline-block;
  margin: 0.125rem;
  padding: 0.4375rem;
  background: rgba(47, 132, 100, 0.2);
  border: 1px solid rgba(47, 132, 100, 0.2);
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  color: #302d26;
}

.tagcloud a:hover, .tagcloud a:focus {
  background: #2f8464;
  color: white;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}

.side-post {
  overflow: hidden;
  margin: 0 0 1.5em;
}

.side-post-content {
  margin-left: 15px;
}

.side-post-content a {
  color: #302d26
}

article.type-post .side-post-content h4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  line-height: 1.8rem;
  margin: 0;
  color: #302d26;
  font-weight: 300;
}

.side-post-content .post-meta { margin-bottom: 0 }

/* ---- End Widget ---- */

/* ---- Search form ---- */

.container-input-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.bt-search {
  border: none;
  background-color: #1c1c1c;
  display: block;
  position: relative;
  margin: auto;
  color: #fff;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  opacity: 1;
  padding: 9px 15px;
  text-align: center;
  height: 36px; /* experimental */
}

.search-input {
  display: block;
  width: 100%;
  padding: 8px;
  border: 1px #CECECE solid;
  background-color: #CECECE;
  color: #000;
  margin-right: 5px;
}

.search-input:focus {
  border: 1px #9b9b9b solid;
}

/* ---- End Search form ---- */

/*------------------------------------*\
/* End blog */

/*------------------------------------*/

/*------------------------------------*\
/* Page contact */

/*------------------------------------*/

.h3.contact {
  font-size: 32px;
  margin-top: 0;
}

/* .h3.contact.first {
  margin-left: 0.5rem;
} */

.demande-dossier.contact .wpcf7-form.contact-form {
  padding-top: 0
}

.contact-info {
  text-align: right;
  background-size: contain;
  background-position: 50% 0;
  background-repeat: no-repeat;
}

.contact-info.adresse {
  background-image: url('img/icons/datalabcenter_franceicon.png');
  background-position: 15px 0;
  padding: 7px 0;
}

.contact-info.telephone {
  background-image: url('img/icons/datalabcenter_telicon.png');
  background-position: 0 0;
  padding: 5px 0;
}

.contact-info.mail {
  background-image: url('img/icons/datalabcenter_mailicon.png');
  background-position: 78% 0;
  padding: 3px 0;
}

.contact-info.horaires {
  background-image: url('img/icons/datalabcenter_horaireicon.png');
  padding: 4px 0;
  background-position-x: 15px;
}

.demande-dossier .form.devis .wpcf7-submit.contact-submit,
.bg-btn-contact {
  background-image: url("img/elements/arrow-btn-contact.png"), url('img/elements/bg-btn-contact.jpg');
  width: 140px;
  max-width: 140px;
  background-position: 10px 8px, right center;
  background-repeat: no-repeat, no-repeat;
  background-size: 31px 25px, cover;
  line-height: 40px;
  border-radius: 0;
  font-size: 18px;
  font-weight: bold;
  padding-left: 40px;
  color: #e4e4e4;
  -webkit-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
}

.bg-btn-contact {
  width: 145px;
  max-width: 145px;
  font-size: 16px;
  padding: 8px;
  border: 0;
  padding-left: 44px;
  line-height: 24px;
}

.demande-dossier .form.devis .wpcf7-submit.contact-submit:hover {
  opacity: 0.9;
  background-position: 13px 8px, right center;
  cursor: pointer;
}

.demande-dossier .form.devis .wpcf7-submit.contact-submit:focus, .bg-btn-contact:focus, .btn-reset-form:focus {
  border: none;
  outline: 0;
}

.demande-dossier .form.devis .wpcf7-submit.contact-submit:before {
  font-family: FontAwesome;
  content: "\f069";
  position: absolute;
  left: -5px;
  top: 0;
}

/* .grid-rappel, .grid-captcha { */
.grid-captcha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0;
}

.grid-captcha {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.grid-captcha p {
  margin: 0
}

/* .grid-rappel .etre-rappele { */
.etre-rappele {
  margin-right: 1rem;
}

/* .grid-rappel .text-condensed { */
.text-condensed {
  width: 85%;
}

/*------------------------------------*\
/* end page contact */

/*------------------------------------*/

.case-icone .texte p {
  font-size: 16px;
  font-size: 1.6rem;
}

.head-slider .page-content .size-0, .head-slider .page-content .size-0 * {
  font-size: 42px !important;
  line-height: 42px !important;
}

.post-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
}

.post-meta span {
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  line-height: 16px;
  font-size: 1.6rem;
  line-height: 1.6rem;
}

.post-meta span:last-child {
  margin-right: 0;
}

.post-meta i.fa {
  color: #286f5e;
  margin-right: 10px;
  font-size: 16px;
  line-height: 16px;
  font-size: 1.6rem;
  line-height: 1.6rem;
}

.wrapper-wide.col-vert {
  padding: 0 0.5rem;
}

/*------------------------------------*\
/* Footer */

/*------------------------------------*/

footer.footer a.ic-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.textwidget .h1.footer-h1 a {
  color: #c9c9c9;
  font-size: 4rem;
  font-weight: 100
}

footer.footer a.ic-link-news:before {
  background-image: url('img/ic/icone-news-mini-datalabcenter.png');
}

footer.footer a.ic-link-news:hover {
  color: #d7b57c;
}

footer.footer a.ic-link-tel:hover, footer.footer a.ic-link-mail:hover {
  color: #79abbe;
}

footer.footer a.ic-link-tel:before {
  background-image: url('img/ic/icone-phone-datalabcenter.png');
}

footer.footer a.ic-link-mail:before {
  background-image: url('img/ic/icone-contact-mini-datalabcenter.png');
  top: 6px;
}

footer.footer p.ic-text {
  color: #D0D0D0;
  font-size: 14px;
  line-height: 18px;
  padding-left: 38px;
  min-height: 36px;
  margin-left: 30px !important;
  -webkit-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

footer.footer p.ic-text:before {
  background-image: url('img/ic/icone-delai-datalabcenter.png');
  content: '';
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  width: 30px;
  height: 31px;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
}

footer.footer .h1 img {
  padding-right: 0;
  margin-right: 10px !important;
}

/*------------------------------------*\
/* End Footer */

/*------------------------------------*/

/*------------------------------------*\
/* Deviseur rapide */

/*------------------------------------*/

header.header nav.menu>ul>li:last-child>a {
  font-weight: 700;
  color: #5cb192;
}

header.header nav.menu ul>li:last-child>div.sub-menu>.inner>.sub-table {
  margin-top: -2px;
}

header.header nav.menu ul>li:last-child div.sub-menu .inner .sub-table ul {
  padding: 0
}

header.header nav.menu ul>li:last-child div.sub-menu .inner:before {
  background-color: #f1f1f1;
  border-left: 1px solid #b0b0b0;
  border-top: 1px solid #b0b0b0;
}

header.header nav.menu ul>li:last-child div.sub-menu .inner {
  background-color: #6caf94;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-width: 315px;
  padding: 0;
}

header.header nav.menu ul>li:last-child div.sub-menu .inner .sub-table ul li {
  padding: 0
}

.fast-devis-step {
  background-color: #f1f1f1;
  padding-bottom: 20px;
  -webkit-box-shadow: 1px 1px 12px #555;
          box-shadow: 1px 1px 12px #555;
  padding: 0 20px 10px;
}

.fast-devis-step .h2 {
  font-size: 1.6rem;
  font-size: 16px;
  line-height: 1.6rem;
  line-height: 16px;
  font-weight: bold;
  color: #000;
  padding: 10px 0;
  text-align: center;
  margin: 0;
}

.support-selector, .raid-selector {
  margin: 0
}
/* used for pre diag, experience etc. */
.support-container,
.raid-container,
.media-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.support-container a:hover,
.raid-container a:hover,
.media-selector a:hover {
  -webkit-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        transition: opacity .2s ease;
}

.col.raid-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.support-container span {
  font-size: 14px;
  font-size: 1.4rem;
  color: #000;
  font-weight: 700;
  display: block;
  text-align: center;
}

.support-container a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.support-container img { max-height: 80px; margin: 0 auto; }

.support-container:hover {
  opacity: .75;
}

.not-checked {
  -webkit-filter: brightness(.6) grayscale(100%) opacity(.9);
  -moz-filter: brightness(.6) grayscale(100%) opacity(.9);
  filter: brightness(.6) grayscale(100%) opacity(.9);
}

#body #responsive-menu {
  overflow: hidden;
}

#responsive-menu .appendLink {
  z-index: 2
}

#body #responsive-menu ul li a {
  z-index: 1
}

#responsive-menu .responsive-menu li:last-child a {
  border-bottom: 1px solid #efefef;
}

#responsive-menu div.col {
  padding: 0 0 1rem !important;
}

/*------------------------------------*\
/* END Deviseur rapide */

/*------------------------------------*/

/*------------------------------------*\
/* Deviseur fix fast */

/*------------------------------------*/
/*
#formules {
  padding-top: 10px;
}
*/
#formules h2 {
  margin-bottom: 20px;
}

/*------------------------------------*\
/* END Deviseur fix fast */

/*------------------------------------*/

/*------------------------------------*\
/* Landing page style */

/*------------------------------------*/

/* h2.title-landing-section {
  font-size: 40px;
  font-size: 4rem;
  line-height: 40px;
  line-height: 4rem;
}

h2.title-landing-section.mgtop {
  margin-top: 30px
}

h2.title-intro-landing {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 35px;
  line-height: 2.5rem;
  margin-bottom: 10px;
} */
.title-intro-landing {
  font-weight: 100;
  margin-bottom: 10px;
}

.or-sep {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 35px;
  line-height: 2.5rem;
}

a.ic-link.landing-link {
  color: #000;
}

/* ---- Intro landing ---- */

.case-devis.landing-devis {
  max-width: 250px;
  margin: 0 auto;
}

/* ------------ */

/* Colonnes oui Landing */

.row-argument {
  padding: 0 50px;
  margin: 0;
}

.argument ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.argument ul li {
    padding: 5px 0px;
    line-height: 1.2em;
    font-size: 18px;
}

.argument ul li::before {
    content: "■ ";
    margin-right: 5px;
    color: #5cb192;
}

.argument-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  position: relative;
}

.argument-header img {
  margin-left: 20px;
}

.argument-header h3 {
  margin: 0;
}

/* ------------ */

/* Etape */

.recup-etape.etape-2,
.recup-etape.etape-4 {
  margin-bottom: 20px;
}

.recup-etape h3 {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 36.4px;
  line-height: 3.64rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.recup-etape h3 .rstep {
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  margin-right: 6px !important;
  width: 30px;
  height: 30px;
  line-height: 30px !important;
  padding: -2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recup-etape p {
  margin: 0;
  text-align: justify;
  line-height: 2rem;
  line-height: 20px;
  font-size: 16px;
  font-size: 1.6rem;
}

.recup-etape.etape-1 h3 {
  color: #6e64aa;
}

.recup-etape.etape-1 h3 .rstep {
  color: #6e64aa;
}

.recup-etape.etape-2 h3 {
  color: #c14190;
}

.recup-etape.etape-2 h3 .rstep {
  color: #c14190;
}

.recup-etape.etape-3 h3 {
  color: #ed7732;
}

.recup-etape.etape-3 h3 .rstep {
  color: #ed7732;
}

.recup-etape.etape-4 h3 {
  color: #fbb93c;
}

.recup-etape.etape-4 h3 .rstep {
  color: #fbb93c;
}

.recup-etape.etape-5 h3 {
  color: #97be4e;
}

.recup-etape.etape-5 h3 .rstep {
  color: #97be4e;
}

.img-etape {
  margin: 0 auto 10px
}

.img-etape-usb {
  margin: 0 auto 30px
}

/* ---------- */

/* Etape USB */

.recup-usb-container {
  position: relative;
}

.recup-etape.usb.etape-1, .recup-etape.usb.etape-2, .recup-etape.usb.etape-3, .recup-etape.usb.etape-4, .recup-etape.usb.etape-5 {
  position: relative;
}

.recup-etape.usb.etape-1 {
  top: 50px;
  right: 10px;
}

.recup-etape.usb.etape-2 {
  top: 195px;
  left: 10px;
}

.recup-etape.usb.etape-3 {
  top: 215px;
  right: 10px;
}

.recup-etape.usb.etape-4 {
  top: 360px;
  left: 10px;
}

.recup-etape.usb.etape-5 {
  top: 380px;
  right: 10px;
}

.recup-etape.usb.etape-1 h3 {
  color: #b07667;
}

.recup-etape.usb.etape-1 h3 .rstep {
  color: #b07667;
}

.recup-etape.usb.etape-2 h3 {
  color: #94c43c;
}

.recup-etape.usb.etape-2 h3 .rstep {
  color: #94c43c;
}

.recup-etape.usb.etape-3 h3 {
  color: #2fed76;
}

.recup-etape.usb.etape-3 h3 .rstep {
  color: #2fed76;
}

.recup-etape.usb.etape-4 h3 {
  color: #36ffb9;
}

.recup-etape.usb.etape-4 h3 .rstep {
  color: #36ffb9;
}

.recup-etape.usb.etape-5 h3 {
  color: #47bfd8;
}

.recup-etape.usb.etape-5 h3 .rstep {
  color: #47bfd8;
}

.recup-etape.usb p span {
  color: #ad0000;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 14px;
  line-height: 1.4rem;
  display: inline-block;
}

/* ----------- */

/* Pannes */

h3.titre-pannes, h4.titre-pannes {
  font-size: 18px;
  line-height: 18px;
  line-height: 1.8rem;
  font-weight: bold;
  font-size: 1.8rem;
  color: #000;
}

.col.pannes {
  padding: 1rem 1.5rem 0.5rem 0.5rem;
  border: 1px solid #f1f1f1
}

.pannes {
  background-color: #dedede;
  color: #000;
}

.desc-pannes p {
  text-align: justify;
  font-size: 15px;
  font-size: 1.5rem;
}

.desc-pannes p strong {
  font-weight: 300;
  color: #286f55;
}

.img-pannes {
  margin: 0 auto;
  max-height: 130px;
}

.caption-pannes {
  color: #ad0000;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 11px;
  line-height: 1.1rem;
  text-align: center;
  margin: 0
}

.outro-pannes {
  text-align: center;
  font-style: italic;
  font-size: 14px;
  font-size: 1.4rem;
}

/* -------- */

/* Technique */

.panel-technique {
  background: rgba(249, 249, 249, 0.75);
  padding: 20px 30px
}

.panel-technique p { text-align: justify; font-size: 16px; font-size: 1.6rem; }

/* --------- */

/* Citation */

/* -------- */

.bg-section-citation {
  background-image: url('./img/landing/bg-mot-du-technicien.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0 0
}

.citation {
  padding: 0 55px;
  margin-bottom: 40px;
  position: relative;
}

.citation h2 {
  margin: 0 0 25px;
}

.citation:first-child {
  margin-bottom: 20px
}

.citation.with-quote:before, .citation.with-quote:after {
  display: block;
  position: absolute;
  font-size: 50px;
  line-height: 50px;
  width: 50px;
  height: 50px;
  color: #5c5c5b;
}

.citation.with-quote:before {
  top: 0;
  left: -5px;
  content: "\f10d";
  font-family: FontAwesome;
}

.citation.with-quote:after {
  bottom: 0;
  right: -5px;
  content: "\f10e";
  font-family: FontAwesome;
}

.citation p {
  text-align: justify;
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
}

/* Smartphone */

.img-logo {
  margin: 20px auto;
}

/* --------- */

/* Datalab Se compare */

.text-info-compare p {
  font-size: 14px;
  line-height: 18px;
  margin: 10px 0 0 10px
}

.google-greed img {
  margin-bottom: 5px;
}

.google-greed img:nth-child(odd) {
  margin-right: auto;
}

.google-greed img:nth-child(even) {
  margin-left: auto;
}

.bg-monde-entier {
  min-height: 800px;
}

h2.accroche_monde_entier {
  color: #fff;
}

.schema-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.schema-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-size: contain
}

.schema-col {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  max-width: 180px;
  padding: 0 10px;
}

.schema-col h3 {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.8rem;
  line-height: 18px;
  font-weight: bold;
  margin-top: 20px;
}

.schema-col p {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: justify;
  margin: 0;
  color: #8d8d8d
}

.schema-container>.schema-col:nth-of-type(even) {
  position: relative;
  top: -100px;
}

#choix-labo.schema-container>.schema-col:nth-child(1) h3 {
  color: #577f8b;
}

#choix-labo.schema-container>.schema-col:nth-child(2) h3 {
  color: #11afb0;
}

#choix-labo.schema-container>.schema-col:nth-child(3) h3 {
  color: #39799d;
}

#choix-labo.schema-container>.schema-col:nth-child(4) h3 {
  color: #32827f;
}

#choix-labo.schema-container>.schema-col:nth-child(5) h3 {
  color: #737373;
}

#engagements.schema-container>.schema-col:nth-child(1) h3 {
  color: #919191;
}

#engagements.schema-container>.schema-col:nth-child(2) h3 {
  color: #36804d;
}

#engagements.schema-container>.schema-col:nth-child(3) h3 {
  color: #369c7a;
}

#engagements.schema-container>.schema-col:nth-child(4) h3 {
  color: #07b444;
}

#engagements.schema-container>.schema-col:nth-child(5) h3 {
  color: #558a72;
}

/*------------------------------------*\
/* END Landing page style */

/*------------------------------------*/

/*------------------------------------*\
/* Deviseur RAID SERVEUR */

/*------------------------------------*/

.case-icone .icone.devis img {
  opacity: 1;
}

.input-label input {
  display: inline-block;
  max-width: 215px;
  padding: 10px;
  border: 1px #e4e4e4 solid;
  background-color: #fffff;
  color: #000;
  margin-left: 10px;
}

.input-label.input-calcul input {
  max-width: 140px
}

.input-label input:focus {
  border: 1px #9b9b9b solid;
}

.input-label input[type="submit"] {
  margin-left: 10px;
}

.input-label p {
  margin: 0;
  text-align: right;
  font-weight: 700;
  color: #000;
  margin-right: 10px
}

.input-label p em {
  font-weight: normal;
}

.input-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.col.raid-container {
  padding: 0 .3rem 1rem;
}

.raid-container input {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.raid-container input:focus {
  border: 0
}

.raid-cc.raid-1 {
  background-image: url('img/illustrations/raid-1.png');
}

.raid-cc.raid-0 {
  background-image: url('img/illustrations/raid-0.png');
}

.raid-cc.raid-5 {
  background-image: url('img/illustrations/raid-5.png');
}

.raid-cc.raid-6 {
  background-image: url('img/illustrations/raid-6.png');
}

.raid-cc.raid-10 {
  background-image: url('img/illustrations/raid-10.png');
}

.raid-cc.inconnu {
  background-image: url('img/illustrations/raid-inconnu.png');
}

.raid-container input:active+.raid-cc {
  opacity: .9;
}

.raid-container input:checked+.raid-cc {
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}

.raid-container span {
  display: block;
  text-align: center;
  min-height: 70px;
  margin: 0 auto;
  font-style: italic;
  color: #000
}

.raid-cc {
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 auto;
  width: 170px;
  height: 120px;
  background-position: center center;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.raid-card {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem 1rem 1rem;
  border-radius: 5px;
  width: 100%;
  text-align: center;
}

.raid-card:hover {
  cursor: pointer;
  opacity: 0.75;
}

.raid-0-card { background-image: url('img/illustrations/raid-1-bg.jpg')}
.raid-1-card { background-image: url('img/illustrations/raid-0-bg.jpg')}
.raid-5-card { background-image: url('img/illustrations/raid-5-bg.jpg')}
.raid-6-card { background-image: url('img/illustrations/raid-6-bg.jpg')}
.raid-10-card { background-image: url('img/illustrations/raid-10-bg.jpg')}
.raid-inconnu-card {background-image: url('img/illustrations/raid-inconnu-bg.jpg')}

.raid-card+strong {
  color: #000;
  text-align: center;
  margin: 10px auto 0
}

.raid-card:hover+strong, .raid-card.checked+strong {
  color: #1f9f70;
}

#loader {
  background-image: url('img/elements/ajax-loader.gif');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 5px;
  width: 16px;
  height: 16px;
  -webkit-transition: all 500ms;
  /* Safari */
  -o-transition: all 500ms;
  transition: all 500ms;
}

#full-loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9988;
  background: url('img/datalabcenter-ajax-loader-full.gif') 50% 50% no-repeat rgba(255, 255, 255, 0.75);
}

p.alert {
  color: red;
  text-align: center;
  margin: 5px auto;
}

p.alert a {
  color: red;
  font-weight: 700;
}

.input-label input.submit-calculer, .input-label input.submit-telecharger {
  width: 140px;
  max-width: 140px;
  background-position: 10px 8px, right center;
  background-repeat: no-repeat, repeat-x;
  background-size: 31px 25px, cover;
  line-height: 39px;
  border-radius: 0;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 0 35px;
  color: #e4e4e4;
  -webkit-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
  border: 0
}

.input-label input.submit-calculer {
  background-image: url(img/elements/arrow-rotate.png), url(img/elements/bg-btn-contact.jpg);
  background-size: 24px 24px, contain;
  width: 120px;
}

.input-label input.submit-telecharger {
  background-image: url(img/elements/download-icon.png), url(img/elements/bg-btn-contact.jpg);
  background-size: 28px 26px, contain;
  width: 210px;
  max-width: 210px;
  background-position: 10px 7px, right center;
}

.input-label input.submit-calculer:hover, .input-label input.submit-telecharger:hover {
  opacity: 0.75;
  cursor: pointer;
}

input.preference {
  position: absolute;
  left: -2000px;
}

.res-devis-raid {
  font-weight: 700;
  text-align: center;
}

.res-devis-raid + span {
  margin-left: 5px;
}

.img-arrow-sep {
  margin: 0 20px;
}

/* --- Deviseur RAID Template Version 2 --- */

.panel-raid {
  background-color :#333;
  text-align: center;
  padding: 30px 20px;
}

.panel-raid .h3,
.panel-raid .h2,
.panel-raid .hint {
  color: #fff;
}

.panel-raid .h3 {
  margin-bottom: 30px;
  text-align: center;
}

.download-diagnostic.raid {
  background-color: #262626;
  color: #fff;
}

.download-diagnostic.raid:hover,
.download-diagnostic.raid:active,
.download-diagnostic.raid:focus {
  background-color: #1a1a1a;
  color: #fff;
}

.download-diagnostic.raid i {
  color: #fff;
}

.demande-dossier.raid {
  background-color: #262626;
  margin-bottom: 0;
}

.results-diagnostic h4.nas-raid {
  color: #5e5f5b;
  font-size: 40px;
  font-size: 4rem;
  line-height: 40px;
  line-height: 4rem;
  font-weight: 700;
}

.panel-raid .hint {
  font-size: 80%;
  text-align: center;
}

/* --- End Deviseur RAID Template Version 2 --- */

/*------------------------------------*\
/* END Deviseur RAID SERVEUR */

/*------------------------------------*/

/*------------------------------------*\
/* Experience */

/*------------------------------------*/

.support-selector input, .service-selector input {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.support-selector input:focus, .service-selector input:focus {
  border: 0
}

.media-selector input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
}

.media-selector input:focus {
  border: none;
  outline: 0;
}

.media-selector input:active+.experience-cc, .media-selector input:active+.diagnostic-cc {
  opacity: .9;
}

.media-selector input:checked+.experience-cc, .media-selector input:checked+.diagnostic-cc {
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}

.media-selector img {
  height: 115px;
  width: auto;
  margin: 0 auto;
}

.media-label {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  text-align: center;
  display: block;
  margin-top: 3px;
  line-height: 18px
}

.media-label.red, .content-diagnostic p strong.red {
  color: #c66d6d;
}

.media-label.brown, .content-diagnostic p strong.brown {
  color: #9e9986;
}

.media-label.mg {
  margin-top: 5px;
  font-size: 17px;
}

.experience-cc, .diagnostic-cc {
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  width: 140px;
  height: 115px;
  background-position: center center;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.experience-cc:hover, .diagnostic-cc:hover, .btn-reset-form:hover {
  opacity: 0.75
}

.service-selector {
  clear: both;
  position: relative;
}

#filter-experience {
  position: relative
}

.grd-input-experience div:not(:last-child) {
  padding: 0 0.5rem;
  min-width: 250px;
}

.filter-experience-field {
  width: 100%;
  padding: 8px;
  border: 1px #eaeaea solid;
  background-color: #eaeaea;
  color: #8c8c8c;
  height: 40px
}

.filter-experience-field[disabled] {
  background-color: #e1e1e1;
  border: 1px solid #eaeaea;
}

.filter-experience-field:focus {
  outline: 0;
  border: 1px #c4c4c4 solid;
}

.filter-experience-field::-webkit-input-placeholder, .filter-experience-field:-ms-input-placeholder, .filter-experience-field::-ms-input-placeholder {
  color: #8c8c8c;
}

.filter-experience-field:-moz-placeholder, .filter-experience-field::-moz-placeholder {
  color: #8c8c8c;
  opacity: 1;
}

.btn-reset-form {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
  background: transparent;
  font-weight: 700;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.btn-reset-form i.fa {
  font-size: 2rem;
  font-size: 20px;
  margin-right: 5px
}

.exp-reinit:hover {
  cursor: pointer;
}

.logo-legend {
  text-align: center;
  margin: 0 auto;
  color: #000;
  font-size: 14px;
  margin-top: 20px;
}

p.advertise-exp {
  text-align: center;
  margin: 30px auto 0;
  color: #000;
  font-size: 16px;
  font-style: italic;
}

.panel-experience {
  background-color: #e5e5e5;
  margin: 1px;
}

.illustration-experience {
  position: relative;
}

.logo-media {
  margin: 0 auto;
  height: 110px;
}

.logo-panne {
  width: 39px;
  margin: -35px auto 0;
  height: 39px;
}

.contenu-experience {
  font-weight: 700
}

.contenu-experience h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  line-height: 1.8rem;
  color: #000;
  margin-bottom: 0;
  margin-top: 10px;
}

.contenu-experience h3 + p {
  margin-top: 0;
}

.contenu-experience h3 span {
  display: block;
}

.contenu-experience p,
.contenu-experience h3 span {
  color: #545454;
  font-size: 14px;
  font-size: 1.4rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.pannes-percent {
  font-size: 45px;
  font-size: 4.5rem;
  line-height: 45px;
  line-height: 4.5rem;
  color: #286f55;
}

.panel-symptomes {
  background-color: #f1f1f1;
  padding: 0 60px;
  position: relative;
  margin: 0 auto;
  max-width: 500px;
}

.panel-symptomes:before {
  top: 5px;
  left: 10px;
  content: "\f10d";
  font-family: FontAwesome;
}

.panel-symptomes:after {
  bottom: -10px;
  right: 5px;
  content: "\f10e";
  font-family: FontAwesome;
}

.panel-symptomes:before, .panel-symptomes:after {
  display: block;
  position: absolute;
  font-size: 60px;
  line-height: 60px;
  width: 60px;
  height: 70px;
  color: #5c5c5b;
}

.panel-symptomes ul {
  overflow: inherit;
}

.panel-symptomes ul li {
  font-style: italic;
  color: #000;
  padding: 5px 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  line-height: 1.6rem;
}

.panel-symptomes ul li:first-child {
  padding-top: 10px
}

.panel-symptomes ul li:last-child {
  padding-bottom: 10px
}

/*------------------------------------*\
/* END Experience */

/*------------------------------------*/

/*------------------------------------*\
/* Select 2 JS override */
/* Theme Color override*/

/*------------------------------------*/

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #16a085 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background: #16a085;
  color: #fff;
  opacity: 0.8;
}

.select2-container .select2-choice {
  border: 2px solid #dce4ec;
  height: 36px;
  border-radius: 0px;
  font-size: 14px;
  text-indent: 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: none;
}

.select2-container *:focus {
  outline: 0px;
}

.select2-container--default .select2-selection--single {
  border-radius: 0px;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #dce4ec;
  border-radius: 0px;
}

.select2-drop {
  margin-top: -2px;
  border: 2px solid #dce4ec;
  border-top: 0;
  border-radius: 0px !important;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-drop.select2-drop-above {
  margin-top: 2px;
  border-top: 2px solid #dce4ec;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container .select2-choice div {
  border-left: 2px solid #dce4ec;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
}

.select2-search {
  margin-top: 3px;
}

.select2-search input {
  height: 30px !important;
  border: 2px solid #dce4ec;
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
  border: 2px solid #dce4ec;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-dropdown-open .select2-choice {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-dropdown-open .select2-choice div {
  background: transparent;
  border-left: none;
  -webkit-filter: none;
  filter: none;
}

.select2-results .select2-highlighted {
  background: #16a085;
  color: #fff;
  border-radius: 0px;
}

.select2-results {
  padding: 0 0 0 0px;
  margin: 4px 0px 0px 0;
}

.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  border: 2px solid #dce4ec;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 2px solid #dce4ec;
  border-radius: 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container .select2-choice .select2-arrow {
  border: 0px;
  border-radius: 0px;
  background: transparent;
  background-image: none;
}

/*New Changes*/

.select2-container--default .select2-selection--single {
  background: #eaeaea;
  border: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #16a085;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #8c8c8c;
  line-height: 40px;
}

.select2-container .select2-selection--single {
  height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #9a9a9a transparent transparent transparent;
  top: 60%;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #9a9a9a transparent;
}

.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {
  background: #eaeaea;
  border: 0
}

/* ---- Tags Style ---- */

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #eaeaea;
  color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 0px;
  padding: 3px 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #16a085;
  margin-right: 6px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 6px;
  float: right;
}

/* ---- */

/* ---- Tags Outer border ---- */

.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #16a085;
}

/* ---- */

/* ---- Placeholder Text Color ---- */

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 30px;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #e1e1e1;
  border: 1px solid #eaeaea;
}

/* ---- */

/*------------------------------------*\
/* END Select 2 JS override */
/* END Theme Color override*/

/*------------------------------------*/

/*------------------------------------*\
/* Logo slide */

/*------------------------------------*/

.container-logo-slide {
  background: url('img/experience/datalabcenter-fond-logo-slide.png') no-repeat center right;
  background-size: contain;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.container-logo-slide img {
  margin-right: 2%;
}

/*------------------------------------*\
/* END Logo slide */

/*------------------------------------*/

/*------------------------------------*\
/* 404 page */

/*------------------------------------*/

section.head-slider .text-fixed .presentation.c-404 {
  max-width: inherit;
}

.head-slider p.h-404 {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 3.4rem;
}

.intro-404 h1 {
  font-size: 36px;
  font-size: 3.6rem
}

.intro-404 a {
  font-weight: bold;
  text-align: center;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 15px auto;
}

.intro-404 p {
  color: #000;
  font-size: 18px;
  font-size: 1.8rem
}

.bg-404 {
  background: #ffffff url("img/datalabcenter-fond-page-404.jpg") no-repeat center center;
  background-size: cover;
  min-height: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.bg-404 h2 {
  font-size: 30rem;
  line-height: 30rem;
  text-align: center;
  color: #000;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
}

a.link-404 {
  color: #5cb192;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem
}

/*------------------------------------*\
/* END 404 page */

/*------------------------------------*/

/*------------------------------------*\
/* Template Marques  */

/*------------------------------------*/

.logo-marque {
  padding: 20px 30px
}

.logo-marque img {
  margin: 0 auto;
}

.logo-marque a {
  display: block;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

.logo-marque a:hover, .logo-marque a:focus {
  opacity: 0.75;
}

/*------------------------------------*\
/* END Template Marques  */

/*------------------------------------*/

/*------------------------------------*\
/* Page FAQ */

/*------------------------------------*/

article.type-faq ul {
    list-style-type: disc;
}

/*------------------------------------*\
/* END Page FAQ */

/*------------------------------------*/

/*------------------------------------*\
/* Page Glossaire */

/*------------------------------------*/

.glossaire_lettre_liste {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f1f1f1;
  padding: 0;
  margin: 20px auto;
  width: 100%
}

.glossaire_lettre_liste>li {
  padding: 10px 8px;
}

.glossaire_lettre_liste>li a, .glossaire_lettre_liste>li span {
  color: #5cb192;
  font-size: 30px;
  font-size: 3rem;
  line-height: 30px;
  line-height: 3rem;
  font-weight: bold;
}

.glossaire_lettre_liste>li span {
  opacity: 0.75;
}

.letter_title {
  display: inline-block;
  padding: 10px 0px;
  background-color: #f1f1f1;
  margin: 20px 0 10px;
  width: 55px;
  line-height: 30px;
  line-height: 3rem;
  text-align: center;
}

article.archive-glossaire {
  text-align: justify;
  padding: 0
}

article.archive-glossaire p {
  text-align: justify;
}

article.archive-glossaire h3 {
  margin-top: 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  line-height: 1.8rem;
  font-weight: bold;
}

.glossaire-back {
  color: #5cb192;
  font-weight: bold;
}

article.archive-glossaire a:hover {
  margin-bottom: 10px;
}

article.archive-glossaire a:hover {
  color: #74dab2;
}

/*------------------------------------*\
/* END Page Glossaire */

/*------------------------------------*/

/*------------------------------------*\
/* Pré-diagnostic */

/*------------------------------------*/

.btn-step {
  background-color: #74dab2;
  color: #fff;
  padding: 15px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
  outline: 0;
  margin: 10px auto;
  font-size: 1.1rem;
  font-size: 18px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        transition: opacity .2s ease;
}

.btn-step:hover, .btn-step:focus {
  /* background-color: #60d5a7; */
  opacity: 0.8;
  border: 0; /* input:focus style;css 4449 */
  cursor: pointer;
}

#reload-diagnostic.btn-step {
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#reload-diagnostic.btn-step i {
  margin-right: 10px;
  line-height: 20px;
}

.question-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* One radio button per line */

[type="radio"].radio_diag {
  border: 0;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
  visibility: hidden;
}

label.label_diag {
  display: block;
  cursor: pointer;
  /*hand view when on hover*/
  padding: 6px 0;
}

[type="radio"].radio_diag+span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  padding-left: 45px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: relative;
}

/* the basic, unchecked style */

[type="radio"].radio_diag+span:before {
  content: '';
  display: inline-block;
  width: 24px;
  position: absolute;
  height: 24px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  margin-top: -12px;
  border: 2px solid #9c9c9c;
  -webkit-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  transition: 0.5s ease all;
  background-color: #cecece;
  -webkit-box-shadow: inset 0 0 0 4px #cecece;
  box-shadow: inset 0 0 0 4px #cecece;
}

/* the checked style using the :checked pseudo class */

[type="radio"].radio_diag:checked+span:before {
  background-color: #4fa585;
}

#step1, #step2, #step3 {
  /* olé ! */
  position: relative;
}

#step2, #step3 {
  display: none
}

.step-completed {
  background-color: rgba(28, 28, 28, 0.75);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.number-step-list {
  text-align: center;
  color: #5cb192;
  font-size: 7.2rem;
  font-size: 72px;
  font-weight: bold;
  margin: 0;
  opacity: .5;
}

.page-content .sep-step-list {
  width: 250px;
  margin: 25px auto;
  display: block;
  background: #5cb192;
  height: 4px;
  padding-bottom: 0
}

.page-content .sep-step-list:before {
  content: none;
}

/* ---- Resultats diagnostic ---- */

.results-diagnostic.panel {
  padding: 10px 15px;
}
.results-diagnostic.panel:not(.no-cursor):hover {
  cursor: pointer;
}

.results-diagnostic.panel img {
  margin: 10px auto;
  max-height: 110px;
}

.results-diagnostic.panel p:last-child {
  margin-bottom: 5px;
}

.results-diagnostic p {
  margin: 20px 0;
  text-align: justify;
}

.results-diagnostic p.text-center {
  /* woah */
  text-align: center;
}

.results-diagnostic p small {
  color: #898989;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4rem;
  line-height: 14px;
}

.results-diagnostic p em {
  color: #898989;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4rem;
  line-height: 14px;
}

/* ---- resultats diagnostic v 1.3.3 ---- */

.results-diagnostic.logique, .results-diagnostic.physique {
  border: 2px solid #66645c;
}

.results-diagnostic h3 {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 2.6rem;
  line-height: 26px;
  text-align: center;
}

.results-diagnostic h4 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 2rem;
  line-height: 20px;
  text-align: center;
}

.results-diagnostic h4 small {
  color: #65625b;
  font-weight: 100
}

.results-diagnostic h4 small strong { font-weight: 700 }

.results-diagnostic .extensions {
  text-align: center;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8rem;
  line-height: 18px;
}

.results-diagnostic .extensions.amovibles { min-height: 75px; }

.color-essentielle,
.results-diagnostic.essentielle h3,
.results-diagnostic.essentielle h4,
.results-diagnostic.essentielle .lead,
.results-diagnostic.logique h3,
.results-diagnostic.logique h4 {
  color: #759243;
}

.results-diagnostic.essentielle h4, .results-diagnostic.logique h4 {
  color: #759243;
}

.results-diagnostic .lead {
  font-size: 16px;
  font-size: 1.6rem;
}

.results-diagnostic h4 span.price, .results-diagnostic h4 span.price, .results-diagnostic .lead span {
  /* font-size: 24px;
  font-size: 2.4rem; */
  font-size: 40px;
  font-size: 4rem;
  line-height: 2.4rem;
  line-height: 24px;
}

.color-complete,
.results-diagnostic.complete h3,
.results-diagnostic.complete h4,
.results-diagnostic.complete .lead,
.results-diagnostic.physique h3,
.results-diagnostic.physique h4 {
  color: #787196;
}

/* ---- */

.download-diagnostic {
  background-color: #d7d7d7;
  width: 100%;
  color: #3e4e48;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 6px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-size: 1.8rem;
}

.download-diagnostic:hover, .download-diagnostic:focus {
  cursor: pointer;
  color: #111
}

.download-diagnostic i {
  margin-right: 10px;
  color: #222222;
  font-size: 26px;
}

.download-diagnostic+.wpcf7 {
  display: none
}

.download-diagnostic+.wpcf7 .demande-dossier {
  padding: 20px 15px 10px;
}

#reload-diagnostic:hover {
  cursor: pointer;
  opacity: 0.75;
}

#reload-diagnostic h2 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 84px;
  line-height: 8.4rem;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

#reload-diagnostic h2 i {
  color: #8e8e8e;
  font-size: 84px;
  font-size: 8.4rem;
  margin-right: 30px !important;
  /* shame */
}

#pre-diagnostic-conseils, #pre-diagnostic-estimation {
  position: relative;
}

a.diagnostic-scrollto, a.devis-scrollto {
  position: absolute;
  right: 10%;
  top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  color: #bbb;
  z-index: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
}

a.diagnostic-scrollto i,
a.devis-scrollto i {
  font-size: 72px;
}

a.devis-scrollto {
  bottom: 40px;
  top: inherit;
}

/*------------------------------------*\
/* END Pré-diagnostic */

/*------------------------------------*/

/*------------------------------------*\
/* Header v3 */

/*------------------------------------*/

header.header {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 10px;
  z-index: 1000;
  /* z-index: 9990; */
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

header.header .logo img {
  height: 70px;
}

header.header nav.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 10px 0;
  width: 100%;
}

.wrapper-body {
  padding-top: 91px;
}

/* uggly fix for nav box shadow */

section.head-slider .text-fixed,
.page-content,
main .section-large:first-child .wrapper-ultra-wide.page-content .container-fluid.bg-vert:first-child {
  margin-top: 0;
}

#responsive-menu, #click-menu {
  position: fixed;
}

header.header nav.menu ul>li div.sub-menu .inner {
  min-width: 370px;
  padding-bottom: 5px;
}

img.icon-menu {
  height: auto;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  width: auto;
  height: 30px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center;
}

img.icon-sub-menu {
  width: 20px;
  height: auto;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

header.header nav.menu ul>li div.sub-menu .inner .sub-table ul li {
  padding: 5px 0;
}

header.header nav.menu ul>li div.sub-menu .inner .sub-table ul li a {
  font-size: 16px;
  vertical-align: middle;
  width: auto;
  font-weight: 300;
}

header.header nav.menu ul li a {
  vertical-align: middle;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
}

.header.header nav.menu>ul>li {
  padding: 5px 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center;
  padding: 0 12px;
}

.header.header nav.menu>ul>li:first-child {
  padding-left: 0;
}

.header.header nav.menu>ul>li:last-child {
  padding-right: 0;
}

header.header nav.menu ul {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 20px;
}

.header.header nav.menu ul, .coordonnes-header {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.coordonnes-header .textwidget * {
  margin: 0 !important;
  line-height: 20px !important;
  font-weight: bold;
  color: #9fa1a0;
  font-size: 16px;
  font-size: 1.6rem;
}

/*------------------------------------*\
/* END Header v3 */

/*------------------------------------*/

/*------------------------------------*\
/* Section cellule urgence */

/*------------------------------------*/

.bg-urgence {
  background-color: #6e0000;
  padding-left: 50px;
  padding-right: 50px;
}

.urgence-intro h2 {
  color: #c8c8c8;
  margin-bottom: 0
}

.urgence-intro p {
  color: #c8c8c8;
  margin: 0
}

.urgence-btn {
  color: #000;
  font-size: 2.6rem;
  font-size: 26px;
  line-height: 2.6rem;
  line-height: 26px;
  font-weight: 700;
  background-color: #c8c8c8;
  padding: 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 390px;
  margin: 25px 0;
  -webkit-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.69), 2px 3px 7px 0px rgba(0, 0, 0, 0.69);
  box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.69), 2px 3px 7px 0px rgba(0, 0, 0, 0.69);

}

.urgence-btn:hover {
  -webkit-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        transition: opacity .2s ease;
}

.urgence-text-reassurance {
  color: #c8c8c8;
  font-size: 2.1rem;
  font-size: 21px;
  line-height: 2.1rem;
  line-height: 21px;
  font-weight: 700;
}

/*------------------------------------*\
/* END Section cellule urgence */

/*------------------------------------*/

/*------------------------------------*\
/* Section marques home */

/*------------------------------------*/

.logo-marque.home {
  padding: 5px 15px
}

.logo-marque.home a {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.logo-marque.home a:hover, .logo-marque.home a:focus {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
  opacity: 1;
}

/*------------------------------------*\
/* END Section marques home */

/*------------------------------------*/

/*------------------------------------*\
/* Section home CHKfiles */

/*------------------------------------*/

.title-file {
  font-size: 2.2rem;
  font-size: 22px;
  line-height: 2.2rem;
  line-height: 22px;
  margin: 0 0 0 15px;
}

.title-file.ok {
  color: #5cb192;
}

.title-file.hs {
  color: #b7494a;
}

/*------------------------------------*\
/* END Section home CHKfiles */

/*------------------------------------*/

/*------------------------------------*\
/* page Revendeur */

/*------------------------------------*/

.rayon-action-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  width: 930px;
  margin: -20px auto 0;
  height: 50px;
}

.rayon-action-label {
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  top: 0;
  color: #000;
  max-width: 85px;
  text-align: center;
}

.rayon-action-mobile .rayon-action-label {
  position: relative;
  max-width: 100%;
  display: block;
  text-align: center;
}

.rayon-action-mobile img {
  max-width: 115px;
  margin: 0 auto 10px;
  display: block;
}


.rayon-action-text span:first-child {
  left: 0;
}

.rayon-action-text span:nth-child(2) {
  left: 10%;
}

.rayon-action-text span:nth-child(3) {
  left: 20%;
}

.rayon-action-text span:nth-child(4) {
  left: 29%;
}

.rayon-action-text span:nth-child(5) {
  left: 39%;
}

.rayon-action-text span:nth-child(6) {
  left: 48%;
}

.rayon-action-text span:nth-child(7) {
  left: 52%;
}

.rayon-action-text span:nth-child(8) {
  left: 63%;
}

.rayon-action-text span:nth-child(9) {
  left: 71%;
}

.rayon-action-text span:nth-child(10) {
  left: 82%;
}

.rayon-action-text span:last-child {
  left: 93%;
}

.rayon-action-mobile { display: none; }

.acf-map {
	width: 100%;
	height: 590px;
  /* display: none; */
  opacity: 0;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;s
  transition: opacity .5s;
}

.acf-map.loaded {
  opacity: 1;
}

.infowindow-title {
  color: #000;
  padding: 10px 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 20px;
  line-height: 2rem;
  font-weight: 500;
  margin: 0
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

.bg-logos-revendeurs {
  background-color: #ededed;
}

/*------------------------------------*\
/* END page Revendeur */

/*------------------------------------*/

/*------------------------------------*\
/* Pages Ville */

/*------------------------------------*/

.container-btn-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 50px 0;
}

.french-flag {
  max-width: 30px;
  display: inline-block;
  vertical-align: baseline;
}

/* Taxo region */
.intro-region {
  text-align: center;
}

.list-city {
  margin: 0;
  padding: 0;
}

.link-city {
  color: #5e5f5b;
}

/*------------------------------------*\
/* END Pages Ville */

/*------------------------------------*/

/*------------------------------------*\
/* WordPress Gallery */
/*------------------------------------*/

.gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 30px auto;
}

.gallery-columns-2 .gallery-item {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
  max-width: 33.33333%;
}

.gallery-columns-4  .gallery-item {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}

.gallery-columns-5  .gallery-item {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  max-width: 20%;
}

.gallery-columns-6  .gallery-item {
  -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
  max-width: 16.66667%;
}

.gallery-columns-7  .gallery-item {
  -ms-flex-preferred-size: 14.28579%;
      flex-basis: 14.28579%;
  max-width: 14.28579%;
}

.gallery-columns-8  .gallery-item {
  -ms-flex-preferred-size: 12.5%;
      flex-basis: 12.5%;
  max-width: 12.5%;
}

.gallery-columns-9  .gallery-item {
  -ms-flex-preferred-size: 11.11111%;
      flex-basis: 11.11111%;
  max-width: 11.11111%;
}

.gallery-item {
 display: inline-block;
 text-align: center;
 vertical-align: top;
 width: 100%;
 margin: 0 0 16px;
 padding: 0 8px;
}


.mfp-bottom-bar .mfp-title {
  font-size: 22px;
  line-height: 26px;
  font-weight: bold;
}
.mfp-bottom-bar .mfp-counter {
  font-size: 16px;
  font-weight: bold;
}


/*------------------------------------*\
/* END Wordress Gallery */
/*------------------------------------*/

/*------------------------------------*\
/* Media queries */

/*------------------------------------*/

@media screen and (max-width: 1670px) {
  .row-argument {
    padding: 0 25px;
    margin: 0;
  }
  a.diagnostic-scrollto, a.devis-scrollto {
    right: 5%;
    top: 10px;
  }
  a.devis-scrollto { top: inherit; bottom: 10px; }
}

@media screen and (max-width: 1520px) {
  header.header nav.menu ul {
    margin: 0 15px;
  }
  .header.header nav.menu>ul>li {
    padding: 0 8px;
  }
}

@media screen and (max-width: 1480px) {
  .row-argument {
    padding: 0 15px;
    margin: 0;
  }
}

@media screen and (max-width: 1450px) {
  header.header nav.menu ul li a {
    font-size: 1.4rem;
    font-size: 14px;
  }
  header.header nav.menu ul>li div.sub-menu .inner .sub-table ul li a {
    font-size: 1.4rem;
    font-size: 14px;
  }
  header.header .logo img {
    height: 60px;
  }
  .wrapper-body {
    padding-top: 80px;
  }

  .gallery-columns-6  .gallery-item,
  .gallery-columns-7  .gallery-item,
  .gallery-columns-8 .gallery-item,
  .gallery-columns-9 .gallery-item {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%;
  }

}

@media screen and (min-width: 879px) and (max-width: 1086px) {
  .wrapper-body {
    padding-top: 121px;
  }
}

@media screen and (max-width: 1380px) {
  .header.header nav.menu>ul>li {
    padding: 0 15px;
  }
  img.icon-menu {
    display: none
  }

  .gallery-columns-5  .gallery-item,
  .gallery-columns-6  .gallery-item,
  .gallery-columns-7  .gallery-item,
  .gallery-columns-8 .gallery-item,
  .gallery-columns-9 .gallery-item {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }

}

/* */
@media only screen and (max-width: 1280px) {
  .list.actualites.archive h2,
  .list.actualites.archive .h2 {
    min-height: 78px;
  }
}


@media only screen and (max-width: 1200px) {
  .experience-cc, .diagnostic-cc {
    width: 120px;
    height: 100px;
  }
  a.diagnostic-scrollto,
  a.devis-scrollto {
    right: 2%;
    top: 10px;
    font-size: 16px
  }
  a.devis-scrollto { top: inherit; bottom: 10px }
  a.diagnostic-scrollto i,
  a.devis-scrollto i {
    font-size: 54px;
  }
  header.header nav.menu>ul>li::after {
    content: none;
  }
  .header.header nav.menu>ul>li {
    padding: 0 12px;
  }

  .gallery-columns-4  .gallery-item,
  .gallery-columns-5  .gallery-item,
  .gallery-columns-6  .gallery-item,
  .gallery-columns-7  .gallery-item,
  .gallery-columns-8 .gallery-item,
  .gallery-columns-9 .gallery-item {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }

}

@media only screen and (max-width: 1024px) {

  .media-label {
    font-size: 16px;
    line-height: 16px;
  }
  .experience-cc, .diagnostic-cc {
    width: 100px;
    height: 80px;
  }
  .header.header .logo img {
    max-width: 100%
  }

  .gallery-columns-3 .gallery-item,
  .gallery-columns-4  .gallery-item,
  .gallery-columns-5  .gallery-item,
  .gallery-columns-6  .gallery-item,
  .gallery-columns-7  .gallery-item,
  .gallery-columns-8 .gallery-item,
  .gallery-columns-9 .gallery-item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }

}

@media screen and (max-width: 980px) {
  .rayon-action-desktop { display: none }
  .rayon-action-mobile { display: block }
}

@media screen and (max-width: 879px) {
  /* Noel toaster mobile part, to remove 15/01/2019 */
  .noel-toaster p {
    font-size: 15px;
    text-align: left;
  }
  .noel-toaster.desktop {
    display: none;
  }
  .noel-toaster.mobile {
    display: block;
  }
  /* -------------------------------------------------- */

  .jumbotron h1 {
    font-size: 4rem;
    font-size: 40px;
    line-height: 4rem;
    line-height: 40px;
  }

  .jumbotron h2,
  .jumbotron h3 {
    font-size: 2.8rem;
    font-size: 28px;
    line-height: 2.8rem;
    line-height: 28px;
  }

  .wrapper-body {
    padding-top: 60px;
  }

  p, ul, ol, li, pre, address, .address, .p { line-height: 22px; line-height: 2.2rem; }
  h1, h1 a, .h1, .h1 a,
  h2, h2 a, .h2, .h2 a { margin-bottom: 20px; }
  section.padded { padding-top: 20px; padding-bottom: 20px;}

  .schema-col p { font-size: 1.6rem; font-size: 16px }

  .taglist {
    text-align: center;
    margin-top: 20px
  }
  .container.gutter-40, .container-fluid.gutter-40 {
    margin: inherit;
  }
  .alignright, .alignleft {
    float: none;
    text-align: center;
  }
  /* .grid-rappel .text-condensed { */
  .text-condensed {
    width: 85%;
  }
  .grid-captcha {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .case-icone .icone, .case-icone .texte {
    height: 115px;
  }
  .img-arrow-sep {
    display: none;
  }
  .mg-bot-line {
    margin-bottom: 0
  }
  .submit-calculer {
    margin-bottom: 0px;
  }
  .input-label, .input-label.input-calcul input {
    max-width: 100%;
  }
  .input-label.responsive-fallback {
    /* # marouflerie */
    max-width: 205px;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
  .submit-telecharger {
    margin-top: 10px;
    margin-left: 0
  }
  .input-label input[type="submit"].submit-telecharger {
    margin-left: 0
  }
  .input-label p {
    text-align: center;
    width: 100%;
    margin-bottom: 10px
  }
  .bg-monde-entier {
    min-height: 400px;
  }
  .schema-container::before {
    display: none
  }
  #engagements.schema-container, #choix-labo.schema-container {
    height: auto;
    padding-top: 0 !important;
  }
  .schema-container>.schema-col:nth-of-type(even) {
    top: inherit;
  }
  .schema-col {
    max-width: inherit;
    padding: 0;
  }
  .recup-etape.usb.etape-1, .recup-etape.usb.etape-2, .recup-etape.usb.etape-3, .recup-etape.usb.etape-4, .recup-etape.usb.etape-5 {
    top: inherit;
    right: inherit;
    left: inherit;
    margin-top: 10px
  }
  .row-argument {
    padding: 0
  }
  .argument-header {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .argument-header h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .argument-header img {
    margin-left: 15px;
  }
  .breadcrumbs {
    padding: 10px 4px 0;
  }
  .or-sep {
    display: block;
    text-align: center;
  }

  .bg-blog {
    min-height: 160px;
  }
  body#body footer.footer .infos .row>div a.ic-link-help, body#body footer.footer .infos .row>div a.ic-link, body#body footer.footer .infos .row>div p.ic-text {
    display: block;
  }
  .support-container span {
    display: block;
    text-align: center !important;
  }
  .post-title-bar {
    padding: 0 10px
  }
  .post-title-bar .post-meta {
    margin-bottom: 20px
  }
  footer.footer .h1 {
    text-align: center;
  }
  .filter-experience-field {
    margin-bottom: 5px;
  }
  .bg-404 {
    min-height: 300px;
  }

  .select2-container {
    margin: 0 0 6px 0;
  }
  .experience-cc, .diagnostic-cc {
    width: 80px;
    height: 70px;
  }
  .media-label {
    font-size: 14px;
    line-height: 14px;
  }
  .btn-reset-form {
    margin: 10px auto;
  }
  h3.faq-question {
    font-size: 18px;
    line-height: 20px;
  }
  .glossaire_lettre_liste>li a, .glossaire_lettre_liste>li span {
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
  }
  .media-label.mg {
    font-size: 14px
  }
  a.diagnostic-scrollto {
    position: relative;
    font-size: 16px;
    top: inherit;
    right: inherit;
  }
  a.diagnostic-scrollto i {
    font-size: 32px;
  }
  #reload-diagnostic h2 i {
    font-size: 58px;
    font-size: 5.8rem;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
  }
  [type="radio"].radio_diag+span {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    vertical-align: middle;
    display: inline-block;
    padding-left: 35px;
  }
  [type="radio"].radio_diag+span::before {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
  }
  .page-content .sep-step-list {
    margin: 10px auto;
  }
  .number-step-list {
    font-size: 3.6rem;
    font-size: 36px;
    line-height: 3.6rem;
    line-height: 36px;
  }
  .header.header nav.menu ul, .coordonnes-header {
    display: none;
  }
  header.header nav.menu {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  header.header .logo img {
    height: 40px;
  }
  .cta-image { margin-bottom: 20px; width: 100%; }
  #paiement.reassurance { margin-bottom: 30px }
  .reassurance h3 { right: 25% }
  .reassurance.alternative h3 { left: 25% }
  .logo-marque.home img { max-height: 50px }
  .logo-marque.home {
    padding: 10px 5px
  }
  .bg-urgence {
    padding-left: 10px;
    padding-right: 10px;
  }

  .faq-arrow {
    height: 20px;
    margin-left: auto;
    margin-right: 0;
    margin-top: 5px;
  }

  .media-selector img { height: auto; }

  .results-diagnostic.complete,
  .results-diagnostic.physique {
    margin-top: 20px
  }

  .few-words {
    padding-left: 0;
    margin-top: 20px;
  }

  .list.actualites:not(.single) {
    margin-right: 0
  }
  .text-colonne.alternate { max-width: 100% }
  .text-colonne.alternate h3 { margin-top: 30px; }

  .container-btn-cta {
    -webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
  }

  .container-btn-cta .btn-cta:first-child {
    margin-bottom: 20px;
  }

  .list-city {
    margin-bottom: 20px;
  }

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

}

@media only screen and (max-width: 568px) {
  .list.actualites.archive h2, .list.actualites.archive .h2, .new-excerpt p {
    min-height: inherit;
  }

  .gallery-columns-3 .gallery-item,
  .gallery-columns-4  .gallery-item,
  .gallery-columns-5  .gallery-item,
  .gallery-columns-6  .gallery-item,
  .gallery-columns-7  .gallery-item,
  .gallery-columns-8 .gallery-item,
  .gallery-columns-9 .gallery-item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }

}

@media screen and (max-width: 540px) {
  .bg-404 {
    min-height: 200px;
  }
  section>.wrapper-wide.page-content {
    padding-left: 10px;
    padding-right: 10px;
  }
  #responsive-menu .responsive-menu li li a {
    padding-left: 5% !important;
    font-size: 14px !important;
  }
  #paiement.reassurance { margin-bottom: 0 }
  #francais.reassurance { margin-bottom: 20px; }
  .reassurance.alternative {
    margin-top: 10px;
  }
}

/*------------------------------------*\
/* End Media queries */

/*------------------------------------*/

/* Alert COVID */
.covid-info {
   background-color: rgb(1,207,251);
   background-color: rgba(1,207,251, 0.9);
   padding: 6px 20px;
}

.covid-info p {
  color:#fff;
  font-weight: 400;
  margin: 0;
}

/* ajout supazena */
/* bouton reseaux sociaux*/
.btnz{  display:block;float:left;padding:4px 8px;margin:10px 2px 0px; width:50px;border:none;text-decoration:none;font-size:16px;color:#EEE;text-align:center;}
.btnz:hover{ color:#FFF}
.facebook{background-color:#3b5998}
.gplus{background-color:#dd4b39}
.twitter{background-color:#55acee}
.linkedin{background-color:#0077b5}
.noel-toaster {background-color: #0070F0; color:#fff; margin-bottom:-13px;}
.lineheight1 {line-height: 1em;}