/* variables */
/** CLIENTS **/
#clients_besoin {
  padding: 50px 10px 60px 10px;
  position: relative;
}
#clients_besoin .degrade {
  height: 370px;
  width: 290px;
  position: absolute;
  left: 0;
  top: 0;
}
#clients_besoin #clients_titre {
  font-family: 'aller_displayregular';
  text-transform: uppercase;
  font-size: 2.1875em;
  margin-bottom: 45px;
}
#clients_besoin #clients_titre span {
  font-family: 'aller_displayregular';
  font-size: 1.42em;
}
#clients_besoin #liste_temoignages .un_client {
  position: relative;
  background: #fff;
  margin-bottom: 40px;
  padding: 30px 20px 85px 20px;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.14);
}
#clients_besoin #liste_temoignages .un_client .extrait {
  font-style: italic;
  font-size: 1.0625em;
  line-height: 1.2;
  text-align: center;
  padding: 50px 0 20px 0;
  position: relative;
}
#clients_besoin #liste_temoignages .un_client .extrait:after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 1px;
  width: 155px;
  background: #000;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
#clients_besoin #liste_temoignages .un_client .extrait .quote:before {
  content: "’’";
  display: inline-block;
  font-weight: bold;
  font-family: aller_displayregular;
  font-style: italic;
  z-index: 2;
  font-size: 5.0625em;
  width: 81px;
  text-align: left;
  top: -20px;
  left: 0px;
  margin: 0px auto;
  position: absolute;
}
#clients_besoin #liste_temoignages .un_client .logo_nom .logo img {
  margin: 0 auto;
}
#clients_besoin #liste_temoignages .un_client .logo_nom .nom_metier {
  text-align: center;
}
#clients_besoin #liste_temoignages .un_client .logo_nom .nom_metier .nom {
  font-weight: 600;
  font-size: 1.3125em;
  line-height: 1;
  margin-bottom: 5px;
}
#clients_besoin #liste_temoignages .un_client .logo_nom .nom_metier .nom a {
  text-transform: uppercase;
  color: #000;
  transition: all 0.2s;
}
#clients_besoin #liste_temoignages .un_client .logo_nom .nom_metier .nom a:hover {
  color: #f9b004;
}
#clients_besoin #liste_temoignages .un_client .logo_nom .nom_metier .metier {
  font-size: 1.125em;
  line-height: 1;
}
#clients_besoin #liste_temoignages .un_client .suite {
  display: inline-block;
  background: #fff;
  background-size: 8px 13px;
  font-weight: 600;
  font-size: 1.0625em;
  color: #f9b004;
  line-height: 1;
  padding: 5px 34px 4px 16px;
  border: 1px solid #fff;
  position: absolute;
  right: 20px;
  bottom: 25px;
  border-radius: 20px;
  transition: all 0.2s;
}
#clients_besoin #liste_temoignages .un_client .suite .flaticon-right-arrow {
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translate(0, -50%);
}
#clients_besoin #liste_temoignages .un_client .suite .flaticon-right-arrow:before {
  font-size: 13px;
  transition: all 0.25s;
}
#clients_besoin #liste_temoignages .un_client .suite:hover {
  color: #f9b004 !important;
}
#clients_besoin #liste_temoignages .un_client .suite:hover .flaticon-right-arrow:before {
  color: #f9b004;
}
#clients_besoin .bouton {
  background-image: none;
  padding: 12px 50px 10px 50px;
  transition: all 0.25s;
}
#clients_besoin .bouton span {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
}
#clients_besoin .bouton span:before {
  font-size: 13px;
  transition: all 0.25s;
}
#clients_besoin .bouton:hover span:before {
  color: #000;
}
/** END CLIENTS **/
@media screen and (min-width: 1200px) {
  /** CLIENTS **/
  #clients_besoin {
    margin-top: 70px;
    padding: 0 0 80px 0;
  }
  #clients_besoin .degrade {
    height: 370px;
    width: 36%;
    top: 72px;
    z-index: 0;
  }
  #clients_besoin #clients_titre {
    font-size: 2.75em;
    margin-bottom: 80px;
  }
  #clients_besoin #clients_titre span {
    display: block;
  }
  #clients_besoin #liste_temoignages {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 55px;
  }
  #clients_besoin #liste_temoignages .un_client {
    width: 400px;
    margin: 0;
    padding: 35px 20px 125px 20px;
  }
  #clients_besoin #liste_temoignages .un_client:nth-of-type(3n+2) {
    margin: 0 40px;
  }
  #clients_besoin #liste_temoignages .un_client .extrait {
    padding: 35px 20px 25px 20px;
  }
  #clients_besoin #liste_temoignages .un_client .extrait .quote:before {
    top: -30px;
    left: -5px;
  }
  #clients_besoin #liste_temoignages .un_client .logo_nom .logo {
    width: 240px;
    margin: 10px auto;
  }
  #clients_besoin #liste_temoignages .un_client .logo_nom .nom_metier .nom {
    margin-bottom: 7px;
  }
  #clients_besoin #liste_temoignages .un_client .suite {
    right: 20px;
    bottom: 40px;
  }
  /** END CLIENTS **/
}