@charset "UTF-8";
/*@function linear-gradient($pos, $gradients...) {
  $type: linear;
  $pos-type: type-of(nth($pos, 1));

  // if $pos doesn't exist, fix $gradient
  @if ($pos-type == color) or (nth($pos, 1) == "transparent")  {
    $gradients: zip($pos $gradients);
    $pos: false;
  }

  $type-gradient: $type, $pos, $gradients;
  @return $type-gradient;
}*/
#ct-mon-conseiller {
  background: #e7e7e7;
  padding: 30px 30px 20px; }

.alert-urgence-contact {
  max-width: 224px;
  background: #fff;
  padding: 20px 15px;
  position: absolute;
  border-bottom: 3px solid #3ccd95;
  z-index: 999;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 13px 1px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 5px 13px 1px rgba(0, 0, 0, 0.3);
  display: none; }

.alert-urgence-contact::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  display: block;
  border: 1px solid #E2E2E2;
  border-bottom: 0;
  border-left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: -9px;
  margin: auto;
  left: 0;
  right: 0;
  background: #fff; }

.alert-urgence-contact .box-alert-urgence p:first-child {
  font-family: "open sans";
  font-weight: bold;
  color: #28c3a9;
  font-size: 15px;
  margin: 0 0 5px 0; }

.alert-urgence-contact .box-alert-urgence p:last-child {
  margin: 0;
  padding-top: 3px;
  font-family: "open sans";
  color: #b5b5b5;
  line-height: 1.25;
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer; }

.assistance {
  font-family: "Open Sans";
  padding: 30px 30px 20px; }

.assistance_subtitle {
  margin: 0 36px 30px 0;
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  color: #212121; }

.assistance_title {
  margin: 10px 0 10px 10px;
  font-size: 23px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212121;
  display: inline; }

.assistance_block {
  background-color: #fff;
  padding: 30px 30px 50px; }

.assistance_block-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 14px; }

.assistance_block-title {
  font-family: "Open Sans";
  margin: 16px 0 10px 10px;
  font-size: 15px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: inherit; }

.assistance_block-button_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.assistance_block-button {
  width: 280px;
  height: 42px;
  padding: 10px 30px 12px;
  border-radius: 21px;
  background-color: #28c3a9;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-left: auto;
  cursor: pointer; }

.assistance .items-assistance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.assistance .items-assistance_element {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  margin: 0 30px 10px 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 30px 20px;
  border-radius: 4px;
  border: solid 1px #dcdfe0;
  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;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }

.assistance .items-assistance_element-link {
  font-size: 15px;
  font-weight: 600;
  color: #212121;
  padding-right: 12px; }

.assistance .items-assistance_element-link::after {
  font-family: "iconbnp";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  background-image: none;
  content: "";
  right: 1.5em;
  color: #767676;
  position: absolute;
  top: 50%; }

@media screen and (max-width: 1024px) {
  .assistance .items-assistance_element {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  .assistance .items-assistance_element-link {
    font-size: 13px; } }

.page-connected .signal-problem-content.site-problem,
.page-connected .wrapper-contact#ct-reclamation,
.page-connected .wrapper-contact.telephone#ct-mon-conseiller {
  display: none; }

.page-connected .assistance {
  display: block; }

.page-not-connected .assistance,
.page-not-connected .wrapper-contact.conseiller#ct-mon-conseiller {
  display: none; }

.page-contact .btn-secondary {
  border: 1px solid #008854; }

.page-contact .wrapper-contact {
  background-color: #e7e7e7;
  padding: 30px 30px 80px;
  width: 100%;
  clear: both;
  overflow: hidden; }

.page-contact .wrapper-contact.bottom {
  padding: 0; }

.page-contact .wrapper-contact .row.white-box.contact {
  padding: 25px;
  margin-bottom: 10px; }

.page-contact .wrapper-contact .row.white-box.contact .col-50 .conseiller {
  margin-left: 10%;
  position: relative; }

.page-contact .wrapper-contact .row.white-box.contact .col-50 .conseiller #nextoutils_monconseiller .netAgence .cell i {
  color: #cdae6e; }

.page-contact .wrapper-contact .row.white-box.contact .col-50 .conseiller #nextoutils_monconseiller .listconseiller .col-2 i {
  font-size: 28px;
  padding-right: 20px; }

.page-contact .wrapper-contact .row.white-box.contact .col-50 .conseiller span {
  font-size: rem(21); }

.page-contact .wrapper-contact .row.white-box.contact .col-50 .conseiller span.light-grey {
  display: block;
  font-size: rem(14); }

.page-contact .wrapper-contact .row.white-box.contact .col-50 .conseiller i {
  color: #1da460;
  font-size: rem(23);
  display: inline-block;
  height: 17px;
  width: 30px; }

.page-contact .wrapper-contact .row.white-box.contact .col-50 .conseiller .phone p {
  display: inline-block;
  font-weight: bold;
  font-size: rem(15); }

.page-contact .wrapper-contact .row.white-box.contact .col-50 .conseiller .phone p.first {
  border-right: 1px solid #dcdfe0;
  padding-right: 3%; }

.page-contact .wrapper-contact .row.white-box.contact .col-50 .conseiller .phone .icon-printer {
  padding-left: 1%; }

.page-contact .wrapper-contact .row.white-box.contact .col-50 .conseiller .col-50 {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(34%);
          transform: translateY(34%); }

.page-contact .wrapper-contact .row.white-box.contact .col-50 .circle-conseiller {
  content: "";
  display: block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4ed7b3), to(#5cc569));
  background-image: linear-gradient(180deg, #4ed7b3, #5cc569);
  height: 67px;
  width: 67px;
  float: left;
  border-radius: 50%;
  text-align: center;
  margin-top: 12px;
  margin-right: 8%; }

.page-contact .wrapper-contact .row.white-box.contact .col-50 .circle-conseiller .icon.icon-woman, .page-contact .wrapper-contact .row.white-box.contact .col-50 .circle-conseiller .icon.icon-man {
  font-size: rem(30);
  width: 50px;
  height: 50px;
  display: inline-block;
  color: #fff;
  margin-top: 15px; }

.page-contact .wrapper-contact .row.white-box.contact strong {
  padding-left: 30px; }

.page-contact #ct-mon-conseiller {
  position: relative;
  background: #f8f8f8;
  padding: 30px 30px 80px;
  overflow: hidden; }

.page-contact #ct-mon-conseiller .thematique-offre {
  margin-top: 60px;
  text-align: center; }

.page-contact #ct-mon-conseiller .thematique-offre .icon-phone-alt {
  color: #fff;
  padding: 18px;
  font-size: 34px;
  border-radius: 50%;
  background-color: #5cc569;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#5cc569), to(#4ed6b3));
  background-image: linear-gradient(to top, #5cc569 0%, #4ed6b3 100%); }

.page-contact #ct-mon-conseiller .thematique-offre h2, .page-contact #ct-mon-conseiller .thematique-offre h3 {
  font-size: 25px;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 25px;
  font-family: bnp_regular,Arial,sans-serif; }

.page-contact #ct-mon-conseiller .thematique-offre hr {
  opacity: .5;
  width: 117px;
  border: 1px solid #979797; }

.page-contact #ct-mon-conseiller .thematique-offre .selection-thematique {
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 20px;
  text-align: center; }

.page-contact #ct-mon-conseiller .thematique-offre .bloc-thematique.active {
  float: left;
  margin-left: 10%; }

.page-contact #ct-mon-conseiller .thematique-offre .thematique {
  max-width: 788px;
  height: 122px;
  -webkit-transition: .5s;
  transition: .5s;
  cursor: pointer;
  background: #fff;
  padding-top: 17px;
  margin: 0 auto 10px auto;
  -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.15); }

.page-contact #ct-mon-conseiller .thematique-offre .thematique.active {
  width: 130px;
  -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.15); }

.page-contact #ct-mon-conseiller .thematique-offre #trafic-crc, .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service, .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance {
  float: left;
  width: 780px;
  position: relative;
  border-left: 4px solid #1c9e5c; }

.page-contact #ct-mon-conseiller .thematique-offre #trafic-crc .close-thematique, .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service .close-thematique, .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance .close-thematique {
  content: "+";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  font-size: 22px;
  font-weight: normal;
  font-family: serif;
  border: 1px solid;
  border-radius: 50%;
  height: 27px;
  width: 27px !important;
  padding-left: 1px;
  color: #999999;
  top: 10px;
  right: 10px;
  cursor: pointer; }

.page-contact #ct-mon-conseiller .thematique-offre #trafic-crc .col-70.mob-100, .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service .col-70.mob-100, .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance .col-70.mob-100 {
  width: 100%;
  height: 386px;
  background: #fff; }

.page-contact #ct-mon-conseiller .thematique-offre #trafic-crc .col-70.mob-100 .telephone, .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service .col-70.mob-100 .telephone, .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance .col-70.mob-100 .telephone {
  margin-left: 30px; }

.page-contact #ct-mon-conseiller .thematique-offre #trafic-crc .col-70.mob-100 .horaires.second, .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service .col-70.mob-100 .horaires.second, .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance .col-70.mob-100 .horaires.second {
  text-align: left;
  margin-left: 30px; }

.page-contact #ct-mon-conseiller .thematique-offre #trafic-crc .col-70.mob-100 h5, .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service .col-70.mob-100 h5, .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance .col-70.mob-100 h5 {
  font-size: 17px;
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 18px;
  font-family: bnpp_sansregular,Arial,sans-serif; }

.page-contact #ct-mon-conseiller .thematique-offre #trafic-crc .col-70.mob-100 .tel, .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service .col-70.mob-100 .tel, .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance .col-70.mob-100 .tel {
  height: 410px;
  background: 0 0;
  padding: 15px 28px 0; }

.page-contact #ct-mon-conseiller .thematique-offre #trafic-crc .col-70.mob-100 .tel p.horaires, .page-contact #ct-mon-conseiller .thematique-offre #trafic-crc .col-70.mob-100 .tel p.text-center, .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service .col-70.mob-100 .tel p.horaires, .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service .col-70.mob-100 .tel p.text-center, .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance .col-70.mob-100 .tel p.horaires, .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance .col-70.mob-100 .tel p.text-center {
  margin-bottom: 0; }

.page-contact #ct-mon-conseiller .thematique-offre .bloc-thematique {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.page-contact #ct-mon-conseiller .thematique-offre .service-client {
  text-align: left; }

.page-contact #ct-mon-conseiller .thematique-offre .service-client__client {
  font-weight: bold;
  margin-bottom: 0; }

.page-contact #ct-mon-conseiller .thematique-offre .service-client__title {
  text-align: left;
  font-weight: bold;
  margin-bottom: 0.5em; }

.page-contact #ct-mon-conseiller .thematique-offre .service-client__number {
  float: left;
  color: #999999 !important;
  font-weight: bold;
  font-size: 1.15em;
  border: 1px solid #999999;
  padding: 0.5em 0.75em;
  margin: 0; }

.page-contact #ct-mon-conseiller .thematique-offre .service-client__info {
  padding: 0.53em 1.5em;
  background-color: #999999;
  float: left;
  color: #fff !important;
  font-size: 0.75em;
  font-weight: bold;
  margin: 0;
  position: relative; }

.page-contact #ct-mon-conseiller .thematique-offre .service-client__info::after {
  content: "";
  border-width: 10px 0 10px 11px;
  left: -2px;
  top: 50%;
  position: absolute;
  display: block;
  pointer-events: none;
  border-style: solid;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-color: transparent;
  border-left-color: #fff; }

.page-contact #ct-mon-conseiller .thematique-offre .service-client__horaire {
  clear: both;
  padding-top: 0;
  margin: 0;
  font-size: 0.85em !important; }

.page-contact #ct-mon-conseiller .thematique-offre .thematique {
  max-width: 788px;
  width: 100%;
  -webkit-transition: none;
  transition: none; }

.page-contact #ct-mon-conseiller .thematique-offre .thematique .thematique-title {
  display: block;
  font-size: 19px;
  text-align: left;
  margin-left: 27.5%;
  text-transform: uppercase; }

.page-contact #ct-mon-conseiller .thematique-offre .thematique .thematique-title span {
  font-size: 50px;
  margin-right: 30px;
  vertical-align: middle; }

.page-contact #ct-mon-conseiller .thematique-offre .thematique .thematique-title span.icon-global-carte {
  color: #1c9e5c; }

.page-contact #ct-mon-conseiller .thematique-offre .thematique .thematique-title span.irop-n401 {
  color: #03a9f4; }

.page-contact #ct-mon-conseiller .thematique-offre .thematique .thematique-title span.icon-bnp-prevoyance {
  color: #e3514b; }

.page-contact #ct-mon-conseiller .thematique-offre .thematique.active {
  width: 130px;
  -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.15);
  padding-top: 3px; }

.page-contact #ct-mon-conseiller .thematique-offre .thematique.active .thematique-title {
  height: 50px;
  overflow: hidden;
  padding: 7px 0 0 37px;
  margin: 0; }

.page-contact #ct-mon-conseiller .thematique-offre .thematique.active.OES[aria-selected="true"] {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#01c05d), to(#1c9e5c));
  background-image: linear-gradient(to top, #01c05d 0%, #1c9e5c 100%); }

.page-contact #ct-mon-conseiller .thematique-offre .thematique.active.OES[aria-selected="true"] .thematique-title span {
  color: #fff; }

.page-contact #ct-mon-conseiller .thematique-offre .thematique.active.EEB[aria-selected="true"] {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4eb6f7), to(#267fed));
  background-image: linear-gradient(to bottom, #4eb6f7 0%, #267fed 100%); }

.page-contact #ct-mon-conseiller .thematique-offre .thematique.active.EEB[aria-selected="true"] .thematique-title span {
  color: #fff; }

.page-contact #ct-mon-conseiller .thematique-offre .thematique.active.PA[aria-selected="true"] {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ed973c), to(#e3514b));
  background-image: linear-gradient(to bottom, #ed973c 0%, #e3514b 100%); }

.page-contact #ct-mon-conseiller .thematique-offre .thematique.active.PA[aria-selected="true"] .thematique-title span {
  color: #fff; }

.page-contact #ct-mon-conseiller .thematique-offre .hidden-bloc.is-hidden {
  display: none; }

.page-contact #ct-mon-conseiller .thematique-offre #trafic-crc .close-thematique,
.page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance .close-thematique,
.page-contact #ct-mon-conseiller .thematique-offre #offre-et-service .close-thematique {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  font-size: 22px;
  font-weight: normal;
  font-family: serif;
  border: 1px solid;
  border-radius: 50%;
  padding: 0;
  color: #999999;
  top: 10px;
  right: 10px;
  cursor: pointer;
  line-height: 1;
  background-color: #fff; }

.page-contact #ct-mon-conseiller .thematique-offre #trafic-crc .tooltip-affluence,
.page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance .tooltip-affluence,
.page-contact #ct-mon-conseiller .thematique-offre #offre-et-service .tooltip-affluence {
  visibility: hidden;
  z-index: 10;
  position: absolute;
  left: -25%;
  bottom: 115%;
  background-color: #fff;
  padding: 4px;
  -webkit-filter: drop-shadow(0 1px 4px #999999);
          filter: drop-shadow(0 1px 4px #999999); }

.page-contact #ct-mon-conseiller .thematique-offre #trafic-crc .affluence-button,
.page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance .affluence-button,
.page-contact #ct-mon-conseiller .thematique-offre #offre-et-service .affluence-button {
  background-color: transparent;
  position: relative;
  padding: 0; }

.page-contact #ct-mon-conseiller .thematique-offre #trafic-crc .affluence-button:hover .tooltip-affluence, .page-contact #ct-mon-conseiller .thematique-offre #trafic-crc .affluence-button:focus .tooltip-affluence, .page-contact #ct-mon-conseiller .thematique-offre #trafic-crc .affluence-button:focus-visible .tooltip-affluence,
.page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance .affluence-button:hover .tooltip-affluence,
.page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance .affluence-button:focus .tooltip-affluence,
.page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance .affluence-button:focus-visible .tooltip-affluence,
.page-contact #ct-mon-conseiller .thematique-offre #offre-et-service .affluence-button:hover .tooltip-affluence,
.page-contact #ct-mon-conseiller .thematique-offre #offre-et-service .affluence-button:focus .tooltip-affluence,
.page-contact #ct-mon-conseiller .thematique-offre #offre-et-service .affluence-button:focus-visible .tooltip-affluence {
  visibility: visible;
  -webkit-transition: visibility 0.2s linear;
  transition: visibility 0.2s linear; }

.page-contact #ct-mon-conseiller .thematique-offre #offre-et-service {
  border-left: 4px solid #267fed; }

.page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance {
  border-left: 4px solid #e3514b; }

@media screen and (max-width: 1024px) {
  .page-contact #ct-mon-conseiller .thematique-offre .bloc-thematique.active {
    margin-left: 2%; }
  .page-contact #ct-mon-conseiller .thematique-offre #trafic-crc,
  .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service,
  .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance {
    width: 75%; }
  .page-contact #ct-mon-conseiller > .white-box.wb-pad + h2 {
    margin-top: 22px; } }

@media screen and (max-width: 768px) {
  .page-contact #ct-mon-conseiller {
    overflow: hidden;
    padding: 0; }
  .page-contact #ct-mon-conseiller h2 {
    margin: 1em; }
  .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service #ct-conseiller-en-ligne #EEB-bloc h3, .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance #ct-conseiller-en-ligne #EEB-bloc h3 {
    margin: 0; }
  .page-contact #ct-mon-conseiller .thematique-offre {
    overflow: hidden;
    margin-top: 10px;
    padding-top: 20px; }
  .page-contact #ct-mon-conseiller .thematique-offre .icon-phone-alt + h2 {
    margin-top: 35px; }
  .page-contact #ct-mon-conseiller .thematique-offre p.selection-thematique {
    margin-top: 15px;
    font-size: 1.2rem; }
  .page-contact #ct-mon-conseiller .thematique-offre .hidden-bloc,
  .page-contact #ct-mon-conseiller .thematique-offre #trafic-crc,
  .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service,
  .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance {
    border: 0;
    float: none;
    margin: 0 auto;
    width: 100%; }
  .page-contact #ct-mon-conseiller .thematique-offre .hidden-bloc .close-thematique,
  .page-contact #ct-mon-conseiller .thematique-offre #trafic-crc .close-thematique,
  .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service .close-thematique,
  .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance .close-thematique {
    z-index: 9; }
  .page-contact #ct-mon-conseiller .thematique-offre .hidden-bloc #ct-conseiller-en-ligne,
  .page-contact #ct-mon-conseiller .thematique-offre #trafic-crc #ct-conseiller-en-ligne,
  .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service #ct-conseiller-en-ligne,
  .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance #ct-conseiller-en-ligne {
    width: 100% !important;
    border-bottom: 1px solid #eee; }
  .page-contact #ct-mon-conseiller .thematique-offre .hidden-bloc #ct-conseiller-en-ligne .tel,
  .page-contact #ct-mon-conseiller .thematique-offre #trafic-crc #ct-conseiller-en-ligne .tel,
  .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service #ct-conseiller-en-ligne .tel,
  .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance #ct-conseiller-en-ligne .tel {
    padding: 5%;
    overflow: hidden;
    position: relative; }
  .page-contact #ct-mon-conseiller .thematique-offre .hidden-bloc #ct-conseiller-en-ligne .tel::before,
  .page-contact #ct-mon-conseiller .thematique-offre #trafic-crc #ct-conseiller-en-ligne .tel::before,
  .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service #ct-conseiller-en-ligne .tel::before,
  .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance #ct-conseiller-en-ligne .tel::before {
    content: '';
    width: 120%;
    height: 5px;
    display: block;
    background: #fff;
    position: absolute;
    top: -10px;
    left: -10%;
    -webkit-box-shadow: 0px 8px 6px rgba(0, 0, 0, 0.14);
            box-shadow: 0px 8px 6px rgba(0, 0, 0, 0.14); }
  .page-contact #ct-mon-conseiller .thematique-offre .hidden-bloc #ct-conseiller-en-ligne .tel h3,
  .page-contact #ct-mon-conseiller .thematique-offre #trafic-crc #ct-conseiller-en-ligne .tel h3,
  .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service #ct-conseiller-en-ligne .tel h3,
  .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance #ct-conseiller-en-ligne .tel h3 {
    margin: 0;
    font-size: 1.2rem; }
  .page-contact #ct-mon-conseiller .thematique-offre .hidden-bloc #ct-conseiller-en-ligne .tel .telephone.second.small,
  .page-contact #ct-mon-conseiller .thematique-offre #trafic-crc #ct-conseiller-en-ligne .tel .telephone.second.small,
  .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service #ct-conseiller-en-ligne .tel .telephone.second.small,
  .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance #ct-conseiller-en-ligne .tel .telephone.second.small {
    margin: 10px 0; }
  .page-contact #ct-mon-conseiller .thematique-offre .hidden-bloc #ct-conseiller-en-ligne .tel .horaires,
  .page-contact #ct-mon-conseiller .thematique-offre #trafic-crc #ct-conseiller-en-ligne .tel .horaires,
  .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service #ct-conseiller-en-ligne .tel .horaires,
  .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance #ct-conseiller-en-ligne .tel .horaires {
    margin: 0; }
  .page-contact #ct-mon-conseiller .thematique-offre #nos-produits-assurance,
  .page-contact #ct-mon-conseiller .thematique-offre #offre-et-service,
  .page-contact #ct-mon-conseiller .thematique-offre #trafic-crc {
    max-width: 500px; }
  .page-contact #ct-mon-conseiller .thematique-offre .bloc-thematique {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 1em;
    margin-bottom: 2em; }
  .page-contact #ct-mon-conseiller .thematique-offre .bloc-thematique.active {
    float: none;
    margin: 0; }
  .page-contact #ct-mon-conseiller .thematique-offre .bloc-thematique.active .thematique.active {
    height: 90px;
    min-height: inherit; }
  .page-contact #ct-mon-conseiller .thematique-offre .bloc-thematique .thematique {
    height: auto;
    margin: 0;
    padding-left: 0;
    padding-right: 0; }
  .page-contact #ct-mon-conseiller .thematique-offre .bloc-thematique .thematique p {
    margin: 2% 10%;
    font-size: 1.1rem;
    text-align: center;
    margin-bottom: 10px; }
  .page-contact #ct-mon-conseiller .thematique-offre .bloc-thematique .thematique p span.icon {
    width: 100%;
    margin: auto;
    display: block;
    margin-bottom: 65%; }
  .page-contact #ct-mon-conseiller .thematique-offre .bloc-thematique .thematique .thematique-title {
    margin: 2% 10%;
    font-size: 1.1rem;
    text-align: center;
    margin-bottom: 10px; }
  .page-contact #ct-mon-conseiller .thematique-offre .bloc-thematique .thematique .thematique-title span.icon {
    width: 100%;
    margin: auto;
    display: block;
    margin-bottom: 65%; }
  .page-contact #ct-mon-conseiller .thematique-offre .bloc-thematique.active .thematique .thematique-title {
    padding-left: 0; } }

.page-contact #box-social .box_social {
  z-index: 1;
  position: relative;
  height: 300px;
  background: #fff;
  color: #767676;
  padding: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 50px;
  margin-bottom: 40px; }

.page-contact #box-social .box_social p {
  margin: 14px 6% 2px;
  font-size: 15px; }

.page-contact #box-social .box_social h3 {
  font-family: "bnpp_sans_condensed_light", Arial, sans-serif;
  margin: 30px 6% 4px;
  text-transform: uppercase;
  color: #212121;
  font-size: 27px;
  font-weight: normal; }

.page-contact #box-social .box_social a {
  color: #008854;
  text-decoration: underline; }

.page-contact #box-social .bounce-controller:hover .social-icon {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-name: rebond2;
          animation-name: rebond2;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.page-contact #box-social .bounce-controller:hover .social-circle {
  width: 80px;
  height: 80px; }

@keyframes rebond2 {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  30% {
    -webkit-transform: translateY(-9px);
            transform: translateY(-9px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    height: 73px; }
  70% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    height: 70px; }
  75% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    height: 63px; }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    height: 70px; } }

.page-contact #box-social .box_social:nth-child(2) .social-circle {
  background-color: #0084ff; }

.page-contact #box-social .box_social:nth-child(3) .social-circle {
  background-color: #00aced; }

.page-contact #box-social h1:focus {
  color: #212121; }

.page-contact #box-social .bounce-controller {
  position: absolute;
  bottom: -35px;
  z-index: -1;
  margin: auto;
  left: calc(50% - 50px);
  border-radius: 50%;
  width: 100px;
  height: 81px; }

@media (max-width: 1280px) {
  .page-contact #box-social .box_social p {
    font-size: 13px; } }

@media (max-width: 892px) {
  .page-contact #box-social .box_social:first-child p:nth-child(3), .page-contact #box-social .box_social:nth-child(2) p:nth-child(2), .page-contact #box-social .box_social:nth-child(3) p:nth-child(3) {
    display: none; } }

@media (min-width: 1245px) {
  .page-contact #box-social .box_social .bounce-controller:hover path {
    fill: #fff; } }

@media (max-width: 1245px) {
  .page-contact #box-social .bounce-controller:hover .social-icon {
    -webkit-animation-name: xs;
            animation-name: xs; }
  .page-contact #box-social .bounce-controller:hover .social-circle {
    display: none; } }

@media (max-width: 1024px) {
  .page-contact #box-social > h2 {
    margin-bottom: 22px; } }

@media (max-width: 550px) {
  .page-contact #box-social .box_social {
    width: 100%;
    margin-right: 0%;
    height: 200px;
    margin-bottom: 64px; }
  .page-contact #box-social .box_social:nth-child(3) {
    margin-bottom: 16px; } }

.page-contact #box-social .encoche {
  position: absolute;
  bottom: -43px;
  left: calc(50% - 43px);
  border-radius: 50%;
  width: 86px;
  height: 86px;
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  background-color: #e7e7e7;
  z-index: -2; }

.page-contact #box-social .social-icon {
  position: absolute;
  bottom: 0px;
  left: calc(50% - 35px);
  border-radius: 50%;
  width: 71px;
  height: 71px;
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  background-color: #fff;
  -webkit-transition: background-color 0.4s ease-in-out, -webkit-box-shadow 0.3s, -webkit-transform 0.3s ease;
  transition: background-color 0.4s ease-in-out, -webkit-box-shadow 0.3s, -webkit-transform 0.3s ease;
  transition: box-shadow 0.3s, background-color 0.4s ease-in-out, transform 0.3s ease;
  transition: box-shadow 0.3s, background-color 0.4s ease-in-out, transform 0.3s ease, -webkit-box-shadow 0.3s, -webkit-transform 0.3s ease;
  -webkit-box-shadow: 1px 2px 7px 2px #cecece;
          box-shadow: 1px 2px 7px 2px #cecece;
  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;
  z-index: 2;
  overflow: hidden; }

.page-contact #box-social .social-circle {
  position: relative;
  border-radius: 50%;
  width: 0px;
  height: 0px;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

.page-contact #box-social .social-icon svg {
  position: absolute; }

.page-contact #box-social .box_social:nth-child(1) .social-icon svg {
  top: 19px;
  left: 28px; }

.page-contact #box-social .box_social:nth-child(2) .social-icon svg {
  top: 29px;
  left: 18px; }

.page-contact #box-social .box_social:nth-child(3) .social-icon svg {
  top: 24px;
  left: 22px; }

.page-contact #box-social .box_social:nth-child(1) .social-circle {
  background-color: #3b5998; }

.page-contact #box-social path {
  position: relative;
  -webkit-transition: 0.6s ease-in;
  transition: 0.6s ease-in; }

.page-contact #accessibilite {
  background: #fff;
  padding: 30px 115px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px; }

.page-contact #accessibilite img {
  width: 98px;
  height: 98px; }

.page-contact #accessibilite .accessibilite-infos {
  max-width: 636px; }

.page-contact #accessibilite .accessibilite-infos h2, .page-contact #accessibilite .accessibilite-infos h3 {
  text-transform: uppercase;
  font-size: 27px;
  font-stretch: condensed;
  font-family: "bnpp_sans_condensed_regular"; }

.page-contact #accessibilite .accessibilite-infos p {
  font-family: "bnp_regular";
  font-size: 15px;
  color: rgba(0, 0, 0, 0.54); }

@media screen and (max-width: 768px) {
  .page-contact #accessibilite {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px; } }

.page-contact #ct-reclamation .row.reclamation {
  height: 407px;
  padding: 15px 30px;
  min-height: inherit;
  background-position: right;
  background-repeat: no-repeat;
  background-image: url(../../../content/dam/outremer/images/contact/sketchbook-pencil-2.png);
  background-color: #fff; }

.page-contact #ct-reclamation .row.reclamation p.light-grey {
  font-family: bnp_regular, Arial, sans-serif; }

.page-contact #ct-reclamation .row.reclamation .row-footer {
  padding-top: 0; }

.page-contact #ct-reclamation .row.reclamation .row-footer a.btn-secondary {
  padding: 10px 30px; }

.page-contact #ct-reclamation .row.reclamation p.text-reclamation {
  width: 60%;
  color: #767676;
  padding-top: 15px; }

.page-contact #ct-reclamation .row.reclamation p.text-reclamation #nextoutils_contact_formulaire {
  text-decoration: underline; }

@media screen and (max-width: 768px) {
  .page-contact #ct-reclamation {
    background-color: #f0f1f1; }
  .page-contact #ct-reclamation .row.reclamation {
    height: 38em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: center; }
  .page-contact #ct-reclamation .row.reclamation .row-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 25px 0; }
  .page-contact #ct-reclamation .row.reclamation p.text-reclamation {
    width: 100%;
    font-size: 1.2rem;
    padding: 0; } }

.page-contact .signal-problem-content {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px;
  background: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

@media screen and (max-width: 768px) {
  .page-contact .signal-problem-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.page-contact .signal-problem-content .signal-problem-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

@media screen and (max-width: 768px) {
  .page-contact .signal-problem-content .signal-problem-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center; } }

.page-contact .signal-problem-content .signal-problem-wrapper .signal-problem-text {
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212121;
  margin-bottom: 0;
  font-family: "Open Sans", Arial, sans-serif; }

.page-contact .signal-problem-content .signal-problem-wrapper .signal-problem-sub-text {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.3px;
  color: #626262;
  font-family: bnp_regular,Arial,sans-serif; }

@media screen and (min-width: 768px) {
  .page-contact .signal-problem-content .signal-problem-wrapper .signal-problem-sub-text {
    margin-top: 5px;
    margin-bottom: 0; } }

.page-contact .signal-problem-content a.btn-secondary {
  max-width: 200px; }

.page-contact .signal-problem-content .signal-problem-svg {
  min-width: 45px;
  height: 45px;
  margin-right: 20px;
  background: url(../../../content/dam/mabanque/rsc/contrib/image/particuliers/contact/pb-technique.svg); }

@media screen and (max-width: 768px) {
  .page-contact .signal-problem-content .signal-problem-svg {
    margin-bottom: 10px; } }

.page-contact .content-bt-chat {
  overflow: hidden;
  position: fixed;
  height: 80px;
  margin: 0 auto;
  text-align: left;
  z-index: 20;
  cursor: pointer;
  display: none;
  bottom: 140px; }

.page-contact .content-bt-chat .bouton-chat-s:not(.rating-button-no) {
  display: inline-block;
  float: right;
  width: 220px; }

.page-contact .content-bt-chat .bouton-chat-s:not(.rating-button-no) .bloc-text {
  margin: 0;
  width: 84%;
  padding: 0;
  float: left;
  height: 60px;
  margin-top: 6px;
  border-radius: 7px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #1da15e;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#59c56c), to(#1da15e));
  background-image: linear-gradient(to top, #59c56c 0%, #1da15e 100%); }

.page-contact .content-bt-chat .bouton-chat-s:not(.rating-button-no) .bloc-text p {
  margin: 0;
  width: 60%;
  color: #fff;
  height: 100%;
  line-height: 1.3;
  padding: 12px 0 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  text-align: center; }

.page-contact .content-bt-chat .bouton-chat-s:not(.rating-button-no) .bloc-bulle {
  float: left;
  width: 70px;
  height: 70px;
  padding: 15px;
  background: #fff;
  margin-left: -52px;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); }

.page-contact .content-bt-chat .bouton-chat-s:not(.rating-button-no) .bloc-bulle .icon-bulle {
  color: #1da460;
  font-size: 42px; }

#trafic-crc {
  float: left;
  width: 100%;
  /* === CLASS GENERAL === */ }

#trafic-crc .hidden-xs {
  display: block; }

#trafic-crc .visible-xs {
  display: none; }

#trafic-crc .text-center {
  text-align: center; }

#trafic-crc #ct-conseiller-en-ligne .col-30 {
  padding-left: 20px; }

#trafic-crc #ct-conseiller-en-ligne .col-70 h3, #trafic-crc #ct-conseiller-en-ligne .col-30 h3 {
  text-transform: uppercase; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel {
  height: 410px;
  background: none;
  padding: 15px 28px 0; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel .texte p, #trafic-crc #ct-conseiller-en-ligne .col-70 .tel .texte span, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel .texte p, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel .texte span {
  color: #FFF; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel p, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel p {
  color: #424242; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel p:nth-child(2), #trafic-crc #ct-conseiller-en-ligne .col-30 .tel p:nth-child(2) {
  margin-bottom: 5px; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel #listHours, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel #listHours {
  padding: 0 10px;
  width: 100%;
  height: 16px; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel #listHours ul.list-horaires, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel #listHours ul.list-horaires {
  width: 100%;
  padding-left: 20px;
  padding-right: 10px;
  display: none; }

@media screen and (max-width: 480px) {
  #trafic-crc #ct-conseiller-en-ligne .col-70 .tel #listHours ul.list-horaires, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel #listHours ul.list-horaires {
    padding: 0 5px 10px; } }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel #listHours ul.list-horaires.current, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel #listHours ul.list-horaires.current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 100%; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel #listHours ul.list-horaires li, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel #listHours ul.list-horaires li {
  list-style: none;
  font-size: 12px;
  text-align: center;
  color: #767676; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel #listHours ul.list-horaires:nth-child(6) li, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel #listHours ul.list-horaires:nth-child(6) li {
  width: 9.95%;
  margin-right: 0; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel .blockRelative, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel .blockRelative {
  position: relative; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel .blockRelative #imgDayOff, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel .blockRelative #imgDayOff {
  width: 57px;
  float: none;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 45px;
  left: 45%;
  z-index: 9; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel .blockRelative #traffic, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel .blockRelative #traffic {
  width: 100% !important;
  height: 145px; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel #navigation, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel #navigation {
  float: left;
  width: 100%;
  position: relative;
  margin: 20px 0; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel #navigation #activeDay, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel #navigation #activeDay {
  width: 50%;
  position: absolute;
  left: 0;
  margin: 0;
  text-align: center; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel #navigation #nextDay, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel #navigation #nextDay {
  width: 50%;
  position: absolute;
  right: 0;
  margin: 0;
  text-align: center; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel #navigation .left, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel #navigation .left {
  float: left;
  position: relative;
  z-index: 9; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel #navigation .right, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel #navigation .right {
  float: right;
  position: relative;
  z-index: 9; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel #navigation button, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel #navigation button {
  background: #fff; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel #navigation button i, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel #navigation button i {
  color: #e7e7e7; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .tel #navigation button:hover i, #trafic-crc #ct-conseiller-en-ligne .col-30 .tel #navigation button:hover i {
  color: #424242; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .chat, #trafic-crc #ct-conseiller-en-ligne .col-30 .chat {
  height: 426px;
  background: url("../../../content/dam/mabanque/rsc/contrib/image/particuliers/trafic-crc/laptopMac.jpg") no-repeat #fff;
  background-position: bottom right;
  padding-left: 28px;
  padding-top: 15px; }

#trafic-crc #ct-conseiller-en-ligne .col-70 .chat p, #trafic-crc #ct-conseiller-en-ligne .col-30 .chat p {
  color: #424242; }

#trafic-crc #ct-conseiller-en-ligne p:last-child {
  color: #767676;
  font-size: 14px; }

#trafic-crc #ct-conseiller-en-ligne p:last-child a {
  color: #767676;
  text-decoration: underline; }

#trafic-crc #ct-conseiller-en-ligne .box_social {
  z-index: 1;
  position: relative;
  height: 300px;
  background: #fff;
  color: #797979;
  padding: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 50px;
  margin-bottom: 40px; }

#trafic-crc #ct-conseiller-en-ligne .box_social p {
  margin: 14px 6% 2px;
  font-size: 15px; }

#trafic-crc #ct-conseiller-en-ligne .box_social h3 {
  font-family: "bnpp_sans_condensed_light", Arial, sans-serif;
  margin: 30px 6% 14px;
  text-transform: uppercase;
  color: #333333;
  margin-bottom: 4px;
  font-size: 27px; }

#trafic-crc #ct-conseiller-en-ligne .box_social a {
  color: #1da15e; }

#trafic-crc #ct-conseiller-en-ligne .encoche {
  position: absolute;
  bottom: -43px;
  left: calc(50% - 43px);
  border-radius: 50%;
  width: 86px;
  height: 86px;
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  background-color: #f8f8f8;
  z-index: -2; }

#trafic-crc #ct-conseiller-en-ligne .social-icon {
  position: absolute;
  bottom: 0px;
  left: calc(50% - 35px);
  border-radius: 50%;
  width: 71px;
  height: 71px;
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  background-color: #fff;
  -webkit-transition: background-color 0.4s ease-in-out, -webkit-box-shadow 0.3s, -webkit-transform 0.3s ease;
  transition: background-color 0.4s ease-in-out, -webkit-box-shadow 0.3s, -webkit-transform 0.3s ease;
  transition: box-shadow 0.3s, background-color 0.4s ease-in-out, transform 0.3s ease;
  transition: box-shadow 0.3s, background-color 0.4s ease-in-out, transform 0.3s ease, -webkit-box-shadow 0.3s, -webkit-transform 0.3s ease;
  -webkit-box-shadow: 1px 2px 7px 2px #cecece;
  box-shadow: 1px 2px 7px 2px #e8e8e8;
  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;
  z-index: 2;
  overflow: hidden; }

#trafic-crc #ct-conseiller-en-ligne .social-circle {
  position: relative;
  border-radius: 50%;
  width: 0px;
  height: 0px;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#trafic-crc #ct-conseiller-en-ligne .social-icon svg {
  position: absolute; }

#trafic-crc #ct-conseiller-en-ligne .box_social:nth-child(1) .social-icon svg {
  top: 19px;
  left: 28px; }

#trafic-crc #ct-conseiller-en-ligne .box_social:nth-child(2) .social-icon svg {
  top: 29px;
  left: 18px; }

#trafic-crc #ct-conseiller-en-ligne .box_social:nth-child(3) .social-icon svg {
  top: 24px;
  left: 22px; }

#trafic-crc #ct-conseiller-en-ligne .box_social:nth-child(1) .social-circle {
  background-color: #3b5998; }

#trafic-crc #ct-conseiller-en-ligne path {
  position: relative;
  -webkit-transition: 0.6s ease-in;
  transition: 0.6s ease-in; }

#trafic-crc #ct-conseiller-en-ligne .bounce-controller:hover .social-icon {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: rebond2;
  animation-name: rebond2;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

#trafic-crc #ct-conseiller-en-ligne .bounce-controller:hover .social-circle {
  width: 80px;
  height: 80px; }

@-webkit-keyframes rebond2 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  30% {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    height: 73px; }
  70% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    height: 70px; }
  75% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    height: 63px; }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    height: 70px; } }

@keyframes rebond2 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  30% {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    height: 73px; }
  70% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    height: 70px; }
  75% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    height: 63px; }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    height: 70px; } }

#trafic-crc #ct-conseiller-en-ligne .box_social:nth-child(2) .social-circle {
  background-color: #0084ff; }

#trafic-crc #ct-conseiller-en-ligne .box_social:nth-child(3) .social-circle {
  background-color: #00aced; }

#trafic-crc #ct-conseiller-en-ligne h1:focus {
  color: black; }

#trafic-crc #ct-conseiller-en-ligne .bounce-controller {
  position: absolute;
  bottom: -35px;
  z-index: -1;
  margin: auto;
  left: calc(50% - 50px);
  border-radius: 50%;
  width: 100px;
  height: 81px; }

@media (max-width: 1280px) {
  #trafic-crc #ct-conseiller-en-ligne .box_social p {
    font-size: 13px; } }

@media (max-width: 892px) {
  #trafic-crc #ct-conseiller-en-ligne .box_social:first-child p:nth-child(3), #trafic-crc #ct-conseiller-en-ligne .box_social:nth-child(2) p:nth-child(2), #trafic-crc #ct-conseiller-en-ligne .box_social:nth-child(3) p:nth-child(3) {
    display: none; } }

@media (min-width: 1245px) {
  #trafic-crc #ct-conseiller-en-ligne .box_social .bounce-controller:hover path {
    fill: white; } }

@media (max-width: 1245px) {
  #trafic-crc #ct-conseiller-en-ligne .bounce-controller:hover .social-icon {
    -webkit-animation-name: xs;
    animation-name: xs; }
  #trafic-crc #ct-conseiller-en-ligne .bounce-controller:hover .social-circle {
    display: none; } }

@media (max-width: 550px) {
  #trafic-crc #ct-conseiller-en-ligne .box_social {
    width: 100%;
    margin-right: 0%;
    height: 200px;
    margin-bottom: 64px; }
  #trafic-crc #ct-conseiller-en-ligne .box_social:nth-child(3) {
    margin-bottom: 16px; } }