/*@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;
}*/
.hub {
  position: relative; }

.hub .cpm-breadcrumb {
  position: relative;
  padding: 0; }

.hub .cpm-breadcrumb .cpm-breadcrumb_list {
  position: absolute;
  top: 1rem;
  left: 2rem;
  padding: 0; }

.hub .cc-legal-warning {
  font-size: 21px; }

.hub .cc-fav-card {
  margin-bottom: 2rem; }

.hub .cc-fav-card header {
  position: relative;
  overflow: hidden;
  height: 120px;
  color: #fff;
  z-index: 1;
  padding: 1rem; }

.hub .cc-fav-card header img {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0; }

.hub .cc-fav-card h3 {
  font-size: 3rem; }

.hub header.cc-promo h3 {
  float: left; }

.hub header.cc-promo:after {
  width: 100%;
  height: 100%;
  background-color: #7e50a8;
  opacity: 0.8;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.hub .cc-promo-detail {
  max-width: 50%;
  min-width: 200px;
  float: right;
  color: #fff;
  text-transform: uppercase;
  margin-top: 1rem; }

.hub .cc-promo-detail .icon-chrono {
  font-size: 4rem;
  float: left;
  display: block;
  width: 4rem;
  height: 4rem;
  margin-right: 1rem; }

.hub .cc-promo-detail span {
  display: inline-block;
  font-family: "bnpp_sans_condensed_regular";
  font-size: 21px; }

.hub .cc-promo-detail p {
  margin-top: 0; }

.hub .cc-gel {
  background-color: #fff;
  color: #7e50a8;
  border-radius: 20px;
  padding: 0.2rem 1rem;
  margin-left: -2px;
  margin-bottom: 2px; }

.hub .cc-body-card {
  background-color: #fff;
  padding: 0 1rem 1rem;
  overflow: hidden; }

.hub .cc-body-card .libelle:last-of-type {
  border-left: solid 1px #212121; }

.hub .cc-body-card > p:first-of-type {
  min-height: 3rem; }

.hub .cc-display-credits header {
  background-color: #fff;
  border-bottom: solid 1px #dcdfe0;
  width: 100%; }

.hub .cc-display-credits header h2 {
  margin-bottom: 10px; }

.hub .cc-display-credits header h2 + p {
  margin-top: 5px; }

.hub .list-cc-filtres {
  text-transform: uppercase;
  text-align: center;
  background-color: #fff;
  padding: 1rem;
  width: 100%;
  display: block !important;
  visibility: visible; }

.hub .list-cc-filtres li {
  display: inline-block; }

.hub .list-cc-filtres input[type="radio"] {
  opacity: 0; }

.hub .list-cc-filtres input[type="radio"] + label {
  padding: 4px 1rem;
  border-radius: 1rem;
  cursor: pointer; }

.hub .list-cc-filtres input[type="radio"]:checked + label {
  background-color: #1da460;
  color: #fff; }

.hub .cc-offres-card {
  background-color: #fff;
  text-align: center;
  border: solid 1px #dcdfe0;
  border-bottom: solid 3px #7e50a8;
  padding-bottom: 10rem;
  margin-bottom: 2rem;
  min-height: 300px;
  position: relative; }

.hub .cc-offres-card .img,
.hub .cc-offres-card img {
  width: 100%; }

.hub .cc-offres-card h3,
.hub .cc-offres-card p {
  margin-left: 1rem;
  margin-right: 1rem; }

.hub .cc-offres-card .libelle {
  margin-bottom: 2rem; }

.hub .cc-offres-card h3 > a {
  color: inherit;
  font-family: bnpp_sans_condensed_regular; }

.hub .cc-offres-card .btn-block {
  margin: 0.4rem 2rem;
  width: calc(100% - 4rem);
  position: relative;
  position: absolute;
  left: 0; }

.hub .cc-offres-card .btn-block.btn-primary {
  bottom: 2rem; }

.hub .cc-offres-card .btn-block.btn-secondary {
  bottom: 6.5rem; }

.hub .cc-offres-card .btn-block.btn-secondary:last-of-type:first-of-type {
  bottom: 4rem; }

.hub .cc-offres-card.cc-promo .img {
  position: relative;
  z-index: 0; }

.hub .cc-offres-card.cc-promo .img:after {
  width: 100%;
  height: 120px;
  background-color: #7e50a8;
  opacity: 0.8;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  height: calc(100% - 5px); }

.hub .cc-offres-card.cc-promo .cc-promo-detail {
  position: absolute;
  width: 100%;
  z-index: 2;
  text-align: left;
  padding: 1rem;
  margin-top: 3rem;
  max-width: none;
  min-width: 250px; }

.hub .flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.hub .cc-info-btn i {
  font-size: 3rem; }

.hub .cc-info-btn p {
  padding-left: 1rem; }

.hub .cc-info-btn i,
.hub .cc-info-btn p {
  display: table-cell;
  vertical-align: middle; }

.hub .cc-info-btn.btn-primary {
  padding: 0.5rem 1rem 0.5rem 0.5rem; }

.hub .icon-cc-heart {
  width: 2rem;
  height: 2rem;
  background-image: url("../../../content/dam/mabanque/rsc/contrib/image/particuliers/produits/credit/icon-cc-heart.png");
  display: inline-block;
  background-repeat: no-repeat; }

.hub .js-toggle-filtres {
  background-color: transparent; }

.hub .js-toggle-filtres .icon-carret-down {
  display: inline-block; }

.hub .js-toggle-filtres.active .icon-carret-down {
  background-position: center -124px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.hub .fp-non-dispo {
  opacity: 0.5;
  pointer-events: none; }

@media screen and (max-width: 1000px) {
  .hub .cc-fav-card header {
    height: 100px; }
  .hub .cc-fav-card header img {
    width: 130%; } }

@media screen and (max-width: 768px) {
  .hub .cc-fav-card header img {
    width: 180%;
    top: auto;
    bottom: 0;
    right: 0;
    left: auto; }
  .hub .cc-fav-card .btn-primary,
  .hub .cc-fav-card .btn-secondary {
    display: block;
    margin-top: 1rem;
    width: 100%; }
  .hub .list-cc-filtres li {
    display: block;
    width: 100%;
    margin-bottom: 1rem; } }

@media screen and (max-width: 500px) {
  .hub .cc-promo-detail {
    width: 100%;
    max-width: none;
    margin-top: 0; }
  .hub .cc-fav-card header {
    height: 140px; }
  .hub .cc-fav-card header img {
    width: 220%; }
  .hub .cc-fav-card header h3 {
    margin-top: 0.5rem; }
  .hub .cc-promo-detail span {
    font-size: 1.9rem; }
  .hub .cc-offres-card .cc-promo-detail .icon-chrono {
    margin-left: 1rem; } }

.hub .cc-body-card {
  font-family: "bnp_regular", Arial, sans-serif; }

.hub-container {
  background-color: #e7e7e7;
  padding: 2rem 1%;
  font-family: bnp_regular;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.hub-container [class="aem-"] > ._componentContainer {
  height: 100%; }

.hub-container_title {
  width: 100%;
  padding: 1.5%; }

.hub-container--fat > div {
  width: calc(91% / 3);
  margin-right: 1.5%;
  margin-left: 1.5%; }

@media screen and (max-width: 768px) {
  .hub-container--fat {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .hub-container--fat > div {
    width: calc(100% - 2%); } }

.hub-container--slim {
  padding: 2rem 1.5%; }

.hub-container--slim > div {
  width: calc(92% / 4);
  margin-right: 1%;
  margin-left: 1%; }

@media screen and (max-width: 768px) {
  .hub-container--slim > div {
    width: calc(100% - 3%); } }

.hub-container--personas {
  padding: 0; }

.hub-container--personas > div {
  width: 50%;
  margin: 0; }

@media screen and (max-width: 768px) {
  .hub-container--personas {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media screen and (max-width: 480px) {
  .hub-container--personas > div {
    width: 100%; } }

.hub-container--full-width {
  padding: 0; }

.hub-container--full-width > div {
  width: 100%;
  margin: 0; }

.hub-container--full-width .hub-persona_img {
  padding-top: 47%; }

.hub-container--light-grey {
  background-color: #f5f5f5; }

.hub .dashcontent {
  padding: 10px 2rem 2rem;
  background-color: #f0f0f0; }

.hub .dashcontent p.dashBMHheadline {
  padding: 2rem 0 0 0;
  margin: 0 0 .66667rem 0;
  width: 70%;
  font-family: "bnp_regular", Arial, sans-serif; }

.hub .dashcontent .BHMnormal {
  margin: 0 !important;
  width: 100% !important;
  font-family: "bnp_regular", Arial, sans-serif; }

.hub .dashcontent .BMHform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: auto;
  width: 100%;
  padding: 20px 0 0; }

.hub .dashcontent .rowdashnosimu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2%; }

.hub .dashcontent .rowdashnosimu > .col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.hub .dashcontent .rowdashnosimu > .col-2 .dashnosimu {
  width: 100%;
  background-color: #fff;
  position: relative;
  border: solid 1px #dcdfe0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.hub .dashcontent .rowdashnosimu > .col-2 .dashnosimu header {
  border-bottom: solid 1px #dcdfe0;
  position: relative;
  height: 100px; }

.hub .dashcontent .rowdashnosimu > .col-2 .dashnosimu.firstone header {
  background: url(../../../content/dam/mabanque/rsc/contrib/script/simulateur/cadre2vie/img/visuel.png) no-repeat;
  background-position: center;
  width: 100%;
  min-height: 150px;
  background-size: cover; }

.hub .dashcontent .rowdashnosimu > .col-2 .dashnosimu.secondone header {
  background: url(../../../content/dam/mabanque/rsc/contrib/script/simulateur/cadre2vie/img/map.png) no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  min-height: 150px; }

.hub .dashcontent .rowdashnosimu > .col-2 .dashnosimu .dashsimu-body {
  margin: 0;
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: #fff;
  padding: 20px;
  min-height: 210px;
  position: relative; }

.hub .dashcontent .rowdashnosimu > .col-2 .dashnosimu .dashsimu-body .div-headline {
  text-transform: uppercase;
  color: #433931;
  padding: 0 0 1rem 0;
  display: block;
  font-family: "bnpp_sans_condensed_regular", Arial, sans-serif;
  font-size: 1.8rem;
  min-height: 0;
  margin: 0;
  width: 100%; }

/*@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;
}*/
.hub-card {
  position: relative;
  background-color: #fff;
  text-align: center;
  padding-bottom: 3.5rem;
  cursor: pointer;
  height: calc(100% - 2.25rem);
  margin-bottom: 2.25rem; }

.hub-card:after {
  content: "\e674";
  font-family: iconbnp;
  font-size: 1.25em;
  color: #999;
  position: absolute;
  right: 1rem;
  bottom: 1rem; }

.hub-card [class*="btn-"] {
  width: calc(100% - 4rem);
  margin: 0 auto;
  color: #212121;
  padding: .7rem 2rem;
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  font-weight: 400;
  padding: 15px .3rem;
  background-color: #F8F8F8;
  font-size: .95rem; }

.hub-card [class*="btn-"] + [class*="btn-"] {
  margin-top: 1rem; }

.hub-card .btn-secondary {
  background-color: #F8F8F8; }

.hub-card .btn-primary {
  background-image: none;
  background-color: #28c3a9;
  border-color: #28c3a9;
  color: #fff;
  padding: .7em 2em;
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  font-weight: 400; }

.hub-card_title {
  font-family: bnpp_sans_condensed_regular;
  color: #212121;
  text-transform: uppercase;
  padding: 2rem 1.66667rem 0 1.66667rem;
  display: block;
  font-size: 1.8rem;
  line-height: 1;
  height: 7rem;
  margin: 0 auto; }

.hub-card_text {
  color: #767676;
  padding: 0 0.66667rem;
  height: 7.7rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.hub-card_img {
  width: 100%;
  padding-top: 66.6666%;
  background-color: #dcdfe0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2dbf4d), to(#49bb16));
  background-image: linear-gradient(#2dbf4d, #49bb16);
  position: relative; }

.hub-card_img img {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0; }

.hub-card_cta {
  height: 8.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.hub-card_cta > a {
  bottom: 4rem; }

.hub-card--disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default; }

.hub-card--disabled:after {
  content: none; }

.hub-card--with-buttons:after {
  content: none; }

.hub-card--with-buttons_title {
  min-height: 3rem;
  padding-top: 1.5rem; }

.hub-card--with-buttons_text {
  min-height: 0; }

.hub-card--with-buttons_content {
  display: block;
  min-height: 12rem; }

.hub-card--epargne {
  border-bottom: 3px solid #2491ee; }

.hub-card--protection {
  border-bottom: 3px solid #fe9b0a; }

.hub-card--baq {
  border-bottom: 3px solid #00915a; }

.hub-card--credit {
  border-bottom: 3px solid #7e50a8; }

.hub-card--assurance {
  border-bottom: 3px solid #ee5842; }

.hub-card--avantages {
  border-bottom: 3px solid #d1395e; }

.hub-card--epargne .hub-card_img {
  background-image: linear-gradient(-10deg, #2491ee, #1cc7f2); }

.hub-card--protection .hub-card_img {
  background-image: linear-gradient(-10deg, #fe9b0a, #eebc09); }

.hub-card--baq .hub-card_img {
  background-image: linear-gradient(-10deg, #00915a, #5ec66b); }

.hub-card--credit .hub-card_img {
  background-image: linear-gradient(-10deg, #7e50a8, #d563a7); }

.hub-card--assurance .hub-card_img {
  background-image: linear-gradient(-10deg, #ee5842, #ff9000); }

.hub-card--avantages .hub-card_img {
  background-image: linear-gradient(-10deg, #d1395e, #c43d92); }

._hub_card .aem-Grid {
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%; }

._hub_card .aem-Grid .aem-GridColumn {
  height: 100%;
  max-height: none; }

/*@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;
}*/
.hub-persona {
  color: #fff;
  position: relative; }

.hub-persona_content {
  position: absolute;
  bottom: 3.66667rem;
  padding: 0 1rem 0 2.66667rem; }

@media screen and (max-width: 480px) {
  .hub-persona_content {
    bottom: 2rem; } }

.hub-persona_title {
  font-family: bnpp_sans_condensed_light;
  text-transform: uppercase;
  margin-bottom: 20px; }

.hub-persona_text {
  color: inherit; }

.hub-persona_img {
  width: 100%;
  padding-top: 90%;
  background-color: #dcdfe0;
  position: relative; }

.hub-persona_img img {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0; }

/*@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;
}*/
/*@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;
}*/
.header-page {
  font-family: bnp_regular;
  background-color: #5cc569;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cc569), to(#4ed7b3));
  background-image: linear-gradient(180deg, #5cc569, #4ed7b3);
  min-height: 120px;
  color: #fff;
  padding: 2rem 2rem 25px 2rem;
  overflow: hidden; }

.header-page:after {
  content: "";
  display: table;
  clear: both; }

.header-page_title {
  margin-bottom: 0;
  margin-top: 1.5rem;
  line-height: 3.6rem; }

.header-page_subtitle {
  margin-top: 0; }

.header-page--epargne {
  background-image: linear-gradient(-10deg, #2491ee, #1cc7f2); }

.header-page--protection {
  background-image: linear-gradient(-10deg, #fe9b0a, #eebc09); }

.header-page--baq {
  background-image: linear-gradient(-10deg, #00915a, #5ec66b); }

.header-page--credit {
  background-image: linear-gradient(-10deg, #7e50a8, #d563a7); }

.header-page--assurance {
  background-image: linear-gradient(-10deg, #ee5842, #ff9000); }

.header-page--avantages {
  background-image: linear-gradient(-10deg, #d1395e, #c43d92); }

/*@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;
}*/
._componentContainer._hub_tool {
  height: 100%; }

.hub-tool {
  position: relative;
  background-color: #fff;
  text-align: center;
  padding-bottom: 0.5rem;
  cursor: pointer;
  margin-bottom: 2.25rem;
  height: calc(100% - 2.25rem);
  padding-top: 5rem;
  border: solid 1px #dcdfe0;
  border-radius: 3px;
  color: #212121; }

.hub-tool a {
  color: inherit; }

.hub-tool:before {
  content: "\e674";
  font-family: iconbnp;
  font-size: 1.25em;
  color: #999;
  position: absolute;
  right: 1rem;
  bottom: 1rem; }

.hub-tool:after {
  content: "";
  width: 40px;
  height: 8px;
  background-color: rgba(204, 204, 204, 0.5);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: calc(5.8rem + 50px); }

.hub-tool_title {
  font-family: bnpp_sans_condensed_regular;
  color: inherit;
  text-transform: uppercase;
  padding: 2rem 5.33333rem 0 5.33333rem;
  display: block;
  font-size: 1.8rem;
  line-height: 1;
  margin: 2rem auto 0 auto; }

@media screen and (max-width: 900px) {
  .hub-tool_title {
    padding: 2rem 2rem 0 2rem; } }

.hub-tool_text {
  color: inherit;
  padding: 0 0.66667rem;
  font-family: bnpp_sans_condensed_regular, Arial, sans-serif;
  margin-top: 0.5rem;
  width: 93%; }

.hub-tool_icon {
  height: 50px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.hub-tool_icon > a {
  width: 100%; }

.hub-tool_icon img {
  top: 0;
  left: 0; }

.hub-tool:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4ed7b3), to(#5cc569));
  background-image: linear-gradient(#4ed7b3, #5cc569);
  color: #fff; }

.hub-tool:hover .hub-tool_icon img {
  top: -50px; }

.hub-tool:hover:before {
  color: #fff; }

/*@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;
}*/
.hub-info-banner [class*="btn-"] {
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  padding: 15px 30px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
  background-image: linear-gradient(#fff, #f6f6f6);
  color: #424242;
  border: 1px solid #dcdfe0;
  border-bottom: solid 2px #dcdfe0;
  display: inline-block;
  text-decoration: none; }

.hub-info-banner [class*="btn-"]:hover {
  color: inherit; }

.hub-info-banner .btn-primary {
  color: #fff;
  background-color: #1da35f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1da35f), to(#1b9a5a));
  background-image: linear-gradient(#1da35f, #1b9a5a);
  border-color: #188950;
  display: inline-block; }

.hub-info-banner .btn-primary:hover {
  background-color: #197647;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#197647), to(#248e59));
  background-image: linear-gradient(#197647, #248e59);
  color: #fff; }

.hub-info-banner {
  width: 100%;
  overflow: hidden;
  position: relative;
  background-color: #212121; }

.hub-info-banner_frame {
  background-color: #fff;
  padding: 1.8rem;
  width: 90%;
  position: relative;
  z-index: 2;
  margin-top: 4vw;
  margin-bottom: 4vw;
  margin-left: auto;
  margin-right: auto; }

@media screen and (min-width: 768px) {
  .hub-info-banner_frame {
    width: 400px; }
  .hub-info-banner_frame--left {
    margin-left: 10rem; }
  .hub-info-banner_frame--right {
    margin-left: calc(100% - 400px - 10rem); }
  .hub-info-banner_frame--center {
    margin-left: auto;
    margin-right: auto; } }

.hub-info-banner_img {
  width: 100%;
  position: absolute;
  z-index: 1;
  height: 100%; }

@media screen and (max-width: 900px) {
  .hub-info-banner_img {
    width: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 400px; } }

.hub-info-banner_tag {
  color: #fff;
  padding: 5px 1rem;
  border-radius: 1rem;
  line-height: 1;
  background-color: #5dc66a; }

.hub-info-banner_title {
  font-family: bnpp_sans_condensed_regular;
  color: #212121;
  text-transform: uppercase;
  font-size: 2.2rem; }

.hub-info-banner_tag--epargne {
  background-color: #2491ee; }

.hub-info-banner_tag--protection {
  background-color: #fe9b0a; }

.hub-info-banner_tag--baq {
  background-color: #00915a; }

.hub-info-banner_tag--credit {
  background-color: #7e50a8; }

.hub-info-banner_tag--assurance {
  background-color: #ee5842; }

.hub-info-banner_tag--avantages {
  background-color: #d1395e; }

#popin-close {
  padding: 1em !important; }

#popin-close .icon-info-oc {
  font-size: 26px;
  vertical-align: middle;
  margin-right: 5px; }

#popin-close .bouton-vert {
  float: right;
  margin-top: -50px; }

@media screen and (max-width: 768px) {
  #popin-close .bouton-vert {
    float: none;
    width: 100%;
    margin: 20px 0; } }

#popin-close .smart-popin {
  position: fixed;
  left: 119px;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  z-index: 999; }

#popin-close .smart-popin:target {
  opacity: 1;
  visibility: visible; }

#popin-close .smart-popin .sp-body {
  position: relative;
  z-index: 99;
  width: auto;
  min-width: 300px;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 2em;
  -webkit-box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.25);
          box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.25);
  width: 66.66%;
  border-bottom: 3px solid #008f9e; }

#popin-close .smart-popin .sp-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  font-size: 1.6em;
  color: #000000;
  font-weight: 900;
  text-decoration: none; }

/*@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;
}*/
.fp-special-offer {
  margin-bottom: 53px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff; }

@media screen and (max-width: 768px) {
  .fp-special-offer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: none; } }

.fp-special-offer_description-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

@media screen and (max-width: 768px) {
  .fp-special-offer_description-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.fp-special-offer_description {
  width: 55%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: bnpp_sans_condensed_regular;
  padding: 25px 30px; }

@media screen and (max-width: 768px) {
  .fp-special-offer_description {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.fp-special-offer_description.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.fp-special-offer_mentions {
  color: #333333;
  background-color: #fff;
  padding: 20px;
  border: 1px solid #dbdbdb;
  border-left: none;
  font-size: 15px;
  width: 45%;
  overflow: auto; }

@media screen and (max-width: 768px) {
  .fp-special-offer_mentions {
    width: 100%; }
  .fp-special-offer_mentions a[class*="btn-"] {
    width: 100%; }
  .fp-special-offer_mentions a + a {
    margin-top: 15px; } }

.fp-special-offer_date {
  font-size: 22px;
  line-height: 27px;
  width: 109px;
  height: 118px;
  margin: 0 30px 0 0;
  padding: 32px 24px;
  text-align: center;
  background: url("data:image/png;base64,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") no-repeat 0 0; }

.fp-special-offer_text {
  font-size: 26px;
  line-height: 38px; }

.fp-special-offer_title {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 42px;
  font-family: inherit; }

.fp-special-offer_promo-title {
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #fff;
  padding-bottom: 14px;
  font-size: 20px;
  font-family: bnpp_sans_condensed_regular; }

.fp-special-offer_promo-title + p {
  margin-top: 15px; }

.fp-special-offer_flash-sell {
  font-size: 26px;
  font-family: bnpp_sans_condensed_regular;
  padding: 25px; }

.fp-special-offer--epargne .fp-special-offer_description {
  background-color: #2491ee; }

.fp-special-offer--protection .fp-special-offer_description {
  background-color: #fe9b0a; }

.fp-special-offer--baq .fp-special-offer_description {
  background-color: #00915a; }

.fp-special-offer--credit .fp-special-offer_description {
  background-color: #7e50a8; }

.fp-special-offer--assurance .fp-special-offer_description {
  background-color: #ee5842; }

.fp-special-offer--avantages .fp-special-offer_description {
  background-color: #d1395e; }

/*@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;
}*/
.hub-ia-oppositions .item-ia-oppositions {
  list-style: none;
  min-width: 120px; }

.hub-ia-oppositions .item-ia-oppositions a.white-box {
  height: auto; }

@media screen and (min-width: 768px) {
  .hub-ia-oppositions .item-ia-oppositions a.white-box {
    height: auto; }
  .hub-ia-oppositions .item-ia-oppositions a.white-box i:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-top: 2px; }
  .hub-ia-oppositions .item-ia-oppositions a.white-box .bas {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-top: 2px;
    left: 65px;
    width: auto; } }