/*@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;
}*/
/*!
 * Colors
 *
 */
/*une des comptes*/
/*graphe */
/* graph assurance vie */
/*ROP*/
.rop-51 {
  border-left-color: #83b336 !important; }

.rop-categories .rop-51:hover {
  background-color: #83b336 !important; }

.rop-52 {
  border-left-color: #0199ab !important; }

.rop-categories .rop-52:hover {
  background-color: #0199ab !important; }

.rop-53 {
  border-left-color: #135eab !important; }

.rop-categories .rop-53:hover {
  background-color: #135eab !important; }

.rop-54 {
  border-left-color: #4c1ab1 !important; }

.rop-categories .rop-54:hover {
  background-color: #4c1ab1 !important; }

.rop-55 {
  border-left-color: #aa419c !important; }

.rop-categories .rop-55:hover {
  background-color: #aa419c !important; }

.rop-56 {
  border-left-color: #7133a2 !important; }

.rop-categories .rop-56:hover {
  background-color: #7133a2 !important; }

.rop-57 {
  border-left-color: #cc1a59 !important; }

.rop-categories .rop-57:hover {
  background-color: #cc1a59 !important; }

.rop-58 {
  border-left-color: #9e9e9e !important; }

.rop-categories .rop-58:hover {
  background-color: #9e9e9e !important; }

.rop-59 {
  border-left-color: #140b6f !important; }

.rop-categories .rop-59:hover {
  background-color: #140b6f !important; }

/*ppi*/
/*couleur generique pro*/
/* Mes documents */
/* Footer */
/*************************
** REFACTORING VARIABLE **
**************************/
/******************
****** Navigation ******
*******************/
/*************************************
************** Header ****************
**************************************/
/*****************************************
 **************** Bouton *****************
 ****************************************/
/*************************************
*************** Form *****************
**************************************/
/****************
 ***** ROP *****
 ***************/
/***************
 ****** UDC ****
 ***************/
/******************
****** IDENT ******
*******************/
/******************
****** EPARGNE ******
*******************/
/*!
 * fonts
 *
 */
.new_ui_2019 {
  font-family: "open sans"; }

.new_ui_2019 p {
  font-family: "open sans"; }

.new_ui_2019 .strong,
.new_ui_2019 b,
.new_ui_2019 strong {
  font-weight: 600;
  font-family: 'open sans'; }

.new_ui_2019 .toggle-nav {
  position: fixed;
  border-radius: 50%;
  background: #3c8e55;
  font-size: 25px;
  top: 20px;
  right: 20px;
  height: 25px;
  width: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 0.2;
  color: #d3eada;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 99999999;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none; }

.new_ui_2019 .navigation-maquette {
  position: fixed;
  background: #ccffd4;
  z-index: 99999;
  right: 64px;
  top: 7px;
  font-family: "open sans"; }

.new_ui_2019 .navigation-maquette p {
  background: #4dad7a;
  color: #c5f9dd;
  margin: 0;
  text-align: center;
  padding: 15px 0;
  font-size: 14px; }

.new_ui_2019 .navigation-maquette ul {
  list-style-type: none; }

.new_ui_2019 .navigation-maquette ul li {
  padding: 10px;
  border-bottom: 1px solid #27d042;
  background: #e9f7eb; }

.new_ui_2019 .navigation-maquette ul li a {
  color: #117744; }

.new_ui_2019 .navigation-maquette ul li:hover {
  background: #96d0a9; }

.new_ui_2019 .navigation-maquette ul li:hover a {
  color: #1e6340; }

.new_ui_2019 .header-page:not(.gradient-epargne) {
  background-color: #00915a;
  background-image: -webkit-gradient(linear, left top, right top, from(#00915a), to(#5ec66b));
  background-image: linear-gradient(90deg, #00915a, #5ec66b); }

.new_ui_2019 .header-page:not(.gradient-epargne) .legende-etape {
  font-family: "open sans"; }

.new_ui_2019 .btn-primary {
  background-color: #28c3a9;
  background-image: none;
  border: none;
  border-radius: 50px;
  padding: 10px 30px;
  font-family: "open sans";
  color: #ffffff;
  font-size: 15px;
  font-weight: 600; }

.new_ui_2019 .btn-primary:hover {
  background-color: #1e9481;
  background-image: none; }

.new_ui_2019 .btn-primary:disabled {
  opacity: 50%; }

.new_ui_2019 .btn-secondary {
  background-image: none;
  background-color: #ffffff;
  border: none;
  border-radius: 50px;
  padding: 10px 30px;
  color: #212121;
  font-size: 15px;
  font-weight: 600;
  font-family: "open sans"; }

.new_ui_2019 .btn-secondary:hover {
  background-color: #d5d5d5; }

.new_ui_2019 .btn-secondary:disabled {
  opacity: 50%; }

.new_ui_2019 .form-ligne-titre {
  border-left: none;
  border-right: none; }

.new_ui_2019 .form-ligne-titre h3 {
  font-family: "open sans";
  font-size: 17px;
  color: #333333;
  text-transform: none; }

.new_ui_2019 .form .wrap {
  background-color: #e0e0e0; }

.new_ui_2019 .form .form-control {
  font-family: inherit; }

.new_ui_2019 .form .custom-select select {
  padding: 8px 10px; }

.new_ui_2019 .form .form-ligne-titre {
  border-left: none;
  border-right: none; }

.new_ui_2019 .form .form-ligne-titre h3 {
  font-family: "open sans";
  font-size: 17px;
  color: #333333;
  text-transform: none; }

.new_ui_2019 .form .fieldset {
  border: none; }

.new_ui_2019 .form .input-container input {
  font-family: "open sans";
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  color: #333333; }

.new_ui_2019 .form label:not(.radio-label) {
  font-family: "open sans";
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33; }

.new_ui_2019 .form input + label.radio-label {
  margin-top: 0; }

.new_ui_2019 .form input + label.radio-label:before {
  height: 20px;
  width: 20px; }

.new_ui_2019 .form input:not(:checked) + label.radio-label:before {
  -webkit-box-shadow: inset -1px 1px 3px 3px rgba(0, 0, 0, 0.08);
          box-shadow: inset -1px 1px 3px 3px rgba(0, 0, 0, 0.08);
  border: solid 1px #cccccc; }

.new_ui_2019 .form input:not(:checked) + label.radio-label:after {
  text-align: center;
  content: "";
  border-radius: 50%;
  background-color: #800a91;
  left: 6px;
  position: absolute;
  top: 6px;
  width: 8px;
  height: 8px;
  -webkit-transform: scale(0);
          transform: scale(0); }

.new_ui_2019 .form input:checked + label.radio-label:before {
  border: 1px solid #800a91;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

.new_ui_2019 .form input:checked + label.radio-label:after {
  text-align: center;
  background-color: #800a91;
  content: "";
  border-radius: 50%;
  left: 6px;
  position: absolute;
  top: 6px;
  width: 8px;
  height: 8px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: 0.2s;
  transition: 0.2s; }

.new_ui_2019 .form .help-text-container {
  margin-left: 8px;
  top: 5px; }

.new_ui_2019 .form .help-text-content {
  font-family: "open sans";
  font-size: 13px;
  font-weight: 600;
  line-height: 1.54;
  color: #999999;
  position: relative;
  top: 1px; }

.new_ui_2019 .form .circle {
  color: #00915a;
  border-color: #00915a; }

.new_ui_2019 em.error,
.new_ui_2019 em.error2 {
  font-family: "open sans";
  font-size: 14px;
  top: 4px; }

.new_ui_2019 em.error:before,
.new_ui_2019 em.error2:before {
  top: 1px; }

/***
 *      ___ _   ___ ___ _    ___ _____ ___ 
 *     | __/_\ / __|_ _| |  |_ _|_   _|_ _|
 *     | _/ _ \ (__ | || |__ | |  | |  | | 
 *     |_/_/ \_\___|___|____|___| |_| |___|
 *                                         
 */
.container-nav {
  padding-left: 140px;
  background: #39a268; }

.container-nav .container-content {
  background: #e7e7e7; }

@media screen and (max-width: 768px) {
  .container-nav {
    padding-left: 0; } }

.faciliti {
  color: #424242; }

.faciliti-header {
  background: url(../../../content/dam/mabanque/rsc/contrib/image/particuliers/faciliti/header.jpg) no-repeat #000;
  background-size: cover;
  padding: 20px 0 30px 35px;
  color: #fff; }

@media screen and (max-width: 768px) {
  .faciliti-header {
    padding: 15px; }
  .faciliti-header h2 {
    font-size: 15px; }
  .faciliti-header .faciliti-header__intro li {
    font-size: 13px; }
  .faciliti-header .faciliti-header__intro h1 {
    margin-top: 24px;
    line-height: 45px;
    max-width: 265px;
    font-size: 37px;
    letter-spacing: 0.2px; }
  .faciliti-header .faciliti-header__intro p {
    text-shadow: 0 0 9px rgba(0, 0, 0, 0.5);
    font-size: 13px;
    line-height: 1.46;
    max-width: 100%;
    margin-top: -3px;
    line-height: 19px;
    margin-bottom: 20px; } }

.faciliti-header__breadcrumb li {
  list-style: none;
  font-size: 0.9em; }

.faciliti-header__intro h1 {
  font-weight: 700;
  font-size: 2.8em; }

.faciliti-header__intro p {
  font-size: 1.2em;
  max-width: 80%; }

.faciliti .box-container {
  margin-bottom: 60px; }

@media screen and (max-width: 768px) {
  .faciliti .box-container {
    padding: 0 14px; } }

.faciliti .box-container .box {
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  padding: 30px 2.7%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: none; }

@media screen and (max-width: 768px) {
  .faciliti .box-container .box {
    padding: 18px 0px 45px 17px; } }

.faciliti .box-container .box a span:last-child {
  text-decoration: underline; }

.faciliti .box-container .box a span.icon {
  text-decoration: none; }

.faciliti .box-container .box .block-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  max-width: 460px;
  padding: 17px 0; }

.faciliti .box-container .box .block-left img {
  margin: 0 26px 0 10px; }

.faciliti .box-container .box .block-left .text h3 {
  font-family: "open sans";
  font-size: 17px;
  font-weight: bold;
  color: #424242;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0; }

.faciliti .box-container .box .block-left .text p {
  padding-right: 20px;
  font-size: 15px;
  color: #424242;
  margin-bottom: 0;
  margin-top: 8px; }

@media screen and (max-width: 768px) {
  .faciliti .box-container .box .block-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 0;
    padding-top: 22px;
    margin-bottom: 0 !important; }
  .faciliti .box-container .box .block-left img {
    margin-bottom: 22px; }
  .faciliti .box-container .box .block-left .text h3 {
    padding-right: 15px;
    font-size: 15px; }
  .faciliti .box-container .box .block-left .text p {
    font-size: 13px; } }

.faciliti .box-container .box .block-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 40px 0 80px;
  border-left: 2px solid #f0f0f0;
  min-width: 472px;
  min-height: 128px; }

.faciliti .box-container .box .block-right.special-pad {
  padding-left: 20px;
  padding-right: 0; }

.faciliti .box-container .box .block-right span.icon {
  margin-right: 6px;
  font-size: 20px;
  position: relative;
  top: 4px; }

.faciliti .box-container .box .block-right a {
  font-size: 15px;
  font-weight: 600;
  color: #00965e; }

@media screen and (max-width: 768px) {
  .faciliti .box-container .box .block-right {
    padding: 0 !important;
    min-height: 0;
    min-width: 0;
    margin-right: 30px; }
  .faciliti .box-container .box .block-right a {
    position: relative; }
  .faciliti .box-container .box .block-right a span:first-child {
    position: absolute;
    top: -1px; }
  .faciliti .box-container .box .block-right a span:last-child {
    padding-left: 25px;
    display: block;
    font-size: 14px; } }

.faciliti .nous-contacter a {
  color: #00915a;
  font-weight: 600;
  text-decoration: underline; }

.faciliti-contentBlock {
  background-color: #fff; }

@media screen and (max-width: 768px) {
  .faciliti-contentBlock section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px 0; } }

.faciliti-contentBlock--marg {
  margin: 2rem;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 4px -2px #8a8a8a;
          box-shadow: 0 2px 4px -2px #8a8a8a; }

.faciliti-contentBlock--marg .logo-container {
  background-image: url(../../../content/dam/mabanque/rsc/contrib/image/particuliers/faciliti/logo-facil-iti.svg);
  background-color: #f1f1f1;
  width: 100%;
  background-size: 70% auto;
  background-repeat: no-repeat;
  background-position: center;
  max-width: 440px; }

@media screen and (max-width: 768px) {
  .faciliti-contentBlock--marg {
    margin: 29px 11px; }
  .faciliti-contentBlock--marg .logo-container {
    background-size: 82% auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 270px;
    max-width: unset; } }

.faciliti-contentBlock--full {
  padding: 3rem 5rem 80px; }

@media screen and (max-width: 768px) {
  .faciliti-contentBlock--full {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 2rem 0;
    margin-bottom: 50px; } }

.faciliti-contentBlock--full section {
  margin: 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.faciliti-contentBlock--full section .faciliti-contentBlock__sideTxt {
  padding: 0; }

.faciliti-contentBlock--full section .faciliti-contentBlock__sideTxt p {
  font-size: 0.95em;
  margin-bottom: 0; }

@media screen and (max-width: 768px) {
  .faciliti-contentBlock--full section .faciliti-contentBlock__sideTxt {
    width: 50%;
    padding: 0 2rem; } }

@media screen and (max-width: 768px) {
  .faciliti-contentBlock--full section .faciliti-contentBlock__sideImg {
    max-width: 180px;
    margin-bottom: 20px; }
  .faciliti-contentBlock--full section .faciliti-contentBlock__sideImg img {
    max-width: 100%; } }

.faciliti-contentBlock--full section:nth-child(odd) .faciliti-contentBlock__sideTxt {
  margin-left: 90px; }

@media screen and (max-width: 768px) {
  .faciliti-contentBlock--full section:nth-child(odd) .faciliti-contentBlock__sideTxt {
    margin-left: 0 !important; } }

.faciliti-contentBlock--full section:nth-child(odd) .faciliti-contentBlock__sideTxt.no-margin {
  margin-left: 0; }

@media screen and (max-width: 768px) {
  .faciliti-contentBlock--full section:nth-child(odd) .faciliti-contentBlock__sideTxt {
    width: 100%; } }

@media screen and (max-width: 768px) {
  .faciliti-contentBlock--full section:nth-child(odd) .faciliti-contentBlock__sideImg {
    width: 100%; }
  .faciliti-contentBlock--full section:nth-child(odd) .faciliti-contentBlock__sideImg img {
    max-width: 100%; } }

.faciliti-contentBlock--full section:nth-child(even) .faciliti-contentBlock__sideTxt {
  margin-left: 100px;
  width: 537px; }

.faciliti-contentBlock--full section:nth-child(even) .faciliti-contentBlock__sideTxt.no-margin {
  margin-left: 0;
  width: 100%; }

@media screen and (max-width: 768px) {
  .faciliti-contentBlock--full section:nth-child(even) .faciliti-contentBlock__sideTxt {
    width: 100%;
    margin-left: 0px; } }

.faciliti-contentBlock--grid section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 60px; }

.faciliti-contentBlock--grid section.no-flex {
  display: block;
  margin-bottom: 20px; }

@media screen and (max-width: 768px) {
  .faciliti-contentBlock--grid section.no-flex {
    margin-bottom: 0px;
    padding-bottom: 19px; } }

.faciliti-contentBlock--grid section.no-flex a {
  text-decoration: underline; }

@media screen and (max-width: 768px) {
  .faciliti-contentBlock--grid section {
    margin-bottom: 0px;
    padding-top: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

.faciliti-contentBlock--grid section:last-child {
  margin-bottom: 0; }

.faciliti-contentBlock__sideTxt {
  padding: 3rem; }

.faciliti-contentBlock__sideTxt h2 {
  font-size: 17px;
  font-weight: bold;
  color: #424242;
  font-family: "Open Sans";
  text-transform: initial;
  line-height: 20px; }

.faciliti-contentBlock__sideTxt p {
  font-size: 15px; }

@media screen and (max-width: 768px) {
  .faciliti-contentBlock__sideTxt {
    padding: 18px; }
  .faciliti-contentBlock__sideTxt h2 {
    margin-top: 6px;
    font-size: 15px; }
  .faciliti-contentBlock__sideTxt p {
    font-size: 13px;
    margin-top: 21px; }
  .faciliti-contentBlock__sideTxt a.btn-primary {
    width: 188px;
    margin: auto;
    display: block;
    margin-top: 41px;
    margin-bottom: -7px; } }

.faciliti-contentBlock__sideTxt.top-section h2 {
  margin-bottom: 19px; }

.faciliti-contentBlock__sideTxt.top-section p {
  margin-bottom: 36px; }

.faciliti-contentBlock__sideTxt button {
  margin-top: 30px; }

@media screen and (max-width: 768px) {
  .faciliti-contentBlock__sideImg img {
    max-width: 100%; } }

@media screen and (max-width: 1000px) {
  .faciliti-contentBlock--full section:nth-child(odd).navigation .faciliti-contentBlock__sideImg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .faciliti-contentBlock--full section:nth-child(odd).navigation .faciliti-contentBlock__sideTxt {
    margin-left: 20px; }
  .faciliti .box-container .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .faciliti .box-container .box .block-left {
    width: 100%;
    max-width: unset;
    margin-bottom: 30px; }
  .faciliti .box-container .box .block-right {
    border-left: none;
    padding-left: 84px;
    min-height: 28px; }
  .faciliti .box-container .box .block-right.special-pad {
    padding-left: 84px; } }

.lien-footer-accessible {
  display: inline; }

body.preview .lien-footer-accessible {
  display: inline; }

body.ident .ident-faciliti {
  display: none; }

body.ident.preview .ident-faciliti {
  display: block; }

.faciliti-contentBlock--grid section:last-child {
  margin-bottom: 0; }

.box-container {
  margin-bottom: 60px; }

@media screen and (max-width: 768px) {
  .box-container {
    padding: 0 14px; } }

.box-container .box {
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  padding: 30px 2.7%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: none; }

@media screen and (max-width: 768px) {
  .box-container .box {
    padding: 18px 0px 45px 17px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.box-container .box a span:last-child {
  text-decoration: underline; }

.box-container .box a span.icon {
  text-decoration: none; }

.box-container .box .block-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  max-width: 460px;
  padding: 17px 0; }

.box-container .box .block-left img {
  margin: 0 26px 0 10px; }

.box-container .box .block-left .text h3 {
  font-family: "open sans";
  font-size: 17px;
  font-weight: bold;
  color: #424242;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0; }

.box-container .box .block-left .text p {
  padding-right: 20px;
  font-size: 15px;
  color: #424242;
  margin-bottom: 0;
  margin-top: 8px; }

@media screen and (max-width: 768px) {
  .box-container .box .block-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 0;
    padding-top: 22px;
    margin-bottom: 0 !important;
    width: 100%;
    max-width: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
  .box-container .box .block-left img {
    margin-bottom: 22px; }
  .box-container .box .block-left .text {
    text-align: left; }
  .box-container .box .block-left .text h3 {
    padding-right: 15px;
    font-size: 15px; }
  .box-container .box .block-left .text p {
    font-size: 13px; } }

.box-container .box .block-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 40px 0 80px;
  border-left: 2px solid #f0f0f0;
  min-height: 128px;
  width: 50%;
  min-width: auto; }

.box-container .box .block-right.special-pad {
  padding-left: 20px;
  padding-right: 0; }

.box-container .box .block-right span.icon {
  margin-right: 6px;
  font-size: 20px;
  position: relative;
  top: 4px; }

.box-container .box .block-right a {
  font-size: 15px;
  font-weight: 600;
  color: #00965e; }

@media screen and (max-width: 768px) {
  .box-container .box .block-right {
    padding: 0 !important;
    min-height: 0;
    min-width: 0;
    margin-right: 30px;
    width: 100%;
    border-left: none; }
  .box-container .box .block-right a {
    position: relative; }
  .box-container .box .block-right a span:first-child {
    position: absolute;
    top: -1px; }
  .box-container .box .block-right a span:last-child {
    padding-left: 25px;
    display: block;
    font-size: 14px; } }

.faciliti-contentBlock {
  background-color: #fff; }

@media screen and (max-width: 768px) {
  .faciliti-contentBlock section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px 0; } }

.faciliti-contentBlock--marg {
  margin: 2rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  background-color: #e7e7e7; }

.faciliti-contentBlock--marg section {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0;
  width: 100%;
  max-width: none;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); }

.faciliti-contentBlock--marg .logo-container,
.faciliti-contentBlock--marg .logo-container-malentendants {
  background-image: url("../../../content/dam/mabanque/rsc/contrib/image/particuliers/faciliti/logo-facil-iti.svg");
  background-color: #f1f1f1;
  width: 100%;
  height: 240px;
  background-size: 70% auto;
  background-repeat: no-repeat;
  background-position: center;
  max-width: none; }

.faciliti-contentBlock--marg .logo-container-malentendants {
  background-image: url("../../../content/dam/mabanque/rsc/contrib/image/particuliers/faciliti/visuel-investo.png");
  background-size: 110%; }

@media screen and (max-width: 768px) {
  .faciliti-contentBlock--marg {
    margin: 29px 11px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .faciliti-contentBlock--marg .logo-container {
    background-size: 82% auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 270px;
    max-width: unset; } }

.faciliti-contentBlock--full {
  padding: 3rem 4rem 80px 4rem; }

@media screen and (max-width: 1000px) {
  .faciliti-contentBlock--full section.navigation {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .faciliti-contentBlock--full section.navigation .faciliti-contentBlock__sideImg {
    display: block; } }

.faciliti-contentBlock--full .box .block-left img {
  width: 49px; }

@media screen and (max-width: 768px) {
  .faciliti-header {
    background-image: url("../../../content/dam/mabanque/rsc/contrib/image/particuliers/faciliti/visuel-header.png"); } }