/*Use _constantes to define global constant for the css like font-size, color and other scss global variables*/
.bold {
  font-weight: bold; }

.mt-0 {
  margin-top: 0; }

.mt-10 {
  margin-top: 0.625rem; }

.pt-20 {
  padding-top: 1.25rem; }

.pbt-10 {
  padding-bottom: 0.625rem; }

.pbt-20 {
  padding-bottom: 1.25rem; }

#country-select {
  right: 0;
  width: 1.4375rem;
  bottom: 0.3125rem; }

#es #country-select,
#it #country-select {
  bottom: 0.9375rem; }

#country-select input,
#country-select select {
  display: inline;
  padding: 0;
  margin: 0; }

.dropdown {
  height: 20px;
  margin: 0; }

.dropdown dd {
  position: absolute;
  background-color: white;
  width: 2.5rem;
  border-radius: 0.3125rem;
  bottom: -70px;
  margin-left: -9px; }

.dropdown dd ul::before {
  content: "";
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  background: #fff;
  position: absolute;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  z-index: -1;
  bottom: 66px;
  left: calc(50% - 5px); }

.dropdown a {
  text-decoration: none;
  outline: 0;
  font: 12px Arial, Helvetica, sans-serif;
  display: block; }

.dropdown dt a {
  color: #fff; }

.dropdown dt a > span.flag {
  background-color: #fff; }

.dropdown dt a.active {
  color: #fff; }

.dropdown dt a.active > span.flag {
  background-color: #06aaee; }

.dropdown dd ul {
  display: none;
  z-index: 999;
  padding: 0.125rem 0 0.125rem;
  list-style: none;
  border-top: none;
  margin: 0;
  box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.5);
  border-radius: 0.3125rem; }

.dropdown dd ul li a {
  padding: 0.3125rem 0.3125rem; }

.dropdown dt a span {
  position: relative; }

.dropdown dd ul li a span,
.dropdown dt a span {
  cursor: pointer;
  width: 1.4375rem;
  height: 1.4375rem;
  background-image: url(/static/images/v4/pages/home/hp_ab_sprite-v7.png);
  margin-left: auto;
  margin-right: auto;
  border-radius: 3.125rem;
  display: block; }

.fr a span {
  background-position: -26.8125rem -0.375rem;
  top: 8px; }

.it a span {
  background-position: -28.625rem -0.375rem;
  top: 14px; }

.es a span {
  background-position: -30.4375rem -0.375rem;
  top: 14px; }

.dropdown dd ul li a em,
.dropdown dt a em {
  font-style: normal;
  float: left;
  width: 100px;
  cursor: pointer; }

.dropdown dd ul li a em {
  color: #dbc3b5; }

.dropdown dd ul li a:hover {
  background-color: rgba(255, 255, 255, 0.1); }

.dropdown dd ul li a:hover em {
  color: #fff; }

.dropdown dd {
  bottom: -7px;
  position: relative; }

#country-select {
  right: 0;
  width: 1.4375rem;
  bottom: 0.3125rem; }

#es #country-select,
#it #country-select {
  bottom: 0.9375rem; }

#country-select input,
#country-select select {
  display: inline;
  padding: 0;
  margin: 0; }

.dropdown {
  height: 20px;
  margin: 0; }

.dropdown dd {
  position: absolute;
  background-color: white;
  width: 2.5rem;
  border-radius: 0.3125rem;
  bottom: -70px;
  margin-left: -9px; }

.dropdown dd ul::before {
  content: "";
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  background: #fff;
  position: absolute;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  z-index: -1;
  bottom: 66px;
  left: calc(50% - 5px); }

.dropdown a {
  text-decoration: none;
  outline: 0;
  font: 12px Arial, Helvetica, sans-serif;
  display: block; }

.dropdown dt a {
  color: #fff; }

.dropdown dt a > span.flag {
  background-color: #fff; }

.dropdown dt a.active {
  color: #fff; }

.dropdown dt a.active > span.flag {
  background-color: #06aaee; }

.dropdown dd ul {
  display: none;
  z-index: 999;
  padding: 0.125rem 0 0.125rem;
  list-style: none;
  border-top: none;
  margin: 0;
  box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.5);
  border-radius: 0.3125rem; }

.dropdown dd ul li a {
  padding: 0.3125rem 0.3125rem; }

.dropdown dt a span {
  position: relative; }

.dropdown dd ul li a span,
.dropdown dt a span {
  cursor: pointer;
  width: 1.4375rem;
  height: 1.4375rem;
  background-image: url(/static/images/v4/pages/home/hp_ab_sprite-v7.png);
  margin-left: auto;
  margin-right: auto;
  border-radius: 3.125rem;
  display: block; }

.fr a span {
  background-position: -26.8125rem -0.375rem;
  top: 8px; }

.it a span {
  background-position: -28.625rem -0.375rem;
  top: 14px; }

.es a span {
  background-position: -30.4375rem -0.375rem;
  top: 14px; }

.dropdown dd ul li a em,
.dropdown dt a em {
  font-style: normal;
  float: left;
  width: 100px;
  cursor: pointer; }

.dropdown dd ul li a em {
  color: #dbc3b5; }

.dropdown dd ul li a:hover {
  background-color: rgba(255, 255, 255, 0.1); }

.dropdown dd ul li a:hover em {
  color: #fff; }

.dropdown dd {
  bottom: -7px;
  position: relative; }

div#bloc-footer {
  font-family: Arial, Helvetica;
  background-color: #cccccc; }
  div#bloc-footer div.row {
    width: 100%;
    display: flex;
    align-content: center; }
    div#bloc-footer div.row > div.footer {
      width: 1200px;
      margin: 0 auto;
      padding-top: 2.5rem; }
      div#bloc-footer div.row > div.footer > div.row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
    div#bloc-footer div.row div.colonne {
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
  div#bloc-footer a {
    text-decoration: none;
    color: black; }
  div#bloc-footer .logo {
    width: 250px;
    height: 50px;
    background-image: url(/static/images/v4/pages/home/hp_ab_sprite-v6.png);
    background-repeat: no-repeat;
    background-position: 0px -227px;
    margin-top: -1.25rem;
    margin-bottom: 1.25rem; }
    div#bloc-footer .logo.it {
      background-position: 0px -325px; }
    div#bloc-footer .logo.es {
      background-position: 0px -273px; }
    div#bloc-footer .logo a {
      display: block;
      height: 100%; }
  div#bloc-footer div.recherche {
    display: flex;
    flex-direction: column; }
    div#bloc-footer div.recherche > div > input {
      font-size: 0.875rem;
      margin-top: auto;
      margin-bottom: auto;
      height: auto;
      margin-right: 0.625rem;
      padding: 0.5rem; }
    div#bloc-footer div.recherche > div > button {
      background-color: #ff3635;
      font-size: 1rem;
      color: #fff;
      padding: 0.5rem;
      border: 0;
      text-decoration: none;
      cursor: pointer; }
      div#bloc-footer div.recherche > div > button:hover {
        background-color: #ff806d; }
  div#bloc-footer div.recompenses {
    width: 80%;
    margin-top: 0.625rem; }
    div#bloc-footer div.recompenses > span {
      width: 100%;
      display: block; }
    div#bloc-footer div.recompenses > div.img {
      width: 165px;
      height: 50px;
      background-image: url(/static/images/v4/pages/home/hp_ab_sprite-v6.png);
      background-repeat: no-repeat;
      background-position: 0px -175px;
      margin-right: auto; }
  div#bloc-footer div.services-clients > ul {
    margin: 0;
    margin-top: 0.625rem;
    padding: 0;
    list-style: none;
    font-size: 0.75rem;
    line-height: 0.875rem;
    color: black;
    cursor: pointer; }
  div#bloc-footer div.paiement-securise {
    margin-top: 0.625rem; }
    div#bloc-footer div.paiement-securise > div.img {
      width: 40px;
      height: 50px;
      background-image: url("/static/images/v4/pages/home/hp_ab_sprite-v6.png");
      background-repeat: no-repeat;
      float: left;
      margin: 0 0.25rem; }
    div#bloc-footer div.paiement-securise > div.visa {
      margin-left: 0px;
      background-position: -321px -175px; }
    div#bloc-footer div.paiement-securise > div.secure {
      background-position: -369px -175px; }
    div#bloc-footer div.paiement-securise > div.mastercard {
      background-position: -416px -175px; }
    div#bloc-footer div.paiement-securise > div.cb {
      background-position: -464px -175px; }
      div#bloc-footer div.paiement-securise > div.cb.it, div#bloc-footer div.paiement-securise > div.cb.es {
        background-position: -715px -175px; }
    div#bloc-footer div.paiement-securise > div.floa {
      background-image: url("/static/images/logos/floa/Logo-FLOA-BW.png");
      height: 28px;
      width: 47px;
      margin-top: 14px;
      background-size: contain;
      background-repeat: no-repeat; }
    div#bloc-footer div.paiement-securise > div.postepay {
      background-position: -665px -175px; }
  div#bloc-footer div.infos-pratiques > ul {
    margin: 0;
    margin-top: 0.625rem;
    padding: 0;
    list-style: none;
    font-size: 0.75rem;
    line-height: 0.875rem;
    color: black;
    cursor: pointer; }
  div#bloc-footer div.social {
    margin-top: 0.625rem; }
    div#bloc-footer div.social > div.wrapper-logo {
      display: flex; }
      div#bloc-footer div.social > div.wrapper-logo > div > a, div#bloc-footer div.social > div.wrapper-logo > div > div {
        width: 30px;
        height: 30px;
        display: block;
        float: left;
        margin-left: 5px;
        margin-top: 0.8125rem;
        margin-bottom: 0.4375rem;
        background-image: url(/static/images/v4/pages/home/hp_ab_sprite-v6.png);
        background-position: -170px -190px; }
        div#bloc-footer div.social > div.wrapper-logo > div > a#facebookFollow, div#bloc-footer div.social > div.wrapper-logo > div > div#facebookFollow {
          background-position: -282px -190px; }
        div#bloc-footer div.social > div.wrapper-logo > div > a#tweeterFollow, div#bloc-footer div.social > div.wrapper-logo > div > div#tweeterFollow {
          background-position: -206px -190px; }
        div#bloc-footer div.social > div.wrapper-logo > div > a#instagramFollow, div#bloc-footer div.social > div.wrapper-logo > div > div#instagramFollow {
          background-image: url(/static/images/v4/pages/home/logo_instagram.png);
          background-repeat: no-repeat;
          background-position: center; }
        div#bloc-footer div.social > div.wrapper-logo > div > a#gPlusFollow, div#bloc-footer div.social > div.wrapper-logo > div > div#gPlusFollow {
          background-position: -244px -190px; }
        div#bloc-footer div.social > div.wrapper-logo > div > a#blogAB, div#bloc-footer div.social > div.wrapper-logo > div > div#blogAB {
          width: 54px;
          background-position: -608px -190px; }
    div#bloc-footer div.social > div > div {
      cursor: pointer; }
  div#bloc-footer div.app > a {
    width: 85px;
    height: 30px;
    display: block;
    float: left;
    margin-left: 5px;
    margin-top: 7px;
    background-image: url(/static/images/v4/pages/home/hp_ab_sprite-v6.png);
    background-position: -515px -190px; }
  div#bloc-footer div.callcenter {
    margin-bottom: 0.625rem;
    display: flex;
    flex-direction: column;
    color: black;
    font-size: 0.75rem;
    line-height: 0.875rem; }
    div#bloc-footer div.callcenter .footer-button {
      display: flex;
      flex-direction: row;
      width: 100%;
      justify-content: flex-start;
      align-items: center; }
      div#bloc-footer div.callcenter .footer-button .footer-icone {
        margin-left: 12px;
        height: 23px; }
      div#bloc-footer div.callcenter .footer-button .footer-flags {
        margin-bottom: 8px;
        margin-top: 6px; }
      div#bloc-footer div.callcenter .footer-button #country-select {
        position: relative;
        left: 0; }
    div#bloc-footer div.callcenter .num-tel {
      margin-top: 0.625rem;
      margin-bottom: 0.3125rem;
      font-size: 1.25rem;
      line-height: 1.25rem;
      font-weight: bold; }
    div#bloc-footer div.callcenter .horaire-tel {
      width: 12.5rem; }
  div#bloc-footer span.underline {
    border-bottom: 1px solid white;
    display: block; }
  div#bloc-footer span.titre {
    font-size: 1rem;
    color: black;
    padding-bottom: 0.625rem; }
  div#bloc-footer div.mention,
  div#bloc-footer div.ttc-info {
    font-size: 0.625rem;
    line-height: 0.75rem; }
  div#bloc-footer div.ttc-info {
    font-weight: bold; }