@charset "UTF-8";
/* COLORS */
/** shades of grey **/
/** basics colors **/
/** backgrounds colors **/
/** texts colors **/
/** overlays colors **/
/** specifics colors **/
/* overrides materializecss color */
/* FONTS */
/*** MARGINS AND PADDINGS ***/
/**** BORDER RADIUS ****/
/**** CUSTOM ****/
/**** SHADOWS ****/
/***** MEDIA QUERIES ******/
/*** font color depending on bg color ***/
/*
@mixin gradientSass () {
  background-color: rgba(252,240,244,1);
  background: @include filter-gradient(#fcf0f4, #6b418f, horizontal);
  // IE9 SVG, needs conditional override of 'filter' to 'none'
  $experimental-support-for-svg: true;
  background: @include background-image(linear-gradient(left, rgba(252,240,244,1) 0%, rgba(252,240,244,1) 14%, rgba(217,193,219,1) 14%, rgba(217,193,219,1) 28%, rgba(198,168,204,1) 28%, rgba(198,168,204,1) 42%, rgba(183,147,191,1) 42%, rgba(183,147,191,1) 56%, rgba(151,120,179,1) 56%, rgba(151,120,179,1) 70%, rgba(130,89,155,1) 70%, rgba(130,89,155,1) 85%, rgba(107,65,143,1) 85%, rgba(107,65,143,1) 100%));
}
*/
.faq {
  margin-bottom: 30px !important;
}
.faq .banner.full.hub-contenu.linked-news {
  margin-top: 0 !important;
}
.faq .faq-body p {
  font-size: 18px !important;
  line-height: 34px !important;
  font-family: "BNPPSans", "Open Sans";
  font-weight: normal !important;
  margin-top: 15px;
  padding: 0 20px;
}
.faq > .content {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 960px) {
  .faq > .content {
    padding: 0 20px 0 0 !important;
    flex-direction: row !important;
  }
}
@media screen and (max-width: 767px) {
  .faq > .content {
    padding: 0 !important;
  }
}
.faq > .content aside,
.faq > .content article {
  flex-grow: 1;
}
.faq > .content aside {
  width: 292px;
  min-width: 292px;
  max-width: 292px;
}
@media screen and (max-width: 1024px) {
  .faq > .content aside {
    width: 212px;
    min-width: 212px;
    max-width: 212px;
  }
}
.faq > .content aside.faq-desktop-menu {
  display: flex;
}
.faq > .content aside.faq-desktop-menu .menu {
  position: relative;
  margin: 0;
}
@media screen and (max-width: 960px) {
  .faq > .content aside.faq-desktop-menu .menu {
    margin-left: 20px;
  }
}
.faq > .content aside.faq-desktop-menu .menu:before {
  content: "";
  top: 0;
  position: absolute;
  left: 0;
  width: 2px;
  height: 100%;
  background: #EBEDEF;
}
.faq > .content aside.faq-desktop-menu .menu li a {
  padding: 6px 0 4px 20px;
  color: #1C2D37;
  font-size: 15px;
  display: block;
  line-height: 26px;
}
.faq > .content aside.faq-desktop-menu .menu li a:hover, .faq > .content aside.faq-desktop-menu .menu li a:active, .faq > .content aside.faq-desktop-menu .menu li a:focus {
  color: #008859;
}
.faq > .content aside.faq-desktop-menu .menu li .sub-menu {
  display: none;
}
.faq > .content aside.faq-desktop-menu .menu li.active .sub-menu {
  display: block;
}
.faq > .content aside.faq-desktop-menu .menu li.level-0 > a {
  position: relative;
  font-weight: bold;
}
.faq > .content aside.faq-desktop-menu .menu li.level-0 > a.active {
  color: #008859;
}
.faq > .content aside.faq-desktop-menu .menu li.level-0 > a:hover:before, .faq > .content aside.faq-desktop-menu .menu li.level-0 > a:active:before, .faq > .content aside.faq-desktop-menu .menu li.level-0 > a:focus:before, .faq > .content aside.faq-desktop-menu .menu li.level-0 > a.active:before {
  content: "";
  top: 0;
  position: absolute;
  left: 0;
  width: 2px;
  height: 100%;
  background: #008859;
}
.faq > .content aside.faq-desktop-menu .menu li.level-1 > a {
  padding-left: 30px;
  font-family: "BNPPSans", "Open Sans";
  font-weight: normal;
}
.faq > .content aside.faq-desktop-menu.sub-category-active .menu li.level-1 > a {
  color: #B4BABE;
  padding-left: 30px;
}
.faq > .content aside.faq-desktop-menu.sub-category-active .menu li.level-1 > a:hover {
  color: #008859 !important;
}
.faq > .content aside.faq-desktop-menu.sub-category-active .menu li.level-1 > a.active {
  color: #1C2D37;
}
.faq > .content article {
  padding: 0 0 0 92px;
}
@media screen and (max-width: 1024px) {
  .faq > .content article {
    padding: 0 0 0 42px;
  }
}
@media screen and (max-width: 960px) {
  .faq > .content article {
    padding: 0 0 0 42px;
  }
}
@media screen and (max-width: 767px) {
  .faq > .content article {
    padding: 0;
  }
}
.faq > .content article .faq-article--header {
  padding-bottom: 76px;
}
@media screen and (max-width: 1175px) {
  .faq > .content article .faq-article--header {
    padding-bottom: 44px;
  }
}
.faq > .content article .faq-article--header-title .h1 {
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .faq > .content article .faq-article--header-title .h1 {
    margin-bottom: 20px;
  }
}
.faq > .content article .faq-article--header-title .h1 dfn {
  font-style: normal;
}
@media screen and (max-width: 1175px) {
  .faq > .content article .faq-article--header-content {
    flex-direction: column;
  }
}
.faq > .content article .faq-article--header-intro {
  padding-right: 73px;
}
@media screen and (max-width: 1175px) {
  .faq > .content article .faq-article--header-intro {
    order: 2;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .faq > .content article .faq-article--header-intro {
    padding: 0 20px;
  }
}
.faq > .content article .faq-article--header-intro .intro-wrapper strong {
  font-family: inherit;
  font-weight: 800;
}
.faq > .content article .faq-article--header-intro .intro-wrapper a {
  color: #1C2D37;
}
@media screen and (max-width: 767px) {
  .faq > .content article .faq-article--header-intro .show-more {
    display: none;
  }
}
.faq > .content article .faq-article--header-intro .faq-article--header-title {
  display: block;
}
@media screen and (max-width: 1024px) {
  .faq > .content article .faq-article--header-intro .faq-article--header-title {
    display: none;
  }
}
.faq > .content article .faq-article--header-img {
  height: auto;
  min-height: 240px;
  position: relative;
}
.faq > .content article .faq-article--header-img div:not(.credit-tooltip) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.faq > .content article .faq-article--header-img div:not(.credit-tooltip) img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1175px) {
  .faq > .content article .faq-article--header-img {
    order: 1;
    height: 310px;
    min-height: 310px;
    margin-bottom: 36px;
  }
}
@media screen and (max-width: 960px) {
  .faq > .content article .faq-article--header-img {
    height: 260px;
    min-height: 260px;
  }
}
@media screen and (max-width: 767px) {
  .faq > .content article .faq-article--header-img {
    margin-bottom: 24px;
    height: 212px;
    min-height: 212px;
  }
}
.faq > .content article .faq-article--header-img-container {
  width: 41%;
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1175px) {
  .faq > .content article .faq-article--header-img-container {
    width: 100%;
    min-width: 100%;
  }
}
.faq > .content article .faq-article--header-img-container .faq-article--header-title {
  display: none;
}
@media screen and (max-width: 1024px) {
  .faq > .content article .faq-article--header-img-container .faq-article--header-title {
    display: block;
  }
}
.faq > .content article .faq-article--breadcrumb {
  margin-bottom: 21px;
}
.faq > .content article .faq-article--breadcrumb a {
  color: #1C2D37;
}
.faq > .content article .faq-article--breadcrumb a:hover {
  color: #008859;
}
.faq > .content article .faq-article--breadcrumb .current {
  color: #B4BABE;
}
@media screen and (max-width: 767px) {
  .faq > .content article .faq-article--breadcrumb {
    margin-bottom: 8px;
  }
}
.faq > .content article .faq-article--filters {
  padding: 15px 0;
  border-top: 1px solid #EBEDEF;
  border-bottom: 1px solid #EBEDEF;
}
@media screen and (max-width: 767px) {
  .faq > .content article .faq-article--filters {
    padding: 0;
    height: 62px;
    background: #F9F9FB;
    display: flex;
    position: sticky;
    top: 0;
    z-index: 1;
  }
  .faq > .content article .faq-article--filters ul {
    border: none;
    height: 100%;
  }
  .faq > .content article .faq-article--filters ul .accordion-item {
    height: 100%;
  }
  .faq > .content article .faq-article--filters ul .accordion-item i:before {
    transition: transform 200ms;
  }
  .faq > .content article .faq-article--filters ul .accordion-item.active i {
    transform: unset;
    transition: unset;
    position: relative;
    top: unset;
  }
  .faq > .content article .faq-article--filters ul .accordion-item.active i:before {
    transform: rotate(-180deg);
    transition: transform 200ms;
    position: relative;
  }
  .faq > .content article .faq-article--filters ul .accordion-item.active .accordion-title .h3 {
    font-family: "BNPPSans", "Open Sans";
    font-weight: bold;
  }
  .faq > .content article .faq-article--filters ul .accordion-title {
    height: 100%;
    border: none;
    padding: 0 20px;
    align-items: center;
  }
  .faq > .content article .faq-article--filters ul .accordion-title:focus {
    outline: none;
  }
  .faq > .content article .faq-article--filters ul .accordion-title .h3 {
    display: flex;
    align-items: center;
    font-family: "BNPPSans", "Open Sans";
    font-weight: normal;
    font-size: 16px;
    line-height: 1.88;
  }
  .faq > .content article .faq-article--filters ul .accordion-content {
    position: absolute;
    width: 100%;
    background: #FFF;
    z-index: 1;
    padding: 0 20px 40px 20px;
    border-top: 1px solid #EBEDEF;
    border-bottom: 1px solid #EBEDEF;
  }
  .faq > .content article .faq-article--filters ul .accordion-content .menu li a {
    display: block;
    color: #1C2D37;
  }
  .faq > .content article .faq-article--filters ul .accordion-content .menu li.level-0 > a {
    font-family: "BNPPSans", "Open Sans";
    font-weight: bold;
    padding: 25px 0 0;
    font-size: 16px;
    line-height: 24px;
  }
  .faq > .content article .faq-article--filters ul .accordion-content .menu li .sub-menu {
    padding-top: 13px;
  }
  .faq > .content article .faq-article--filters ul .accordion-content .menu li.level-1 a {
    padding-bottom: 12px;
  }
  .faq > .content article .faq-article--filters ul .accordion-content .menu li.level-1:last-child a {
    padding-bottom: 0;
  }
  .faq > .content article .faq-article--filters .form-item-search-api-fulltext.has-search-icon .icon.icon-close {
    opacity: 0;
    right: auto;
  }
}
.faq > .content article .faq-article--content {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .faq > .content article .faq-article--content {
    padding: 0 20px !important;
  }
}
.faq > .content article .faq-article--content .links-container {
  display: flex;
  flex-direction: column;
}
.faq > .content article .faq-article--content .links-container a {
  position: relative;
  cursor: pointer;
  padding: 21px 70px 21px 24px;
  font-size: 18px;
  line-height: 34px;
  color: #1C2D37;
  display: block;
}
@media screen and (max-width: 767px) {
  .faq > .content article .faq-article--content .links-container a {
    padding: 20px 46px 20px 0px;
  }
}
@media screen and (min-width: 1175px) {
  .faq > .content article .faq-article--content .links-container a:hover {
    background: #F9F9FB;
  }
}
.faq > .content article .faq-article--content .links-container a i {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .faq > .content article .faq-article--content .links-container a i {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .faq > .content .with-search .form-item-search-api-fulltext {
    position: absolute !important;
    border-left: 1px solid #EBEDEF;
    width: 60px !important;
    height: 61px !important;
    min-width: unset !important;
    max-width: unset !important;
    padding-left: unset !important;
    right: 0;
    margin-bottom: unset !important;
    cursor: pointer;
    transition-property: width;
    transition-duration: 0.4s;
  }
  .faq > .content .with-search .form-item-search-api-fulltext:before {
    position: relative;
    width: 100% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #F9F9FB;
    border-bottom: 1px solid #EBEDEF !important;
  }
  .faq > .content .with-search .form-item-search-api-fulltext i.icon-close {
    position: absolute;
    width: 60px !important;
    height: 60px;
    justify-content: center;
    align-items: center;
    display: none;
    top: 0;
    right: 0;
    left: unset !important;
  }
  .faq > .content .with-search .form-item-search-api-fulltext i.icon-close:before {
    font-size: 20px;
  }
  .faq > .content .with-search .form-item-search-api-fulltext .clear i.icon-close {
    height: auto;
  }
  .faq > .content .with-search .form-item-search-api-fulltext input {
    width: 0;
    border-bottom: 1px solid #EBEDEF !important;
    transition-property: opacity;
    background: #F9F9FB !important;
    transition-duration: 0.4s;
  }
  .faq > .content .with-search.active-search .form-item-search-api-fulltext {
    position: absolute;
    right: 0;
    width: 100% !important;
    min-width: unset !important;
    max-width: unset !important;
    z-index: 1;
    border-left: none !important;
    transition-duration: 0.4s;
    transition-property: width;
  }
  .faq > .content .with-search.active-search .form-item-search-api-fulltext:before {
    width: 60px !important;
    left: 0;
  }
  .faq > .content .with-search.active-search .form-item-search-api-fulltext i.icon-close {
    display: flex;
    width: 60px !important;
    left: 0;
  }
  .faq > .content .with-search.active-search .form-item-search-api-fulltext input {
    width: 100%;
    height: 100%;
    background: #F9F9FB;
    padding-left: 60px !important;
    transition-property: opacity;
    transition-duration: 0.4s;
  }
}
@media screen and (max-width: 767px) {
  .faq > .content .filter-search {
    width: 60px;
  }
}
.faq > .content .filter-search .js-form-type-search-api-autocomplete {
  margin-bottom: 0;
  max-width: 311px;
  min-width: 311px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .faq > .content .filter-search .js-form-type-search-api-autocomplete {
    max-width: 48%;
    min-width: 48%;
  }
}
@media screen and (max-width: 960px) {
  .faq > .content .filter-search .js-form-type-search-api-autocomplete {
    max-width: 60%;
    min-width: 60%;
  }
}
@media screen and (max-width: 767px) {
  .faq > .content .filter-search .js-form-type-search-api-autocomplete {
    max-width: 100%;
    min-width: 100%;
    padding-left: 0;
  }
}
.faq > .content .filter-search .js-form-type-search-api-autocomplete:before {
  content: "\e86b";
  font-family: bnpre-icons;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  font-size: 20px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .faq > .content .filter-search .js-form-type-search-api-autocomplete:before {
    top: unset;
    transform: unset;
    left: 0;
  }
}
.faq > .content .filter-search .js-form-type-search-api-autocomplete:before:before {
  margin: 0;
}
.faq > .content .filter-search .js-form-type-search-api-autocomplete input[type=text] {
  background-color: #F0F1F5;
  box-sizing: border-box;
  padding-left: 40px;
  color: #434F57;
  font-family: BNPPSans, "Open Sans";
  margin: 0 !important;
  border: none !important;
}
@media screen and (max-width: 767px) {
  .faq > .content .filter-search .js-form-type-search-api-autocomplete input[type=text] {
    height: 100%;
    padding: 0;
  }
}
.faq > .content .filter-search .js-form-type-search-api-autocomplete input[type=text]::-moz-placeholder {
  font-size: 14px;
  font-family: "BNPPSans", "Open Sans";
}
.faq > .content .filter-search .js-form-type-search-api-autocomplete input[type=text]::placeholder {
  font-size: 14px;
  font-family: "BNPPSans", "Open Sans";
}
.faq > .content .filter-search .js-form-type-search-api-autocomplete input[type=text]:focus {
  box-shadow: unset;
}
.faq > .content .filter-search input[type=submit] {
  display: none;
}
@media screen and (max-width: 767px) {
  .faq.faq-sub-header > .content .filter-search .js-form-type-search-api-autocomplete:before {
    border-bottom: none !important;
  }
}
.faq-sub-header {
  border-bottom: 1px solid #EBEDEF;
  padding: 16px 0;
}
@media screen and (max-width: 767px) {
  .faq-sub-header {
    padding: 0 !important;
    height: 62px !important;
  }
}
.faq-sub-header > .content {
  justify-content: space-between !important;
}
@media screen and (max-width: 960px) {
  .faq-sub-header > .content {
    padding: 0 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .faq-sub-header > .content {
    height: 100%;
  }
}
.faq-sub-header .faq-header--filters .js-form-type-search-api-autocomplete {
  margin-bottom: 0;
  max-width: 311px;
  min-width: 311px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .faq-sub-header .faq-header--filters .js-form-type-search-api-autocomplete {
    max-width: unset !important;
    min-width: unset !important;
  }
}
@media screen and (max-width: 767px) {
  .faq-sub-header .faq-header--filters .js-form-type-search-api-autocomplete {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .faq-sub-header .faq-header--filters .js-form-type-search-api-autocomplete {
    max-width: 100%;
    min-width: 100%;
  }
}
.faq-sub-header .faq-header--filters .js-form-type-search-api-autocomplete:before {
  content: "\e86b";
  font-family: bnpre-icons;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  font-size: 20px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .faq-sub-header .faq-header--filters .js-form-type-search-api-autocomplete:before {
    top: unset;
    transform: unset;
    background-color: #FFF !important;
    left: 0;
    border-bottom: none !important;
  }
}
.faq-sub-header .faq-header--filters .js-form-type-search-api-autocomplete:before:before {
  margin: 0;
}
.faq-sub-header .faq-header--filters .js-form-type-search-api-autocomplete input[type=text] {
  background-color: #F0F1F5;
  box-sizing: border-box;
  padding-left: 40px;
  color: #434F57;
  font-family: BNPPSans, "Open Sans";
  margin: 0 !important;
  border: none !important;
}
@media screen and (max-width: 767px) {
  .faq-sub-header .faq-header--filters .js-form-type-search-api-autocomplete input[type=text] {
    height: 100%;
    padding: 0;
    background-color: #FFF !important;
  }
}
.faq-sub-header .faq-header--filters .js-form-type-search-api-autocomplete input[type=text]::-moz-placeholder {
  font-size: 14px;
  font-family: "BNPPSans", "Open Sans";
  font-weight: bold;
}
.faq-sub-header .faq-header--filters .js-form-type-search-api-autocomplete input[type=text]::placeholder {
  font-size: 14px;
  font-family: "BNPPSans", "Open Sans";
  font-weight: bold;
}
.faq-sub-header .faq-header--filters .js-form-type-search-api-autocomplete input[type=text]:focus {
  box-shadow: unset;
}
.faq-sub-header .faq-header--back {
  display: flex;
  align-items: center;
}
.faq-sub-header .faq-header--back a span {
  color: #1C2D37;
  padding-left: 16px;
  font-size: 18px;
  line-height: 34px;
}
.faq-sub-header .faq-header--back a:hover span {
  color: #008859;
}
.faq-full {
  margin-top: 46px !important;
}
.faq-full.faq-sub-header > .content {
  justify-content: space-between !important;
}
@media screen and (max-width: 960px) {
  .faq-full.faq-sub-header {
    padding: 16px 20px;
  }
}
.faq-full > .content {
  justify-content: unset !important;
}
@media screen and (max-width: 960px) {
  .faq-full > .content {
    padding: 0 !important;
  }
}
.faq-full > .content aside {
  padding: 0 92px 0 0;
}
@media screen and (max-width: 1024px) {
  .faq-full > .content aside {
    padding: 0 42px 0 0;
    width: 30%;
    min-width: 30%;
    max-width: 30%;
  }
}
@media screen and (max-width: 960px) {
  .faq-full > .content aside {
    padding: 0 42px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .faq-full > .content aside {
    padding: 0;
  }
}
.faq-full > .content article {
  width: 66%;
  flex-grow: unset !important;
  padding: 0 0 0 0 !important;
}
@media screen and (max-width: 1024px) {
  .faq-full > .content article {
    width: 70%;
  }
  .faq-full > .content article .faq-article--header-intro,
  .faq-full > .content article .faq-article--content {
    padding: 0 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .faq-full > .content article {
    width: 100%;
    padding: 0 0 68px 0 !important;
  }
}
@media screen and (max-width: 1175px) {
  .faq-full > .content article .faq-article--breadcrumb {
    order: 1;
  }
}
.faq-full > .content article .faq-article--filters {
  display: none;
}
.faq-full > .content article .faq-article--header {
  padding-bottom: 0 !important;
}
@media screen and (max-width: 1175px) {
  .faq-full > .content article .faq-article--header-title {
    order: 2;
  }
}
@media screen and (max-width: 1024px) {
  .faq-full > .content article .faq-article--header-title {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .faq-full > .content article .faq-article--header-title .intro-wrapper {
    padding: 0;
  }
  .faq-full > .content article .faq-article--header-title .show-more {
    padding-left: 0;
  }
}
.faq-full > .content article .faq-article--header-title h1 {
  margin-bottom: 40px;
}
.faq-full > .content article .faq-article--header-intro {
  padding-right: 0 !important;
}
@media screen and (max-width: 1175px) {
  .faq-full > .content article .faq-article--header-intro {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 960px) {
  .faq-full > .content article .faq-article--header-intro {
    padding: 0 !important;
  }
  .faq-full > .content article .faq-article--header-intro .faq-article--header-title, .faq-full > .content article .faq-article--header-intro .faq-article--breadcrumb {
    padding: 0 20px;
  }
}
@media screen and (max-width: 960px) {
  .faq-full > .content article .faq-article--header-intro .faq-article--breadcrumb {
    order: 0;
  }
}
.faq-full > .content article .faq-article--header-intro .faq-article--header-title {
  order: 3;
}
@media screen and (max-width: 960px) {
  .faq-full > .content article .faq-article--header-intro .faq-article--header-title {
    order: 0;
  }
}
.faq-full > .content article .faq-article--header-intro .faq-article-full--header-img {
  order: 4;
}
@media screen and (max-width: 960px) {
  .faq-full > .content article .faq-article--header-intro .faq-article-full--header-img {
    width: 100%;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .faq-full > .content article .faq-article--header-intro .faq-article-full--header-img {
    padding: 0;
    order: 0;
  }
}
.faq-full > .content article .faq-article--header-intro .intro-wrapper {
  order: 5;
}
@media screen and (max-width: 767px) {
  .faq-full > .content article .faq-article--header-intro .intro-wrapper {
    padding-bottom: 28px;
  }
}
.faq-full > .content article .faq-article--header-img {
  min-width: 53% !important;
}
@media screen and (max-width: 767px) {
  .faq-full > .content article .faq-article--header-img {
    margin-bottom: 0;
    margin-top: 36px;
  }
}
@media screen and (max-width: 1175px) {
  .faq-full > .content article .faq-article--header-img.desktop {
    display: none;
  }
}
@media screen and (min-width: 1175px) {
  .faq-full > .content article .faq-article--header-img.not-desktop {
    display: none;
  }
}
@media screen and (max-width: 1175px) {
  .faq-full > .content article .faq-article--header-img.not-desktop {
    order: 3;
  }
}
.faq-full > .content article .faq-article--content {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .faq-full > .content article .faq-article--content {
    display: flex;
    flex-direction: column;
  }
  .faq-full > .content article .faq-article--content .actu-article-glossary {
    order: 1;
  }
  .faq-full > .content article .faq-article--content .questions-liees {
    order: 2;
  }
}
.faq-full > .content article .intro-wrapper {
  padding-bottom: 50px;
}
@media screen and (max-width: 1175px) {
  .faq-full > .content article .intro-wrapper {
    order: 4;
  }
}
@media screen and (max-width: 960px) {
  .faq-full > .content article .intro-wrapper {
    padding: 0 20px 50px 20px;
  }
}
.faq-full > .content article .intro-wrapper h2 {
  font-size: 32px;
  line-height: 44px;
  margin-top: 52px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .faq-full > .content article .intro-wrapper h2 {
    margin-top: 24px;
    margin-bottom: 20px;
  }
}
.faq-full > .content article .intro-wrapper p {
  font-family: "BNPPSans", "Open Sans";
  font-size: 18px;
  line-height: 34px;
}
.faq-full > .content article .intro-wrapper p strong {
  font-family: "BNPPSans", "Open Sans";
  font-weight: bold;
}
.faq-full > .content article .questions-liees,
.faq-full > .content article .actu-article-glossary {
  padding: 51px 0 0 0;
  margin-top: 0px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .faq-full > .content article .questions-liees,
  .faq-full > .content article .actu-article-glossary {
    padding: 40px 0 0 0;
  }
}
.faq-full > .content article .questions-liees:before,
.faq-full > .content article .actu-article-glossary:before {
  content: "";
  position: absolute;
  top: 23px;
  height: 1px;
  width: calc(100% + 96px);
  left: -48px;
  background: #EBEDEF;
}
@media screen and (max-width: 1024px) {
  .faq-full > .content article .questions-liees:before,
  .faq-full > .content article .actu-article-glossary:before {
    width: 100%;
    left: 0;
  }
}
.faq-full > .content article .questions-liees h2,
.faq-full > .content article .actu-article-glossary h2 {
  font-family: "BNPPSans", "Open Sans";
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .faq-full > .content article .questions-liees {
    margin-top: 40px;
  }
}
.faq-full > .content article .actu-article-glossary {
  border-top: none;
}
.faq-full > .content article .actu-article-glossary article {
  width: 100%;
}
.faq-full > .content article .actu-article-glossary article .index {
  margin-right: 4px;
}
@media screen and (max-width: 767px) {
  .faq-full > .content article .actu-article-glossary {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .faq-full > .content article .show-more {
    order: 5;
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .faq-full > .content .with-search .form-item-search-api-fulltext:before {
    background: unset !important;
  }
  .faq-full > .content .with-search .form-item-search-api-fulltext input {
    background: unset !important;
  }
}
@media screen and (max-width: 767px) {
  .faq-paragraph {
    margin-top: -20px;
  }
}
.faq-paragraph .banner:first-child {
  margin-bottom: 80px !important;
}

.feedback-wrapper {
  display: flex;
  align-items: center;
}
.feedback-wrapper .feedback-radios {
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  margin-left: 20px;
  font-size: 16px;
}
.feedback-wrapper .feedback-radios .option {
  background: #fff;
  height: 40px;
  width: 65px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 0 10px;
  cursor: pointer;
  padding: 0 10px;
  border: 2px solid #B4BABE;
  transition: all 0.3s ease;
  color: #fff;
  font-size: inherit;
}
.feedback-wrapper .feedback-radios .option span {
  color: #7f858a;
  font-weight: 600;
  transition: all 0.3s ease;
}
.feedback-wrapper .feedback-radios .option:hover {
  border-color: #1C2D37;
}
.feedback-wrapper .feedback-radios .option:hover span {
  color: #1C2D37;
}
.feedback-wrapper .feedback-radios #feedback-1:checked:checked ~ .option-1,
.feedback-wrapper .feedback-radios #feedback-0:checked:checked ~ .option-0 {
  background: #1c2d37;
  overflow: hidden;
}
.feedback-wrapper .feedback-radios #feedback-1:checked:checked ~ .option-1:before,
.feedback-wrapper .feedback-radios #feedback-0:checked:checked ~ .option-0:before {
  content: "✓";
  font-size: 23px;
}
.feedback-wrapper .feedback-radios #feedback-1:checked:checked ~ .option-1 span,
.feedback-wrapper .feedback-radios #feedback-0:checked:checked ~ .option-0 span {
  display: none;
}

.faq-article--content .feedback-wrapper {
  margin-top: 50px;
  justify-content: flex-end;
}
/*# sourceMappingURL=maps/page-faq.css.map */