@charset "UTF-8";
.container {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem; }

.row {
  margin-right: -1rem;
  margin-left: -1rem; }

.col {
  padding-right: 1rem;
  padding-left: 1rem; }

/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/bootstrap/_variables.scss
 */
/**
 * AJAX (throbber) styling.
 */
@keyframes glyphicon-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.glyphicon-spin {
  display: inline-block;
  animation: glyphicon-spin 1s infinite linear; }

a .glyphicon-spin {
  display: inline-block;
  text-decoration: none; }

html.js .btn .ajax-throbber {
  margin-left: .5em;
  margin-right: -.25em; }

html.js .form-item .input-group-addon .glyphicon {
  color: #F4F6F9;
  opacity: .5;
  transition: 150ms color, 150ms opacity; }
  html.js .form-item .input-group-addon .glyphicon.glyphicon-spin {
    color: #3186d6;
    opacity: 1; }

html.js .form-item .input-group-addon .input-group-addon {
  background-color: white; }

html.js .ajax-new-content:empty {
  display: none !important; }

.region-header-top,
.wrapper-region-header-top {
  display: none; }

.alert-header .wrapper-region-header-top {
  display: block;
  position: relative;
  color: #fff;
  padding: 10px 0; }
  .alert-header .wrapper-region-header-top .block-block-content a {
    color: #fff;
    text-decoration: underline; }
  .alert-header .wrapper-region-header-top .container {
    padding: 0 20px; }
  .alert-header .wrapper-region-header-top .close {
    position: absolute;
    display: block;
    padding: 2px 5px;
    top: 0;
    right: 0;
    color: #fff; }

.alert-header .region-header-top {
  display: block; }

@media screen and (max-width: 767.98px) {
  .alert-header .wrapper-region-header-top {
    padding: 10px 20px; } }

/**
 * Alert styling.
 */
.alert-sm {
  padding: 5px 10px; }

.alert a {
  font-weight: bold; }

.alert-success a, .alert-success a:hover, .alert-success a:focus {
  color: #238689; }

.alert-info a, .alert-info a:hover, .alert-info a:focus {
  color: #236cb1; }

.alert-warning a, .alert-warning a:hover, .alert-warning a:focus {
  color: #897223; }

.alert-danger a, .alert-danger a:hover, .alert-danger a:focus {
  color: #b04000; }

#trust-pilot-widget {
  width: 100%;
  margin: 10px auto 60px;
  height: auto; }

.page-node-type-page .paragraph--type--trustpilot-home-block .trustpilot-score {
  padding-top: 20px; }

.page-node-type-page .paragraph--type--trustpilot-home-block .lien-all-trust {
  margin-bottom: 60px;
  display: block; }

.page-node-type-page .paragraph--type--trustpilot-home-block .trustpilot-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }

.page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis {
  margin-bottom: 25px;
  flex: 0 1 auto; }
  .page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis .blockReview {
    padding: 15px;
    height: 100%;
    border: 1px solid #cccccc; }
    .page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis .blockReview .blockReview-consumer, .page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis .blockReview .blockReview-title, .page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis .blockReview .blockReview-date, .page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis .blockReview .blockReview-text {
      text-align: left; }
  .page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis .blockReview-consumer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center; }
    .page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis .blockReview-consumer .cons-name {
      flex: 2 2 auto; }
    .page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis .blockReview-consumer .cons-score {
      flex: 2 2 initial; }

.cn-nav-tabs {
  border: 0;
  list-style: none;
  display: flex;
  flex-wrap: nowrap; }

.cn-nav-tabs li.item {
  flex-grow: 1;
  height: 65px; }

.cn-nav-tabs li.item:last-child a {
  border-right: 0; }

.cn-nav-tabs li.item a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 65px;
  text-align: center;
  color: #000;
  padding: 0;
  border-right: 1px solid #666666; }

.cn-nav-tabs li.item a span {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-weight: 500;
  line-height: 1; }

.cn-nav-tabs li.item a.active {
  color: white;
  background-color: #FF5F00;
  border-right: 0; }

.cn-nav-tabs li.item a.active:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: #FF5F00 transparent transparent transparent;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -10px; }

.cn-tab-content {
  margin-bottom: 20px;
  padding: 50px;
  color: #666666; }

.cn-tab-content .cn-tab-panel {
  display: none; }

.cn-tab-content .cn-tab-panel.active {
  display: block; }

.language-switcher {
  position: relative;
  border-radius: 10px;
  border: solid 1px #cccccc;
  background-color: white;
  padding: 1px;
  width: -moz-max-content;
  width: max-content; }
  .language-switcher .language-active {
    display: flex;
    width: 100%;
    border: 0;
    background: none;
    font: inherit;
    color: inherit;
    text-align: left;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
    line-height: 30px;
    align-items: center; }
    .language-switcher .language-active .language-link {
      margin-right: 10px;
      width: 100%;
      display: flex;
      align-items: center; }
      .language-switcher .language-active .language-link.short {
        display: none; }
  .language-switcher .language-icon {
    float: left;
    border-radius: 25px;
    height: 25px;
    padding: 0;
    width: auto;
    max-width: 25px;
    margin-right: 10px; }
  .language-switcher li {
    cursor: pointer;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    padding: 10px; }
    .language-switcher li:hover span, .language-switcher li:hover icon {
      color: #ff5f00; }
    .language-switcher li a {
      color: #000;
      padding: 0;
      width: 100%;
      display: inline-block;
      padding-right: 26px;
      text-align: center; }
      .language-switcher li a:hover {
        text-decoration: none;
        color: #ff5f00; }
      .language-switcher li a img {
        margin-right: 10px; }
    .language-switcher li .icon {
      float: right;
      padding-left: 15px; }

header .language-switcher {
  border: none; }
  header .language-switcher ul {
    position: absolute;
    right: 0;
    border-radius: 10px;
    border: solid 1px #cccccc;
    background-color: white;
    width: -moz-max-content;
    width: max-content; }
  header .language-switcher .language-active .language-link {
    margin: 0; }
    header .language-switcher .language-active .language-link span {
      display: none; }
    header .language-switcher .language-active .language-link.short {
      display: block;
      white-space: nowrap; }
      header .language-switcher .language-active .language-link.short span {
        display: block; }
  header .language-switcher .language-active .icon {
    margin-left: 10px;
    font-size: 10px; }

footer .footer-last-links {
  height: 100%;
  justify-content: center; }
  footer .footer-last-links .block-nickel-footer-button {
    width: 250px; }
  footer .footer-last-links .language-switcher {
    width: 250px;
    margin-right: 0;
    border-color: #000;
    border-radius: 100px; }
    footer .footer-last-links .language-switcher.active {
      border-radius: 15px; }
    footer .footer-last-links .language-switcher .language-link span {
      width: 100%;
      text-align: center; }

@media screen and (max-width: 767.98px) {
  footer .footer-last-links .block-nickel-footer-button {
    width: 100%; }
  footer .footer-last-links .language-switcher {
    width: 100%;
    margin-bottom: 30px; } }

/**
 * $file
 * Visual styles for fields.
 */
.field--label {
  font-weight: bold; }

.field--label-inline .field--label,
.field--label-inline .field--items {
  float: left;
  /*LTR*/ }

.field--label-inline .field--label,
.field--label-inline > .field--item,
.field--label-inline .field--items {
  padding-right: 0.5em; }

[dir="rtl"] .field--label-inline .field--label,
[dir="rtl"] .field--label-inline .field--items {
  padding-left: 0.5em;
  padding-right: 0;
  float: right;
  /*RTL*/ }

.field--label-inline .field--label::after {
  content: ':'; }

.field--name-field-ima > img {
  margin-right: auto;
  margin-left: auto;
  border-radius: 10px; }

/**
 * File (and Image Widget) styles.
 */
.file {
  display: table;
  font-size: 75%;
  font-weight: 700;
  margin: 5px 0;
  width: 100%; }
  .file > span {
    background: #fff;
    color: #3186d6;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc; }
    .file > span:first-child {
      border-left: 1px solid #cccccc; }
    .file > span:last-child {
      border-right: 1px solid #cccccc; }
  .file > .tabledrag-changed {
    background: #F2F2F2;
    border-radius: 0;
    color: #b2942d;
    display: table-cell;
    padding: 0 1em;
    top: 0;
    vertical-align: middle;
    border-left: 1px solid inherit; }
    .file > .tabledrag-changed, .file > .tabledrag-changed:last-child {
      border: 1px solid #000000; }

.file-icon {
  display: table-cell;
  font-size: 150%;
  padding: .25em .5em;
  text-align: center;
  vertical-align: middle; }

.file-link {
  display: table-cell;
  vertical-align: middle;
  width: 100%; }
  .file-link a, .file-link a:hover, .file-link a:focus, .file-link a:active {
    color: inherit; }

.file-size {
  display: table-cell;
  padding: 0 1em;
  text-align: right;
  white-space: pre;
  vertical-align: middle; }

.image-widget.row {
  overflow: hidden; }

/**
 * Filter styles.
 */
.filter-wrapper {
  background-color: #F2F2F2;
  border: 1px solid #cccccc;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 0;
  padding: 10px;
  height: 51px; }

.filter-help {
  float: right;
  line-height: 1;
  margin: .5em 0 0; }

.nav.nav-tabs.filter-formats {
  margin-bottom: 15px; }

.footer-content {
  padding-top: 0px; }

@media screen and (min-width: 992px) {
  .footer-links-item:not(:first-child) {
    margin-left: 30px; }
  .footer-content {
    padding-top: 30px; } }

@media only screen and (max-width: 992px) and (min-width: 768px) {
  footer {
    position: relative; }
    footer .footer-content .footer-logo {
      position: absolute; }
    footer .footer-content .footer-links {
      margin-left: 45%; }
      footer .footer-content .footer-links .footer-last-links {
        margin-left: -20%;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 120%; }
        footer .footer-content .footer-links .footer-last-links .btn-default {
          margin: 0 5px; }
        footer .footer-content .footer-links .footer-last-links .block-nickel-footer-button {
          max-width: 45%; }
        footer .footer-content .footer-links .footer-last-links .language-switcher {
          max-width: 45%;
          margin-left: 10px; }
      footer .footer-content .footer-links .menu-footer-links {
        flex-direction: row;
        justify-content: space-between; }
        footer .footer-content .footer-links .menu-footer-links .footer-links-item {
          flex: 1 1 auto; }
      footer .footer-content .footer-links > .footer-links-item {
        width: 100%; }
    footer .footer-content #block-socialnetwork .footer-store, footer .footer-content #block-socialnetwork .footer-social {
      width: 50%;
      padding-top: 25px;
      margin-top: 25px;
      border-top: 1px solid #d4d4d4;
      justify-content: end; } }

/**
 * Form styles.
 */
table .checkbox.form-no-label, table .radio.form-no-label {
  margin-bottom: 0;
  margin-top: 0; }

.select-wrapper {
  display: inline-block;
  position: relative;
  width: 100%; }
  .form-inline .select-wrapper {
    width: auto; }
  .input-group .select-wrapper {
    display: table-cell; }
    .input-group .select-wrapper:first-child .form-control:first-child {
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .input-group .select-wrapper:last-child .form-control:first-child {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
  .select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1;
    padding-right: 2em; }
    .select-wrapper select::-ms-expand {
      opacity: 0; }
  .select-wrapper:after {
    color: #3186d6;
    content: '▼';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-top: -.5em;
    padding-right: .5em;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 10; }
    .has-glyphicons .select-wrapper:after {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: '\e114';
      display: inline-block;
      font-family: 'Glyphicons Halflings'; }
    .has-error .select-wrapper:after {
      color: #E35300; }
    .has-success .select-wrapper:after {
      color: #2daeb2; }
    .has-warning .select-wrapper:after {
      color: #b2942d; }

.form-required:after {
  background-image: url(../images/required.svg);
  background-size: 10px 7px;
  content: "";
  display: inline-block;
  line-height: 1;
  height: 7px;
  width: 10px; }

.form-actions .btn, .form-actions .btn-group {
  margin-right: 10px; }

.form-actions .btn-group .btn {
  margin-right: 0; }

/*form {
  details {
    &.captcha {
      summary,.details-description {
        display: none;
      }
    }
  }

}*/
.hidden {
  display: none; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

@media screen and (max-width: 991.98px) {
  .desktop-only {
    display: none; } }

.icon-1-5x {
  font-size: 1.5rem; }

.icon-2x {
  font-size: 2rem; }

.icon-3x {
  font-size: 3rem; }

.icon-4x {
  font-size: 4rem; }

.icon-5x {
  font-size: 5rem; }

.icon-mr10 {
  margin-right: 10px; }

.icon-mr20 {
  margin-right: 20px; }

.icon-mr30 {
  margin-right: 30px; }

.icon-ml10 {
  margin-left: 10px; }

.icon-ml20 {
  margin-left: 20px; }

.icon-ml30 {
  margin-left: 30px; }

/* purgecss start ignore */
#block-nickel-theme-local-tasks ul {
  margin: 20px auto;
  color: #ff5f00;
  border-bottom: 1px solid #ff5f00;
  height: 40px;
  font-size: 1.2em;
  padding-bottom: 5px; }
  #block-nickel-theme-local-tasks ul li {
    float: left;
    list-style: none; }
    #block-nickel-theme-local-tasks ul li a {
      height: 40px;
      padding: 5px 10px;
      margin-right: 2px;
      line-height: 1.428571429;
      border: none;
      border-radius: 4px 4px 0 0;
      text-decoration: none;
      list-style: none;
      display: inline-block;
      color: #000000; }
      #block-nickel-theme-local-tasks ul li a.is-active, #block-nickel-theme-local-tasks ul li a:hover, #block-nickel-theme-local-tasks ul li a:focus {
        color: #fff;
        background-color: #ff5f00;
        cursor: default; }

/* purgecss end ignore */
.user-login-form {
  margin: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.img-responsive, img {
  display: block;
  max-width: 100%;
  height: auto; }

.nav-mobile-list li span.ic-nav {
  display: none; }

@media screen and (max-width: 991.98px) {
  .nav-mobile-list li span.ic-nav {
    display: flex;
    align-items: flex-end;
    height: 20px; }
    .nav-mobile-list li span.ic-nav span.icon:before {
      font-size: 16px; } }

.mega-menu-hover .layout-container:after {
  content: '';
  display: block;
  background: #000;
  opacity: 0.8;
  width: 100%;
  height: 1000%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10; }

@media screen and (max-width: 991.98px) {
  .mega-menu-hover .layout-container:after {
    display: none; } }

body .header--dropdown .header-group {
  padding: 24px 24px; }

body header nav .link-card:not(:last-child) {
  margin-bottom: 16px; }

.wrapper-menu-burger {
  display: none; }

@media screen and (max-width: 767.98px) {
  body.enable-menu-burger {
    padding-top: 68px; }
    body.enable-menu-burger #block-clientarea {
      margin: 0; }
    body.enable-menu-burger.menu-burger-collapsed #block-clientarea {
      display: none; }
    body.enable-menu-burger.menu-burger-collapsed .wrapper-menu-burger .button-toogle .icon-hamburger-menu:before {
      content: "\ea1b"; }
  .enable-menu-burger .header-grid > nav {
    display: none; }
  .enable-menu-burger .header-grid > .language-switcher {
    display: none; }
  .enable-menu-burger .wrapper-menu-burger {
    display: block;
    margin-right: 10px; }
    .enable-menu-burger .wrapper-menu-burger .button-toogle {
      border: 0;
      padding: 0;
      background: none;
      font: inherit;
      color: inherit;
      cursor: pointer; }
    .enable-menu-burger .wrapper-menu-burger .burger-menu {
      display: none;
      box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.12); }
      .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed {
        padding: 20px 16px 20px;
        display: block;
        background-color: #fff;
        position: fixed;
        left: 0;
        right: 0;
        top: 68px;
        height: calc(100% - 68px);
        overflow: auto; }
        .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .block-nickel-client-area .header-user ul {
          width: 100%; }
          .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .block-nickel-client-area .header-user ul li {
            display: block;
            flex: 0 1 50%;
            margin: 0 15px 0 0; }
            .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .block-nickel-client-area .header-user ul li a {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: center; }
            .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .block-nickel-client-area .header-user ul li:last-child {
              margin: 0; }
        .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .language-switcher {
          position: relative;
          border: solid 1px #000;
          border-radius: 100px;
          width: 80%;
          margin: 50px auto; }
          .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .language-switcher.active {
            border-radius: 15px; }
          .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .language-switcher .language-option {
            position: relative;
            border: 0; }
          .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .language-switcher .language-active {
            display: flex;
            width: 100%;
            border: 0;
            background: none;
            font: inherit;
            color: inherit;
            text-align: left;
            padding: 10px;
            align-items: center; }
            .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .language-switcher .language-active .language-link {
              width: 100%;
              display: flex;
              align-items: center; }
              .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .language-switcher .language-active .language-link.short {
                display: none; }
              .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .language-switcher .language-active .language-link span {
                display: inline; }
      .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger {
        margin: 20px 0; }
        .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li {
          font-size: 18px;
          font-weight: 700; }
          .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li .li-item {
            height: 64px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid #F4F6F9; }
          .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li span.icon {
            display: block;
            width: 50px;
            text-align: right;
            padding: 15px 0;
            cursor: pointer; }
          .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li:last-child .li-item {
            border: none; }
          .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li.collapsed > .li-item .icon-chevron-right:before {
            content: "\e9ad"; }
          .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li.collapsed ul {
            display: block; }
          .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li ul {
            display: none; }
            .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li ul li {
              font-size: 16px;
              font-weight: 500; }
              .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li ul li:last-child .li-item {
                border-bottom: 1px solid #F4F6F9; } }

/**
 * Node styling.
 */
.is-unpublished {
  background-color: #fff4f4; }

.node-preview-container {
  margin-top: -15px; }

.node-preview-form-select {
  padding: 15px; }

#block-title-custom {
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  align-items: center; }
  #block-title-custom.orange h1,
  #block-title-custom.orange h2,
  #block-title-custom.orange h3 {
    color: #ff5f00;
    font-family: "Muller", Arial, sans-serif;
    font-weight: 800; }
  #block-title-custom.lg h1 {
    font-family: "Muller", Arial, sans-serif;
    font-weight: 800;
    font-size: 36px; }
  #block-title-custom .wrapper-custom-title {
    display: flex;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    #block-title-custom .wrapper-custom-title .page-custom-picto {
      flex: initial;
      margin-right: 20px; }
    #block-title-custom .wrapper-custom-title .page-custom-title {
      flex: auto;
      margin-top: 0px;
      margin-bottom: 0px; }

@media screen and (max-width: 1199.98px) {
  #block-title-custom {
    padding: 20px; } }

.embedded-entity.align-center {
  text-align: center; }
  .embedded-entity.align-center img {
    margin-left: auto;
    margin-right: auto; }
  .embedded-entity.align-center article.media {
    display: inline-block; }

.homepage .trustpilot-container {
  display: flex;
  flex-flow: row wrap;
  margin-left: 0;
  margin-right: 0; }

.navbar-default .navbar-nav > li > a:hover {
  color: #ff5f00; }

.navbar-default .navbar-nav > li:last-child > a:hover {
  color: #fff; }

ul.menu.menu--main.nav.navbar-nav li.active ul.dropdown-menu li a {
  color: black; }

ul.menu.menu--main.nav.navbar-nav li ul.dropdown-menu li a {
  color: white; }
  ul.menu.menu--main.nav.navbar-nav li ul.dropdown-menu li a:hover {
    color: black; }

ul.menu.menu--main.nav.navbar-nav li ul.dropdown-menu li.active a {
  background-color: white;
  color: #ff5f00; }

@media screen and (max-width: 991.98px) {
  .navbar.container {
    border-color: #fff; }
  .navbar-nav {
    float: right;
    width: 60%;
    display: flex;
    justify-content: center; }
  .navbar-header {
    flex: 2; }
  .navbar {
    max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center; }
  .navbar-collapse.collapse {
    flex: 10; }
  #block-compte-nickel-theme-main-menu,
  #block-navegacionprincipales {
    display: flex;
    flex: 1; }
  ul.menu.menu--main.nav.navbar-nav {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    ul.menu.menu--main.nav.navbar-nav li ul.dropdown-menu li a {
      color: black; }
    ul.menu.menu--main.nav.navbar-nav li ul.dropdown-menu li.active a {
      background-color: white;
      color: #ff5f00; }
    ul.menu.menu--main.nav.navbar-nav > li {
      flex: initial;
      flex-shrink: 2;
      text-align: center;
      padding: 0; }
      ul.menu.menu--main.nav.navbar-nav > li a {
        padding: 17px 15px;
        color: black; }
        ul.menu.menu--main.nav.navbar-nav > li a.is-active {
          color: #ff5f00; }
    ul.menu.menu--main.nav.navbar-nav > li:last-child {
      display: inline-block;
      height: 54px;
      line-height: 54px;
      text-align: center; }
      ul.menu.menu--main.nav.navbar-nav > li:last-child a {
        border-radius: 35px;
        border: none;
        box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
        background-color: #FF5F00;
        color: white;
        padding-left: 28px;
        padding-right: 28px;
        min-width: 150px; }
        ul.menu.menu--main.nav.navbar-nav > li:last-child a:hover {
          background-color: #E35300;
          text-decoration: none;
          box-shadow: none; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ff5f00;
    background-color: transparent;
    border-color: #ff5f00; }
  .region.region-navigation-collapsible {
    height: 100%;
    display: flex; }
  .navbar-toggle {
    display: none; }
  .collapse {
    display: block; }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important; }
  .footerRow {
    max-width: 1200px;
    margin: 0 auto;
    justify-content: center; } }

.block-nickel-press-block {
  font-size: 25px;
  text-align: center;
  padding: 30px;
  font-family: "Muller", Arial, sans-serif;
  font-weight: 500;
  color: #ff5f00; }
  .block-nickel-press-block .block-title {
    margin-bottom: 30px; }

article.page {
  overflow: hidden;
  margin-right: auto;
  margin-left: auto; }

.views-page {
  margin: 0;
  padding: 0; }
  .views-page .view-header {
    margin-bottom: 40px; }
  .views-page .view-content {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; }

.user-logged-in.adminimal-admin-toolbar {
  padding-top: 0px !important; }

li.menuFooterLink ul {
  padding: 10px 15px; }

li.menuFooterLink a {
  color: #000000;
  display: block;
  padding: 10px 0px; }
  li.menuFooterLink a:hover {
    background-color: transparent;
    text-decoration: none;
    color: #ff5f00; }

li.menuFooterLink ul a {
  padding: 0; }

.menuFooterLink.active a {
  color: #ff5f00;
  font-family: "Muller", Arial, sans-serif; }

.footer {
  background-color: #f2f2f2;
  width: 100%;
  margin-top: 0; }

.presse .content .field--name-field-ima {
  display: flex;
  justify-content: center;
  margin: 20px 0;
  height: 50px; }

.presse .content .field--name-field-accroche {
  font-family: "Muller", Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #000000; }

.presse > span {
  display: none; }

.presse {
  border: 1px solid #cccccc;
  padding: 10px 0px;
  border-radius: 10px;
  background-color: #fff; }

.block-nickel-press-block {
  font-size: 25px;
  text-align: center;
  padding: 30px;
  font-family: "Muller", Arial, sans-serif;
  font-weight: 500;
  color: #ff5f00;
  margin: 0 auto;
  max-width: 1200px; }
  .block-nickel-press-block .block-title {
    margin-bottom: 30px; }

.paragraph--type--trustpilot-home-block, .paragraph--type--trustpilot-home-block-seo {
  text-align: center;
  padding: 30px 20px 60px;
  margin: 0 auto; }
  .paragraph--type--trustpilot-home-block .field--name-field-paragraph-title, .paragraph--type--trustpilot-home-block .paragraph-block-title, .paragraph--type--trustpilot-home-block-seo .field--name-field-paragraph-title, .paragraph--type--trustpilot-home-block-seo .paragraph-block-title {
    font-size: 1.5rem;
    text-align: center;
    padding: 30px 0;
    font-family: "Muller", Arial, sans-serif;
    font-weight: 500;
    color: #ff5f00; }
    .paragraph--type--trustpilot-home-block .field--name-field-paragraph-title .block-title, .paragraph--type--trustpilot-home-block .paragraph-block-title .block-title, .paragraph--type--trustpilot-home-block-seo .field--name-field-paragraph-title .block-title, .paragraph--type--trustpilot-home-block-seo .paragraph-block-title .block-title {
      margin-bottom: 30px; }

.truspilotReviews {
  align-items: center;
  display: flex; }

.page-node-type-homepage .truspilot-avis {
  border: 1px solid #cccccc;
  margin: 5px;
  flex: 1;
  background-color: #fff;
  border-radius: 10px; }

.blockReview {
  padding: 10px 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #fff;
  border-radius: 10px; }

.blockReview-text {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
  font-size: 13px;
  line-height: 1.54;
  text-align: center;
  color: #666666;
  font-family: "Muller", Arial, sans-serif; }

.blockReview-title {
  overflow: hidden;
  font-family: "Muller", Arial, sans-serif;
  text-overflow: ellipsis;
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: center;
  color: #666666; }

.blockReview-date {
  font-family: "Muller", Arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  padding: 0 10px 10px;
  letter-spacing: normal;
  text-align: center;
  color: #666666; }

.blockReview-consumer {
  font-family: "Muller", Arial, sans-serif;
  /* font-family: Rubik; */
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  padding: 10px;
  letter-spacing: normal;
  text-align: center;
  color: #000; }

.trustpilot-score {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 20px; }

.trustpilot-logo {
  padding-bottom: 10px; }

.trustpilot-imgs {
  padding: 0 20px; }

.trustpilot-note {
  display: flex;
  flex-direction: column; }
  .trustpilot-note .score {
    font-size: 30px;
    font-weight: 500;
    font-family: "Muller", Arial, sans-serif; }
  .trustpilot-note .surdix {
    font-size: 13px;
    color: #666666;
    font-family: "Muller", Arial, sans-serif;
    text-align: center; }

.menu--footer.nav {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: baseline;
  max-height: 400px; }

u a span {
  text-decoration: underline; }

.paragraph--type--trustpilot-home-block a, .paragraph--type--trustpilot-home-block-seo a {
  font-size: 16px;
  font-family: "Muller", Arial, sans-serif;
  color: #ff5f00;
  text-decoration: underline; }

#block-reseausociauxetstores li {
  list-style-type: none; }

#block-reseausociauxetstores span {
  color: #000;
  font-family: "Muller", Arial, sans-serif;
  padding-left: 10px; }

.storeImg {
  width: 127px;
  height: auto;
  padding-bottom: 15px; }

.compte-nickel-logo {
  height: auto;
  width: 15rem; }

@media screen and (max-width: 991.98px) {
  .menu--footer.nav {
    padding-left: 15px; }
  .navbar-header {
    float: none;
    display: flex; }
  .navbar-left, .navbar-right {
    float: none !important; }
  .navbar-toggle {
    display: block; }
  .navbar-collapse {
    padding: 0; }
    .navbar-collapse nav {
      margin-top: 0; }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }
  .navbar-collapse.collapse {
    display: none !important; }
  .navbar-nav {
    float: none !important;
    margin-top: 0; }
  .navbar-nav > li {
    float: none; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }
  .collapse.in {
    display: block !important; }
  .navbarcontainer, .wrapper-nav {
    display: block;
    margin-bottom: 1px; }
  .region.region-navigation {
    flex: 1; }
  .button.navbar-toggle.collapsed {
    flex: 1; }
  ul.menu.menu--main.nav.navbar-nav {
    background-image: linear-gradient(to left, #f57528, #ff6000);
    padding-top: 97px;
    padding-bottom: 25px;
    position: relative; }
  .navbar.container {
    padding: 5px; }
  .menuIcon {
    border: none;
    position: relative;
    padding-right: 20px;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-family: "Muller", Arial, sans-serif;
    color: #000000;
    background-color: #fff;
    margin-right: 25px; }
  .menuIconPicto:before {
    position: absolute;
    right: 0;
    transform: rotate(-90deg);
    color: #ff5f00;
    margin-top: 2px; }
  .collapsed .menuIconPicto:before {
    transform: rotate(90deg); }
  .menuIconPictoUp {
    color: #ff5f00;
    display: none; }
  .collapsed .menuIconPictoUp {
    display: block; }
  .collapsed .menuIconPictoDown {
    display: none; }
  .menuIconPictoDown {
    color: #ff5f00;
    display: block; }
  .menuIconLabel {
    padding: 0 10px; }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff; }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none; }
  .navbar-nav > li {
    position: relative;
    display: block;
    font-family: "Muller", Arial, sans-serif;
    font-size: 18px;
    padding-left: 36px;
    padding-right: 36px;
    color: #fff; }
  .navbar-nav > li > a {
    color: #fff; }
  .navbar-nav > li > a:after {
    content: "\E00B";
    float: right;
    display: inline-block;
    font-family: "Lib-Nickel-Icon";
    font-style: normal;
    font-variant: normal;
    font-weight: lighter;
    text-decoration: none;
    text-transform: none;
    line-height: 40px;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0; }
  .navbar-nav > li:last-child > a:after {
    content: ""; }
  .navbar-nav > li:last-child {
    text-align: center;
    position: absolute;
    top: 25px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ff5f00;
    background-color: #fff;
    border-radius: 100px; }
  .active {
    background-color: #fff; }
  .navbar-default .navbar-nav > li > a {
    color: #fff;
    line-height: 40px; }
  .navbar-nav > li:last-child > a {
    border-radius: 100px;
    border: solid 1px #fff; } }

@media screen and (max-width: 767.98px) {
  .paragraph--type--trustpilot-home-block, .paragraph--type--trustpilot-home-block-seo {
    padding: 10px 30px 40px; }
  .navbarcontainer {
    display: block; }
  .presse {
    margin: 10px 0; }
  .blockReview {
    margin: 10px 0; }
  .navbar-header {
    display: flex; }
  .region.region-navigation {
    flex: 1; }
  .button.navbar-toggle.collapsed {
    flex: 1; }
  ul.menu.menu--main.nav.navbar-nav {
    background-image: linear-gradient(to left, #f57528, #ff6000);
    padding-top: 97px;
    padding-bottom: 25px;
    position: relative; }
  .navbar.container {
    padding: 5px; }
  .menuIcon {
    border: none;
    position: relative;
    padding-right: 20px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-family: "Muller", Arial, sans-serif;
    color: #000000;
    background-color: #fff;
    margin-right: 25px; }
  .menuIconPicto:before {
    position: absolute;
    right: 0;
    transform: rotate(-90deg);
    color: #ff5f00;
    margin-top: 2px; }
  .collapsed .menuIconPicto:before {
    transform: rotate(90deg); }
  .menuIconPictoUp {
    color: #ff5f00;
    display: none; }
  .collapsed .menuIconPictoUp {
    display: block; }
  .collapsed .menuIconPictoDown {
    display: none; }
  .menuIconPictoDown {
    color: #ff5f00;
    display: block; }
  .menuIconLabel {
    padding: 0 10px; }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff; }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none; }
  .navbar-nav > li {
    position: relative;
    display: block;
    font-family: "Muller", Arial, sans-serif;
    font-size: 18px;
    padding-left: 36px;
    padding-right: 36px;
    color: #fff; }
  .navbar-nav > li > a {
    color: #fff; }
  .navbar-nav > li > a:after {
    float: right;
    content: "\E00B";
    display: inline-block;
    font-family: "Lib-Nickel-Icon";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .navbar-nav > li:last-child > a:after {
    content: ""; }
  .navbar-nav > li:last-child {
    text-align: center;
    position: absolute;
    top: 25px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav a:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ff5f00;
    background-color: #fff;
    border-radius: 100px; }
  .active {
    background-color: #fff; }
  .navbar-default .navbar-nav > li > a {
    color: #fff;
    line-height: 40px; }
  .navbar-nav > li:last-child > a {
    border-radius: 100px;
    border: solid 1px #fff; }
  .footerRow .region-footer {
    display: flex;
    flex-direction: column; }
  #block-reseausociauxetstores {
    padding: 50px 30px; }
  .homepage .trustpilot-container {
    flex-direction: column; } }

.paragraph--type--liste-vignette-presse .field--name-field-paragraph-title {
  display: none; }

.view-mode-complet .field--name-name {
  display: none; }

.homepage .paragraph-even {
  background-color: #f2f2f2; }

.field--name-body img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 20px auto; }

.field {
  max-width: 100%;
  margin: auto; }
  .field.field--name-field-elements {
    max-width: unset; }

.have-banner .paragraph-even {
  background-color: #fff; }

.have-banner .paragraph-row {
  background-color: #f2f2f2; }

.have-banner .field--item.paragraph-even.clearfix, .have-banner .field--item.paragraph-even.filter-wrapper, .have-banner .homepage .field--item.paragraph-even.filter-wrapper {
  padding: 0px; }

.have-banner .paragraph--type--homepage-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  z-index: 9;
  width: 100%;
  background-image: linear-gradient(to bottom, #f57528, #ff6000); }
  .have-banner .paragraph--type--homepage-banner a {
    padding: 0 15px;
    color: #fff;
    font-size: 20px;
    font-family: "Muller", Arial, sans-serif; }

@media screen and (max-width: 767.98px) {
  .have-banner .paragraph--type--homepage-banner {
    top: 100px;
    padding: 20px; } }

.presse {
  border: 1px solid #cccccc;
  padding: 10px 0px;
  border-radius: 10px;
  height: 140px;
  overflow: hidden;
  text-overflow: ellipsis; }

.block-nickel-press-block {
  font-size: 25px;
  text-align: center;
  padding: 30px;
  font-family: "Muller", Arial, sans-serif;
  font-weight: 500;
  color: #ff5f00; }
  .block-nickel-press-block .block-title {
    margin-bottom: 30px; }

.paragraph--type--homepage-list-link {
  margin: 60px auto 90px;
  border-radius: 10px;
  padding: 25px 40px 50px;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  position: relative; }
  .paragraph--type--homepage-list-link .field--name-field-paragraph-title {
    color: #ff5f00;
    text-align: center;
    font-size: 25px;
    font-family: "Muller", Arial, sans-serif;
    font-weight: 300;
    padding-bottom: 40px; }
  .paragraph--type--homepage-list-link .field--name-field-button-link {
    position: absolute;
    bottom: -13px;
    font-size: 18px;
    left: 0;
    right: 0;
    text-align: center; }
    .paragraph--type--homepage-list-link .field--name-field-button-link a {
      color: white;
      font-weight: 500;
      border-radius: 100px;
      box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
      background-color: #ff5f00;
      padding: 15px 40px;
      text-decoration: none; }
      .paragraph--type--homepage-list-link .field--name-field-button-link a:hover {
        background-color: #E35300; }
  .paragraph--type--homepage-list-link .linkField {
    flex: 10; }
  .paragraph--type--homepage-list-link .linkpicto {
    color: #ff5f00;
    font-size: 20px; }
  .paragraph--type--homepage-list-link .linkItem {
    display: flex;
    padding-bottom: 30px;
    align-items: center; }

.chevron::before {
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: '';
  display: inline-block;
  height: 0.45em;
  left: 0.15em;
  position: relative;
  top: 0.15em;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 0.45em; }

.chevron.right:before {
  left: 0;
  transform: rotate(45deg); }

.main-container .section {
  margin-left: 0; }

.region-page-sub-footer {
  max-width: 100%;
  margin: auto;
  height: 60px;
  display: flex;
  align-items: center;
  font-weight: bold;
  padding: 0 30px; }
  .region-page-sub-footer #block-menusousfooter {
    display: flex;
    flex: 1;
    justify-content: flex-end; }
    .region-page-sub-footer #block-menusousfooter a {
      color: inherit; }
      .region-page-sub-footer #block-menusousfooter a:hover {
        color: #ff5f00;
        background: transparent;
        text-decoration: underline; }

.field--name-field-texte-simple a {
  color: #000000; }
  .field--name-field-texte-simple a:hover {
    color: #ff5f00; }

@media only screen and (max-width: 767.98px) {
  .menuFooterLink.active {
    background-color: transparent; }
  article.homepage .paragraph--type--homepage-list-link {
    margin: 40px 20px 65px;
    padding: 25px 20px 25px; }
    article.homepage .paragraph--type--homepage-list-link .field--name-field-paragraph-title {
      font-size: 1.6rem;
      padding-bottom: 30px; }
    article.homepage .paragraph--type--homepage-list-link .field--name-field-button-link a {
      font-size: 0.9rem; } }

@media only screen and (max-width: 991.98px) {
  article.homepage .paragraph--type--homepage-list-link {
    margin: 60px 20px 90px; } }

@media screen and (max-width: 767.98px) {
  header .region-header .header-grid {
    padding: 0; }
  #block-clientarea {
    margin-left: 10px; }
    #block-clientarea .ul-spacing-x-10 > li {
      margin: 0; }
      #block-clientarea .ul-spacing-x-10 > li a.btn-default {
        padding: 0 14px; } }

.pager-nav .pagination {
  width: 100%;
  margin-bottom: 0;
  justify-content: center; }

.pager-nav .pager__item--first {
  display: none; }

.pager-nav .pager__item--last {
  display: none; }

.pager-nav .pager__item {
  border-radius: 50%;
  vertical-align: bottom; }
  .pager-nav .pager__item a {
    padding: 6px 12px;
    color: #ff5f00;
    border-radius: 50%;
    border: none;
    float: unset;
    font-size: 18px;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0 5px; }
    .pager-nav .pager__item a:hover {
      background-color: #eeeeee; }
  .pager-nav .pager__item.active a {
    font-family: "Muller", Arial, sans-serif;
    color: white;
    background-color: #ff5f00;
    font-weight: bold; }

/**
 * Panel styling.
 */
.panel-title {
  display: block;
  margin: -10px -15px;
  padding: 10px 15px; }
  .panel-title, .panel-title:hover, .panel-title:focus, .panel-title:hover:focus {
    color: inherit; }
  .panel-title:focus, .panel-title:hover {
    text-decoration: none; }

/**
 * Progress bar styles.
 */
.progress-wrapper {
  margin-bottom: 15px; }
  .progress-wrapper:last-child .progress {
    margin-bottom: 5px; }
  .progress-wrapper .message {
    font-weight: 700;
    margin-bottom: 5px; }
  .progress-wrapper .percentage,
  .progress-wrapper .progress-label {
    font-size: 12px; }
  .progress-wrapper .progress-bar {
    min-width: 2em; }

.redirect-country {
  border-radius: 10px; }
  .redirect-country .ui-dialog-titlebar {
    display: none; }
  .redirect-country .redirect-country-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 40px 20px; }
    .redirect-country .redirect-country-wrapper h2 {
      margin-bottom: 30px;
      font-weight: 500; }
    .redirect-country .redirect-country-wrapper a {
      margin: 10px 0; }
      .redirect-country .redirect-country-wrapper a.dialog-close {
        text-decoration: underline;
        color: #666666; }
    .redirect-country .redirect-country-wrapper button {
      min-width: 150px;
      margin: 24px 0; }
    .redirect-country .redirect-country-wrapper .btn-orange {
      color: white;
      font-weight: 600; }
    .redirect-country .redirect-country-wrapper span.dialog-close {
      position: absolute;
      right: 10px;
      top: 10px;
      cursor: pointer; }
    .redirect-country .redirect-country-wrapper > label {
      z-index: 10;
      background-color: #FFF;
      padding: 0 5px;
      font-size: 14px;
      position: absolute;
      left: 65px;
      top: 100px; }
  .redirect-country .ss-main .ss-single-selected {
    display: flex;
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding: 20px 25px;
    border: 1px solid #A3A7AF;
    border-radius: 8px;
    background-color: #fff;
    outline: 0;
    box-sizing: border-box;
    transition: background-color .2s; }
    .redirect-country .ss-main .ss-single-selected.ss-open-below {
      border-radius: 8px 8px 0 0; }
    .redirect-country .ss-main .ss-single-selected .ss-arrow span {
      padding: 6.5px;
      border-color: #A3A7AF; }

.frame {
  border-radius: 10px;
  padding: 10px; }

.frame.with-icon {
  padding-left: 38px;
  position: relative; }

.frame.with-icon .icon {
  position: absolute;
  top: 16px;
  left: 10px; }

.frame.orange {
  background-color: #FF5F00; }

.frame.orange .cn-text-default,
.frame.orange .icon {
  color: white; }

.frame.grey {
  background-color: #cccccc; }

.frame.grey .cn-text-default {
  color: black; }

.frame.grey .icon {
  color: #FF5F00; }

.frame.red {
  background-color: #C9130A; }

.frame.red .cn-text-default,
.frame.red .icon {
  color: white; }

.frame.green {
  background-color: #08B230; }

.frame.green .cn-text-default,
.frame.green .icon {
  color: white; }

/**
 * Table drag styles.
 */
.tabledrag-toggle-weight {
  float: right;
  margin: 1px 2px 1px 10px; }

.tabledrag-changed-warning {
  margin: 0;
  overflow: hidden; }

.tabledrag-handle {
  color: #F2F2F2;
  cursor: move;
  float: left;
  font-size: 125%;
  line-height: 1;
  margin: -10px 0 0 -10px;
  padding: 10px; }
  .tabledrag-handle:hover, .tabledrag-handle:focus {
    color: #3186d6; }

.indentation {
  float: left;
  /* LTR */
  height: 1.7em;
  margin: -0.4em 0.2em -0.4em -0.4em;
  /* LTR */
  padding: 0.42em 0 0.42em 0.6em;
  /* LTR */
  width: 20px; }
  [dir="rtl"] .indentation {
    float: right;
    margin: -0.4em -0.4em -0.4em 0.2em;
    padding: 0.42em 0.6em 0.42em 0; }

body {
  color: #191F29; }

.cn-button {
  display: inline-block;
  height: 54px;
  line-height: 54px;
  width: 300px;
  text-align: center;
  border-radius: 35px;
  border: none;
  margin-bottom: 10px; }

.nicon::before {
  font-size: 18px; }

.paragraph a.black.btn-default.btn-border:hover,
article .paragraph a.black.btn-default.btn-border:hover {
  color: #fff; }

.btn-border.btn-border-white:hover {
  background-color: #fff;
  border-color: #fff; }

.article-body .text-formatted a {
  color: #FF5F00; }

p:last-child,
.form-group:last-child,
.panel:last-child {
  margin-bottom: 0; }

.webform-submission-form .form-item {
  margin-top: 25px;
  margin-bottom: 25px; }
  .webform-submission-form .form-item.wrapper-required {
    margin-top: 15px;
    margin-bottom: 15px; }

.webform-submission-form .form-type-textfield,
.webform-submission-form .form-type-tel,
.webform-submission-form .form-type-email,
.webform-submission-form .form-type-textarea,
.webform-submission-form .form-type-select {
  position: relative; }
  .webform-submission-form .form-type-textfield label,
  .webform-submission-form .form-type-tel label,
  .webform-submission-form .form-type-email label,
  .webform-submission-form .form-type-textarea label,
  .webform-submission-form .form-type-select label {
    font-weight: 500;
    position: absolute;
    left: 10px;
    top: -14px;
    z-index: 10;
    padding: 0 13px 0 3px; }
    .webform-submission-form .form-type-textfield label.form-required:after,
    .webform-submission-form .form-type-tel label.form-required:after,
    .webform-submission-form .form-type-email label.form-required:after,
    .webform-submission-form .form-type-textarea label.form-required:after,
    .webform-submission-form .form-type-select label.form-required:after {
      content: "*";
      position: absolute;
      line-height: inherit;
      background: none;
      right: -5px;
      color: #3186d6; }
    .webform-submission-form .form-type-textfield label:before,
    .webform-submission-form .form-type-tel label:before,
    .webform-submission-form .form-type-email label:before,
    .webform-submission-form .form-type-textarea label:before,
    .webform-submission-form .form-type-select label:before {
      content: "";
      display: block;
      width: 100%;
      background: #fff;
      height: 5px;
      position: absolute;
      bottom: 6px;
      left: 0;
      z-index: -1;
      margin: 0; }
  .webform-submission-form .form-type-textfield input,
  .webform-submission-form .form-type-textfield select,
  .webform-submission-form .form-type-tel input,
  .webform-submission-form .form-type-tel select,
  .webform-submission-form .form-type-email input,
  .webform-submission-form .form-type-email select,
  .webform-submission-form .form-type-textarea input,
  .webform-submission-form .form-type-textarea select,
  .webform-submission-form .form-type-select input,
  .webform-submission-form .form-type-select select {
    width: 100%;
    height: 47px;
    border: 1px solid #E2E2E2;
    border-radius: 8px;
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 16px; }

.webform-submission-form textarea {
  width: 100%;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  margin-bottom: 25px;
  padding: 12px 16px; }

.webform-submission-form .form-checkboxes,
.webform-submission-form .form-radios {
  display: flex; }
  .webform-submission-form .form-checkboxes .form-item,
  .webform-submission-form .form-radios .form-item {
    margin: 0 15px 0 0; }

.webform-submission-form .checkboxes--wrapper legend,
.webform-submission-form .radios--wrapper legend {
  font-weight: normal; }
  .webform-submission-form .checkboxes--wrapper legend .form-required,
  .webform-submission-form .radios--wrapper legend .form-required {
    position: relative; }
    .webform-submission-form .checkboxes--wrapper legend .form-required:after,
    .webform-submission-form .radios--wrapper legend .form-required:after {
      content: "*";
      position: absolute;
      line-height: inherit;
      background: none;
      color: #3186d6; }

.webform-submission-form details {
  margin-top: 15px;
  margin-bottom: 15px;
  border: none; }
  .webform-submission-form details summary {
    padding: 0;
    list-style-type: '+ ';
    font-weight: 500;
    color: #ff5f00; }
  .webform-submission-form details .details-wrapper {
    padding: 0; }

.webform-submission-form .form-type-webform-markup.wrapper-required {
  font-size: 14px; }
  .webform-submission-form .form-type-webform-markup.wrapper-required:before {
    content: "*";
    color: #3186d6; }

.webform-submission-form .form-actions {
  text-align: center; }

.webform-confirmation {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  border-radius: 8px;
  background: #fff;
  padding: 25px 30px;
  color: #1DA53D; }
  .webform-confirmation .webform-confirmation__message {
    font-weight: 700;
    margin: 0;
    text-align: center; }

article.page-contact {
  font-family: "Muller", Arial, sans-serif; }
  article.page-contact .mobile, article.page-contact .desktop {
    transition: opacity 600ms;
    opacity: 1; }
  article.page-contact .mobile {
    display: none;
    opacity: 0; }
  article.page-contact .lib-tabs {
    max-width: 100%;
    padding: 0 30px;
    margin: 30px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    article.page-contact .lib-tabs li.sub {
      flex: 1 1 180px;
      background-color: #ffffff;
      height: auto;
      max-width: 180px;
      margin-top: 30px; }
      article.page-contact .lib-tabs li.sub.active {
        color: #ff5f00; }
      article.page-contact .lib-tabs li.sub a {
        border-radius: 10px;
        border: solid 1px #cccccc;
        display: flex;
        flex-direction: column;
        padding: 35px 0 20px;
        background-color: transparent; }
        article.page-contact .lib-tabs li.sub a.active {
          border: solid 1px #ff5f00;
          color: #ff5f00; }
          article.page-contact .lib-tabs li.sub a.active span.icon-notread {
            background-image: url("../images/icon-notread-orange.svg"); }
          article.page-contact .lib-tabs li.sub a.active:before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 15px 10px 0 10px;
            border-color: white transparent transparent transparent;
            position: absolute;
            bottom: -13px;
            left: 50%;
            margin-left: -10px;
            z-index: 1; }
          article.page-contact .lib-tabs li.sub a.active:after {
            border-width: 15px 10px 0 10px;
            border-color: #ff5f00 transparent transparent transparent;
            bottom: -15px;
            left: 50%;
            margin-left: -10px; }
        article.page-contact .lib-tabs li.sub a span.icon-notread {
          color: #000;
          background-repeat: no-repeat;
          background-image: url("../images/icon-notread.svg");
          background-size: 40px 40px;
          width: 40px;
          display: block;
          text-align: center;
          margin: 35px auto -15px; }
        article.page-contact .lib-tabs li.sub a span {
          font-size: 18px; }
          article.page-contact .lib-tabs li.sub a span.icon {
            margin-bottom: 15px; }
          article.page-contact .lib-tabs li.sub a span:before {
            font-size: 40px;
            width: 100%; }
          article.page-contact .lib-tabs li.sub a span.tab-title {
            padding-top: 0; }
    article.page-contact .lib-tabs li.main {
      font-size: 22px;
      font-weight: 500;
      padding: 0 10px; }
      article.page-contact .lib-tabs li.main a {
        text-decoration: none;
        box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
        background-color: #fff;
        color: black;
        padding: 17px 28px;
        margin: 0;
        line-height: 28px;
        display: block;
        width: unset;
        min-width: 180px;
        font-size: 22px;
        border: solid 1px #000;
        text-align: center;
        border-radius: 35px; }
        article.page-contact .lib-tabs li.main a span {
          font-size: 18px;
          padding: 35px 0 20px; }
          article.page-contact .lib-tabs li.main a span:before {
            margin-bottom: 15px;
            font-size: 40px;
            width: 100%; }
          article.page-contact .lib-tabs li.main a span.tab-title {
            padding-top: 0; }
        article.page-contact .lib-tabs li.main a.active {
          background-color: #ff5f00;
          color: white;
          border: none; }
        article.page-contact .lib-tabs li.main a:after {
          content: unset; }
        article.page-contact .lib-tabs li.main a.left {
          float: right; }
        article.page-contact .lib-tabs li.main a.right {
          float: left; }
  @media screen and (max-width: 991.98px) {
    article.page-contact .mobile {
      display: block;
      opacity: 1; }
    article.page-contact .desktop {
      display: none;
      opacity: 0; }
    article.page-contact .contact-part-1 .lib-tabs {
      flex-wrap: unset;
      flex-direction: column; }
      article.page-contact .contact-part-1 .lib-tabs li.item {
        width: 100%;
        margin-top: 20px;
        max-width: none; }
        article.page-contact .contact-part-1 .lib-tabs li.item a {
          text-align: left;
          border-radius: 10px;
          padding: 5px 0;
          height: auto;
          border: 1px solid #ccc; }
          article.page-contact .contact-part-1 .lib-tabs li.item a span {
            padding: 10px; }
            article.page-contact .contact-part-1 .lib-tabs li.item a span:before {
              width: auto;
              font-size: 30px;
              margin: 0 15px;
              vertical-align: middle; }
          article.page-contact .contact-part-1 .lib-tabs li.item a span.icon-notread {
            width: auto;
            margin: 0 0 0 25px;
            display: inline-block;
            background-size: 30px 30px;
            background-repeat: no-repeat;
            background-image: url("../images/icon-notread.svg");
            height: 50px;
            padding-left: 45px;
            padding-top: 15px;
            background-position: bottom 10px left 0; }
          article.page-contact .contact-part-1 .lib-tabs li.item a.active span.icon-notread {
            background-image: url("../images/icon-notread-white.svg"); }
          article.page-contact .contact-part-1 .lib-tabs li.item a span.tab-title {
            padding-top: 10px;
            margin: 6px; }
        article.page-contact .contact-part-1 .lib-tabs li.item.main a {
          border-radius: 35px;
          padding: 17px 28px; }
          article.page-contact .contact-part-1 .lib-tabs li.item.main a.right, article.page-contact .contact-part-1 .lib-tabs li.item.main a.left {
            float: none;
            text-align: center; }
      article.page-contact .contact-part-1 .lib-tabs li.sub {
        flex: none;
        margin-top: 0;
        margin-bottom: 30px;
        margin-left: 0;
        margin-right: 0;
        width: auto; }
    article.page-contact .lib-tabs {
      flex-wrap: unset;
      flex-direction: column; }
      article.page-contact .lib-tabs li.item {
        width: 100%;
        margin-bottom: 20px;
        max-width: none; }
        article.page-contact .lib-tabs li.item a {
          text-align: left;
          border-radius: 10px;
          padding: 5px 0;
          height: auto;
          border: 1px solid #ccc; }
          article.page-contact .lib-tabs li.item a span {
            padding: 10px; }
            article.page-contact .lib-tabs li.item a span:before {
              width: auto;
              font-size: 30px;
              margin: 0 15px;
              vertical-align: middle; }
          article.page-contact .lib-tabs li.item a span.icon-notread {
            width: auto;
            margin: 0 0 0 25px;
            display: inline-block;
            background-size: 30px 30px;
            background-repeat: no-repeat;
            background-image: url("../images/icon-notread.svg");
            height: 50px;
            padding-left: 45px;
            padding-top: 15px;
            background-position: bottom 10px left 0; }
          article.page-contact .lib-tabs li.item a.active span.icon-notread {
            background-image: url("../images/icon-notread-white.svg"); }
          article.page-contact .lib-tabs li.item a span.tab-title {
            padding-top: 10px;
            margin: 6px; }
        article.page-contact .lib-tabs li.item.main a {
          border-radius: 35px;
          padding: 17px 28px; }
          article.page-contact .lib-tabs li.item.main a.right, article.page-contact .lib-tabs li.item.main a.left {
            float: none;
            text-align: center; }
      article.page-contact .lib-tabs li.sub {
        flex: none;
        margin-top: 0;
        margin-bottom: 30px;
        margin-left: 0;
        margin-right: 0;
        width: auto; } }
  article.page-contact .cn-tab-content {
    padding: 30px 0;
    color: black; }
    @media screen and (max-width: 991.98px) {
      article.page-contact .cn-tab-content {
        padding: 0;
        min-height: unset; }
        article.page-contact .cn-tab-content .cn-tab-panel {
          margin-top: 30px; } }
    article.page-contact .cn-tab-content .cn-tab-white {
      background-color: white; }
    article.page-contact .cn-tab-content .cn-tab-grey {
      background-color: #F2F2F2; }
    article.page-contact .cn-tab-content .cn-tab-wrapper {
      max-width: 1200px;
      padding: 30px;
      margin: 0 auto; }
      article.page-contact .cn-tab-content .cn-tab-wrapper h3 {
        width: 100%;
        font-size: 18px;
        text-align: center;
        font-weight: 500;
        line-height: 30px;
        font-family: "Muller", Arial, sans-serif;
        font-weight: 800; }
      article.page-contact .cn-tab-content .cn-tab-wrapper p {
        width: 100%;
        font-size: 14px;
        text-align: center;
        font-weight: normal; }
      article.page-contact .cn-tab-content .cn-tab-wrapper .field {
        display: block;
        width: 100%;
        text-align: center; }
      article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-txt-social-desc,
      article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-paragraph-description {
        margin-bottom: 15px; }
      article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc .field--item a,
      article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc-2 .field--item a {
        border-radius: 10px;
        border: solid 1px #cccccc;
        padding: 20px 60px;
        margin-bottom: 10px;
        font-size: 16px;
        display: block;
        width: 100%;
        font-weight: 500;
        text-decoration: none;
        color: #000105;
        vertical-align: middle;
        background-color: white;
        overflow: hidden;
        position: relative; }
        article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc .field--item a:hover,
        article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc-2 .field--item a:hover {
          color: #ff5f00;
          border-color: #ff5f00; }
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc .field--item a:hover span.icon-right,
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc-2 .field--item a:hover span.icon-right {
            color: #ff5f00; }
        article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc .field--item a span,
        article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc-2 .field--item a span {
          line-height: 20px;
          float: left; }
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc .field--item a span.icon-left,
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc-2 .field--item a span.icon-left {
            font-size: 20px;
            color: #ff5f00;
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-10px); }
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc .field--item a span.icon-right,
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc-2 .field--item a span.icon-right {
            font-size: 14px;
            float: right;
            color: #cccccc;
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-7px); }
      article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-link-hc,
      article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-hc-link,
      article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-help-center-link {
        width: 100%;
        text-align: center; }
        article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-link-hc a,
        article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-hc-link a,
        article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-help-center-link a {
          border-radius: 35px;
          border: none;
          box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
          background-color: #ff5f00;
          color: white;
          padding: 17px 28px;
          width: 230px;
          margin: 30px auto 0;
          line-height: 20px;
          display: block; }
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-link-hc a:hover, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-link-hc a:focus,
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-hc-link a:hover,
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-hc-link a:focus,
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-help-center-link a:hover,
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-help-center-link a:focus {
            background-color: #E35300;
            text-decoration: none;
            box-shadow: none; }
      article.page-contact .cn-tab-content .cn-tab-wrapper .social-wrapper .list-reseau {
        text-align: center;
        display: block;
        margin-bottom: 40px; }
        article.page-contact .cn-tab-content .cn-tab-wrapper .social-wrapper .list-reseau li {
          display: inline; }
        article.page-contact .cn-tab-content .cn-tab-wrapper .social-wrapper .list-reseau a {
          margin: 0 10px;
          border-radius: 35px;
          border: none;
          box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
          background-color: #ff5f00;
          color: white;
          padding: 15px;
          line-height: 20px;
          font-size: 21px;
          font-weight: 500;
          min-width: 150px; }
          article.page-contact .cn-tab-content .cn-tab-wrapper .social-wrapper .list-reseau a:hover, article.page-contact .cn-tab-content .cn-tab-wrapper .social-wrapper .list-reseau a:focus {
            background-color: #E35300;
            text-decoration: none;
            box-shadow: none; }
          article.page-contact .cn-tab-content .cn-tab-wrapper .social-wrapper .list-reseau a .logoRS {
            margin-right: 15px;
            vertical-align: top; }
          article.page-contact .cn-tab-content .cn-tab-wrapper .social-wrapper .list-reseau a .nameRS {
            margin-right: 15px; }
        @media screen and (max-width: 991.98px) {
          article.page-contact .cn-tab-content .cn-tab-wrapper .social-wrapper .list-reseau li {
            display: block;
            margin-bottom: 50px; } }
      article.page-contact .cn-tab-content .cn-tab-wrapper .mail-content {
        text-align: center;
        display: flex;
        width: 230px;
        margin: 0 auto; }
        article.page-contact .cn-tab-content .cn-tab-wrapper .mail-content .icon {
          font-size: 60px;
          color: #ff5f00;
          margin-top: 30px; }
        article.page-contact .cn-tab-content .cn-tab-wrapper .mail-content .mail-text {
          margin: 10px; }
          article.page-contact .cn-tab-content .cn-tab-wrapper .mail-content .mail-text p {
            font-size: 16px;
            text-align: left; }
          article.page-contact .cn-tab-content .cn-tab-wrapper .mail-content .mail-text .address-title {
            font-weight: 500; }
      article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-txt-cs-phone,
      article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-cs-phone-num {
        color: #ff5f00;
        width: 200px;
        height: 50px;
        font-size: 21px;
        font-weight: 500;
        text-align: center;
        background-color: white;
        padding: 12px;
        margin: 0 auto;
        border-radius: 10px; }
      article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-er-para-schedule,
      article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-cs-schedule {
        display: flex;
        justify-content: center; }
        article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-er-para-schedule .paragraph--type--service-client-horaire,
        article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-cs-schedule .paragraph--type--service-client-horaire {
          width: 220px;
          height: 85px;
          text-align: center;
          background-color: white;
          padding: 12px;
          margin: 20px;
          border-radius: 10px; }
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-er-para-schedule .paragraph--type--service-client-horaire .field--name-field-para-contact-txt-days,
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-cs-schedule .paragraph--type--service-client-horaire .field--name-field-para-contact-txt-days {
            font-size: 14px;
            font-weight: 300; }
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-er-para-schedule .paragraph--type--service-client-horaire .field--name-field-para-contact-txt-hours,
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-cs-schedule .paragraph--type--service-client-horaire .field--name-field-para-contact-txt-hours {
            font-size: 18px;
            font-weight: 500; }
        @media screen and (max-width: 991.98px) {
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-er-para-schedule,
          article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-cs-schedule {
            display: block; }
            article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-er-para-schedule .paragraph--type--service-client-horaire,
            article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-cs-schedule .paragraph--type--service-client-horaire {
              margin: 20px auto; } }
      article.page-contact .cn-tab-content .cn-tab-wrapper .status-wrapper {
        display: block;
        text-align: center; }
        article.page-contact .cn-tab-content .cn-tab-wrapper .status-wrapper .status-label {
          font-size: 15px;
          font-weight: normal; }
        article.page-contact .cn-tab-content .cn-tab-wrapper .status-wrapper .status-value {
          font-weight: 500; }
          article.page-contact .cn-tab-content .cn-tab-wrapper .status-wrapper .status-value.green-status {
            color: #08b230; }
            article.page-contact .cn-tab-content .cn-tab-wrapper .status-wrapper .status-value.green-status .bullet {
              background-color: #08b230; }
          article.page-contact .cn-tab-content .cn-tab-wrapper .status-wrapper .status-value.orange-status {
            color: #ff5f00; }
            article.page-contact .cn-tab-content .cn-tab-wrapper .status-wrapper .status-value.orange-status .bullet {
              background-color: #ff5f00; }
          article.page-contact .cn-tab-content .cn-tab-wrapper .status-wrapper .status-value .bullet {
            width: 10px;
            height: 10px;
            border-radius: 10px;
            display: inline-block;
            margin-left: 10px; }
      article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-txt-sc-description,
      article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-hours-description {
        margin-top: 20px;
        font-weight: 500; }
      article.page-contact .cn-tab-content .cn-tab-wrapper .paragraph--type--service-client-carte-volee {
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-weight: normal; }
        article.page-contact .cn-tab-content .cn-tab-wrapper .paragraph--type--service-client-carte-volee .field--name-field-paragraph-title {
          font-size: 18px;
          font-weight: 500;
          line-height: 30px; }
        article.page-contact .cn-tab-content .cn-tab-wrapper .paragraph--type--service-client-carte-volee .field--name-field-para-txt-phone-num {
          color: black;
          width: 200px;
          height: 50px;
          font-size: 21px;
          font-weight: 500;
          text-align: center;
          background-color: #F2F2F2;
          padding: 12px;
          margin: 22px auto;
          border-radius: 10px; }
  article.page-contact .contact-part {
    display: none; }
    article.page-contact .contact-part.active {
      display: block; }
  article.page-contact .contact-part-1 .lib-tabs,
  article.page-contact .contact-part-2 .lib-tabs {
    justify-content: center; }
    article.page-contact .contact-part-1 .lib-tabs li,
    article.page-contact .contact-part-2 .lib-tabs li {
      margin: 30px 15px; }
  article.page-contact .contact-part-1 .cn-tab-wrapper,
  article.page-contact .contact-part-2 .cn-tab-wrapper {
    width: 100%;
    text-align: center; }
    article.page-contact .contact-part-1 .cn-tab-wrapper .field--name-field-nc-description,
    article.page-contact .contact-part-1 .cn-tab-wrapper .field--name-field-contact-description,
    article.page-contact .contact-part-2 .cn-tab-wrapper .field--name-field-nc-description,
    article.page-contact .contact-part-2 .cn-tab-wrapper .field--name-field-contact-description {
      margin-top: 50px; }

.homepageTopTitle {
  font-size: 2.5em;
  font-family: "Muller", Arial, sans-serif;
  font-weight: bold;
  color: #000000; }
  .homepageTopTitle h1 {
    font-family: "Muller", Arial, sans-serif;
    font-weight: 800;
    font-size: inherit;
    color: inherit; }

.boxed {
  width: 100%;
  margin: auto; }

.homepageTopAccroche {
  font-size: 2em;
  font-family: "Muller", Arial, sans-serif;
  color: #ff5f00; }
  .homepageTopAccroche h2 {
    font-size: 1em;
    margin-top: 20px;
    margin-bottom: 60px;
    color: inherit;
    font-family: "Muller", Arial, sans-serif;
    font-weight: 800; }

.homepageTopbtnLink.cn-button {
  padding: 0 30px; }

.homepageTopbtnLink > div > a {
  color: white;
  font-family: "Muller", Arial, sans-serif;
  font-size: 18px;
  text-decoration: none;
  white-space: nowrap;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center; }

.homepagePortrait {
  height: 100%; }
  .homepagePortrait .field--name-field-portrait {
    height: 100%; }
    .homepagePortrait .field--name-field-portrait .media-image {
      height: 100%; }
      .homepagePortrait .field--name-field-portrait .media-image .field--name-field-media-image {
        height: 100%; }
  .homepagePortrait .img-responsive {
    max-height: 460px;
    width: auto;
    margin: auto; }

.imgcontainer {
  position: relative;
  height: 100%;
  width: 50%;
  margin-top: 50px; }

.homepageOpenAccounts {
  font-size: 2em;
  font-family: "Muller", Arial, sans-serif;
  color: #000000;
  width: 304px;
  text-align: center; }

.homepageTopTitle > div {
  margin-bottom: 30px; }

.paragraph--type--homepage-top {
  background: #f2f2f2;
  width: 100%;
  margin-right: 0;
  margin-left: 0; }

.homepageTopContainer {
  max-width: 1200px;
  display: flex;
  height: 460px;
  margin-right: auto;
  margin-left: auto;
  flex-direction: row;
  overflow-y: visible; }

.homepagetop-text {
  align-self: center;
  padding-left: 100px;
  font-size: 13px;
  flex: 1; }

.paragraph--type--mea-homepage .field--name-field-mises {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding: 10px 30px;
  text-align: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }

.paragraph--type--mea-homepage .field--name-field-button-link > a {
  color: #ff5f00;
  text-decoration: underline; }

.paragraph--type--mea-homepage .field--name-field-portrait {
  justify-content: center;
  display: flex;
  padding-bottom: 10px; }

.paragraph--type--mea-homepage .field--name-field-mises .field--item {
  flex: 1; }

.paragraph--type--mea-homepage .field--name-field-paragraph-title {
  font-size: 20px;
  color: #000000;
  font-family: "Muller", Arial, sans-serif;
  font-weight: 500;
  padding-bottom: 20px; }

.paragraph--type--mea-homepage .field--name-field-home-top-accroche {
  font-family: "Muller", Arial, sans-serif;
  color: #666666;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  max-width: 300px;
  margin: 0 auto;
  padding-bottom: 20px; }

.paragraph--type--liste-vignette-presse {
  display: flex;
  flex-flow: row wrap;
  padding: 30px 20px 60px; }
  .paragraph--type--liste-vignette-presse .presse-wrapper {
    width: 100%;
    padding: 0 14px; }
    .paragraph--type--liste-vignette-presse .presse-wrapper a {
      text-decoration: none; }
  .paragraph--type--liste-vignette-presse .paragraph-block-title {
    flex: 0 0 100%;
    font-size: 1.5rem;
    text-align: center;
    padding: 30px 0;
    font-family: "Muller", Arial, sans-serif;
    font-weight: 500;
    color: #ff5f00; }
  .paragraph--type--liste-vignette-presse .field--name-field-item-link {
    flex: 0 0 100%;
    text-align: center;
    margin-top: 30px; }
    .paragraph--type--liste-vignette-presse .field--name-field-item-link a {
      color: #ff5f00;
      text-decoration: underline; }
  .paragraph--type--liste-vignette-presse .presse-wrapper {
    margin: 14px 0; }
    .paragraph--type--liste-vignette-presse .presse-wrapper .presse {
      height: 100%;
      overflow: visible; }
      .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content {
        display: flex;
        flex-direction: column; }
        .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content .field--name-field-ima .media-image {
          overflow: visible;
          display: table;
          vertical-align: middle;
          height: 100%; }
          .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content .field--name-field-ima .media-image .field--name-thumbnail {
            vertical-align: middle;
            display: table-cell; }
        .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content .field--name-field-ima img {
          max-height: 50px;
          width: auto; }
        .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content .field--name-field-accroche {
          text-align: center;
          padding: 10px 20px; }

.footerRow .region-footer {
  display: flex; }

.footerRow #block-compte-nickel-footer, .footerRow #block-piedepagina-2 {
  flex: 1; }

.footerRow .block-store-reseau-block {
  flex: 1;
  display: flex; }

.footerRow .list-reseau {
  flex: 1; }
  .footerRow .list-reseau li {
    padding-bottom: 15px; }
    .footerRow .list-reseau li a:hover {
      color: #ff5f00; }
      .footerRow .list-reseau li a:hover span {
        color: #ff5f00 !important; }

.footerRow .list-store {
  flex: 1; }

@media screen and (max-width: 1199.98px) {
  .homepagetop-text {
    font-size: 10px;
    padding-left: 80px; } }

@media screen and (max-width: 991.98px) {
  .homepagetop-text {
    font-size: 9px;
    padding-left: 30px; } }

@media screen and (max-width: 767.98px) {
  .presse-wrapper .presse .content .field--name-field-accroche {
    text-align: center;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 22px; }
  .homepageOpenAccounts {
    width: 100%; }
  .homepageTopContainer {
    flex-direction: column;
    height: 600px;
    overflow-y: hidden; }
  .homepagetop-text {
    text-align: center;
    font-size: 10px;
    padding: 30px 10px 0;
    width: 100%; }
  .imgcontainer {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 0;
    padding: 30px; }
  .homepagePortrait {
    position: relative; }
    .homepagePortrait .img-responsive {
      width: auto;
      margin: auto;
      max-height: 460px; }
  .paragraph--type--mea-homepage .field--name-field-mises {
    display: inline; }
  .paragraph--type--mea-homepage .field--name-field-portrait {
    padding-bottom: 18px; }
  .paragraph--type--mea-homepage .paragraph--type--call-to-action {
    padding-bottom: 50px; }
  .paragraph--type--liste-vignette-presse {
    padding: 10px 0 40px; }
    .paragraph--type--liste-vignette-presse .paragraph-block-title {
      font-size: 1.6rem;
      padding: 30px 0 10px; } }

@media screen and (max-width: 575.98px) {
  .paragraph--type--liste-vignette-presse .presse-wrapper {
    width: 100%;
    padding: 0 14px; }
  .page-node-type-homepage .truspilot-avis {
    margin-right: 24px;
    margin-left: 0px; }
    .page-node-type-homepage .truspilot-avis:last-child {
      margin-right: 0px; } }

.article .field--type-image img, .magazine .field--type-image img {
  max-width: 100%;
  display: block;
  border-radius: 6px; }

.article .text-formatted p, .magazine .text-formatted p {
  margin-bottom: 0; }

.article.node--view-mode-full .field--type-image img {
  margin-bottom: 30px; }

.news-others .magazine-link .my-48, .view-content .magazine-link .my-48 {
  margin: 0; }

.news-others .magazine-link a, .view-content .magazine-link a {
  color: #ff5f00;
  width: 100%;
  display: inline-block;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 5px;
  border: none; }
  .news-others .magazine-link a:hover, .view-content .magazine-link a:hover {
    background: none; }

.node--type-magazine.node--view-mode-teaser .field--name-field-media-image img {
  border-radius: 5px; }

.mobile-app-link {
  padding: 20px;
  justify-content: center;
  display: none;
  flex-wrap: wrap;
  align-items: center; }
  @media screen and (max-width: 991.98px) {
    .mobile-app-link {
      display: flex; } }
  .mobile-app-link a {
    text-align: center;
    margin: 10px 20px;
    flex: 0 0 50%;
    border-radius: 35px;
    border: none;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #FF5F00;
    color: white;
    padding: 10px 28px; }

/**
 * Node styling.
 */
.is-unpublished {
  background-color: #fff4f4; }

.node-preview-container {
  margin-top: -15px; }

.node-preview-form-select {
  padding: 15px; }

#block-title-custom {
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  align-items: center; }
  #block-title-custom.orange h1,
  #block-title-custom.orange h2,
  #block-title-custom.orange h3 {
    color: #ff5f00;
    font-weight: bold; }
  #block-title-custom.lg h1 {
    font-weight: bold;
    font-size: 36px; }
  #block-title-custom .wrapper-custom-title {
    display: flex;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    #block-title-custom .wrapper-custom-title .page-custom-picto {
      flex: initial;
      margin-right: 20px; }
    #block-title-custom .wrapper-custom-title .page-custom-title {
      flex: auto;
      margin-top: 0px;
      margin-bottom: 0px; }

@media screen and (max-width: 1199.98px) {
  #block-title-custom {
    padding: 20px; } }

.embedded-entity.align-center {
  text-align: center; }
  .embedded-entity.align-center img {
    margin-left: auto;
    margin-right: auto; }
  .embedded-entity.align-center article.media {
    display: inline-block; }

article.recruitment-offer.full {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-family: "Muller", Arial, sans-serif;
  margin-top: 4rem;
  padding-right: 20px;
  padding-left: 20px; }

.recruitment-offer-header-img {
  height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .recruitment-offer-header-img .offer-type-div {
    margin-bottom: 10px; }

.recruitment-offer-header-desc {
  padding-top: 19px;
  padding-bottom: 31px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border: solid 1px #cccccc;
  border-top: none;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.31;
  letter-spacing: normal;
  color: #666666; }
  .recruitment-offer-header-desc > div {
    margin-left: 20px; }
  .recruitment-offer-header-desc .field--label {
    font-weight: normal; }
  .recruitment-offer-header-desc .field--item {
    font-weight: bold; }

.recruitment-offer-title {
  text-align: center;
  margin: auto;
  line-height: 24px; }
  .recruitment-offer-title.full {
    font-size: 26px;
    color: white;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
  .recruitment-offer-title.teaser {
    font-size: 26px;
    color: #ff5f00;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 500; }

.offer-type-div {
  text-align: center; }
  .offer-type-div .type-name {
    pointer-events: none;
    display: inline-block; }
  .offer-type-div.taxonomy-term-CDD .type-name {
    width: 62.5px;
    background-color: #0ac3c9;
    color: white; }
  .offer-type-div.taxonomy-term-CDI .type-name {
    width: 62.5px;
    background-color: #0a61c9;
    color: white; }
  .offer-type-div.taxonomy-term-APPRENTISSAGE .type-name {
    width: 132.5px;
    background-color: #c90a82;
    color: white; }
  .offer-type-div.taxonomy-term-ALTERNANCE .type-name {
    width: 102.5px;
    background-color: #c90a82;
    color: white; }
  .offer-type-div.taxonomy-term-STAGE .type-name {
    width: 87.5px;
    background-color: #c99f0a;
    color: white; }
  .offer-type-div.taxonomy-term-CONTRAT-PRO .type-name {
    width: 87.5px;
    background-color: #c9710a;
    color: white; }
  .offer-type-div .type-name {
    height: 40px;
    border-radius: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    position: relative;
    line-height: 1.43;
    padding: 6px 10px; }

.recruitment-offer-header-img .field--name-field-agency {
  font-size: 16px;
  text-align: center; }
  .recruitment-offer-header-img .field--name-field-agency a {
    color: white;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    pointer-events: none;
    display: inline-block; }

.recruitment-offer-desc-line > div {
  display: inline-block; }

.all-offers {
  margin-bottom: 50px; }

.recruitment-offer-teaser {
  height: 185px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 10px;
  border: solid 1px #cccccc;
  margin-bottom: 20px;
  padding: 20px; }
  .recruitment-offer-teaser .field--name-field-agency {
    text-align: center;
    margin-bottom: 20px; }
    .recruitment-offer-teaser .field--name-field-agency a {
      color: #000000;
      pointer-events: none;
      display: inline-block; }
  .recruitment-offer-teaser:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #ff5f00;
    cursor: pointer; }

.page-node-type-page .paragraph--type--magazines-paragraph .field--name-field-paragraph-title {
  display: none; }

@media only screen and (max-width: 575.98px) {
  .recruitment-offer.teaser {
    padding: 0; } }

@media only screen and (max-width: 767.98px) {
  .recruitment-offer-title.full,
  .recruitment-offer-title.teaser {
    font-size: 20px; }
  .paragraph--type--text-paragraph {
    line-height: 1.85; }
    .paragraph--type--text-paragraph .field--name-field-paragraph-title {
      font-size: 1.6rem; }
  .recruitment-offer-header-img {
    height: 138px; }
  .recruitment-offer-header-desc {
    padding-top: 11px;
    padding-bottom: 19px; }
  .offer-type-div .field--name-field-offer-type {
    width: 50px;
    height: 24px; }
    .offer-type-div .field--name-field-offer-type a {
      top: 2px; }
  .recruitment-offer-header-img .field--name-field-agency {
    font-size: 14px; }
  .paragraph--type--block-paragraph, .paragraph--type--trustpilot-home-block, .paragraph--type--trustpilot-home-block-seo, .paragraph--type--magazines-paragraph {
    margin-top: 20px; }
    .paragraph--type--block-paragraph > .field--name-field-paragraph-title, .paragraph--type--block-paragraph .paragraph-block-title, .paragraph--type--trustpilot-home-block > .field--name-field-paragraph-title, .paragraph--type--trustpilot-home-block .paragraph-block-title, .paragraph--type--trustpilot-home-block-seo > .field--name-field-paragraph-title, .paragraph--type--trustpilot-home-block-seo .paragraph-block-title, .paragraph--type--magazines-paragraph > .field--name-field-paragraph-title, .paragraph--type--magazines-paragraph .paragraph-block-title {
      padding-bottom: 10px;
      font-size: 1.6rem; }
  .offer-type-div.taxonomy-term-CDD .field--name-field-offer-type {
    width: 50px; }
  .offer-type-div.taxonomy-term-CDI .field--name-field-offer-type {
    width: 50px; }
  .offer-type-div.taxonomy-term-APPRENTISSAGE .field--name-field-offer-type {
    width: 50px; }
  .offer-type-div.taxonomy-term-STAGE .field--name-field-offer-type {
    width: 60px; } }

@media screen and (max-width: 767.98px) {
  .paragraph--type--4-columns.tarifs-table {
    background-color: #F4F6F9;
    margin: 0; }
    .paragraph--type--4-columns.tarifs-table .field--name-field-button-link {
      width: 100%; }
  .tarifs-table-card-group h2.h2 {
    display: none; }
  .tarifs-table-card-group span.cercle-icon {
    display: none; }
  .tarifs-table-body .paragraph--type--button-paragraph {
    padding: 0 24px; }
  .tarif-option.tarif-option-1 .toggle-col, .tarif-option.tarif-option-3 .toggle-col {
    display: none; }
    .tarif-option.tarif-option-1 .toggle-col.enable, .tarif-option.tarif-option-3 .toggle-col.enable {
      display: block; }
  .tarif-option.tarif-option-1 .tarifs-toggle-button, .tarif-option.tarif-option-3 .tarifs-toggle-button {
    display: flex; }
    .tarif-option.tarif-option-1 .tarifs-toggle-button.group-btn-toggle, .tarif-option.tarif-option-3 .tarifs-toggle-button.group-btn-toggle {
      margin-top: 25px; }
      .tarif-option.tarif-option-1 .tarifs-toggle-button.group-btn-toggle .btn-toggle, .tarif-option.tarif-option-3 .tarifs-toggle-button.group-btn-toggle .btn-toggle {
        min-width: inherit;
        padding: 0 15px;
        line-height: 1.1em;
        flex: 1 1 auto; }
        .tarif-option.tarif-option-1 .tarifs-toggle-button.group-btn-toggle .btn-toggle.enable, .tarif-option.tarif-option-3 .tarifs-toggle-button.group-btn-toggle .btn-toggle.enable {
          font-weight: 800;
          color: #fff;
          background: #FF5F00;
          border-radius: 100px; }
  .tarif-option.tarif-option-2 .tarifs-table-body .paragraph--type--button-paragraph {
    padding: 0; }
  .tarif-option.tarif-option-2 .tarifs-table-body .row .toggle-col {
    display: block;
    margin-bottom: 25px; }
  .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item {
    padding: 32px 24px 75px 24px;
    height: auto; }
    .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item > h2 {
      margin-bottom: 25px; }
    .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item .paragraph--type--button-paragraph {
      position: relative;
      bottom: 0; }
    .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item .display-more {
      display: none; }
    .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item .display-less {
      display: flex; }
    .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item.enable {
      height: 700px;
      overflow: hidden; }
      .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item.enable .display-more {
        display: flex; }
      .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item.enable .display-less {
        display: none; }
    .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item .tarifs-toggle-display {
      display: block; }
      .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item .tarifs-toggle-display div {
        align-items: center;
        justify-content: space-between; }
  .tarif-option.tarif-option-2 .tarifs-table-body .toggle-col {
    display: none; }
    .tarif-option.tarif-option-2 .tarifs-table-body .toggle-col.enable {
      display: block; } }

@media only screen and (max-width: 992px) and (min-width: 768px) {
  .paragraph--type--4-columns.tarifs-table {
    margin-top: 0; }
    .paragraph--type--4-columns.tarifs-table .row > .toggle-col {
      margin-bottom: 25px; }
      .paragraph--type--4-columns.tarifs-table .row > .toggle-col .tarifs-table-item > h2 {
        text-align: left;
        font-family: "sarabun", Arial, sans-serif;
        font-weight: 800;
        font-size: 1.25em; }
    .paragraph--type--4-columns.tarifs-table .tarifs-table-card-group h2.h2 {
      display: none; }
    .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-1,
    .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-2,
    .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-3,
    .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-4 {
      display: flex;
      flex-wrap: wrap; }
      .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-1 .field__item:nth-child(1),
      .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-2 .field__item:nth-child(1),
      .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-3 .field__item:nth-child(1),
      .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-4 .field__item:nth-child(1) {
        flex: 0 0 50%;
        padding-right: 30px; }
        .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-1 .field__item:nth-child(1) .tarifs-card-bottom,
        .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-2 .field__item:nth-child(1) .tarifs-card-bottom,
        .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-3 .field__item:nth-child(1) .tarifs-card-bottom,
        .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-4 .field__item:nth-child(1) .tarifs-card-bottom {
          justify-content: flex-start; }
        .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-1 .field__item:nth-child(1) .tarifs-table-card,
        .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-2 .field__item:nth-child(1) .tarifs-table-card,
        .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-3 .field__item:nth-child(1) .tarifs-table-card,
        .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-4 .field__item:nth-child(1) .tarifs-table-card {
          justify-content: flex-start; }
      .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-1 .field__item:nth-child(2),
      .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-2 .field__item:nth-child(2),
      .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-3 .field__item:nth-child(2),
      .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-4 .field__item:nth-child(2) {
        flex: 0 0 50%;
        padding-left: 30px;
        margin-top: -34px; }
        .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-1 .field__item:nth-child(2) .cercle-icon,
        .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-2 .field__item:nth-child(2) .cercle-icon,
        .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-3 .field__item:nth-child(2) .cercle-icon,
        .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-4 .field__item:nth-child(2) .cercle-icon {
          display: none; }
      .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-1 .field__item:nth-child(3),
      .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-2 .field__item:nth-child(3),
      .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-3 .field__item:nth-child(3),
      .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-4 .field__item:nth-child(3) {
        flex: 0 0 100%; } }

.paragraph--type--4-columns .tarifs-toggle-display {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 40px;
  background-color: #373F51;
  border-radius: 0 0 8px 8px; }
  .paragraph--type--4-columns .tarifs-toggle-display div {
    height: 60px;
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    align-items: center; }

.paragraph--type--4-columns .tarifs-toggle-button {
  display: none; }

.paragraph--type--4-columns .tarifs-table-body .row {
  align-items: stretch; }
  .paragraph--type--4-columns .tarifs-table-body .row .tarifs-table-item {
    position: relative;
    display: block;
    height: 100%;
    padding: 32px 24px 100px; }
    .paragraph--type--4-columns .tarifs-table-body .row .tarifs-table-item .paragraph--type--button-paragraph {
      position: absolute;
      bottom: 30px;
      left: 0; }

.paragraph--type--4-columns .tarifs-table-card {
  display: flex;
  justify-content: center; }
  .paragraph--type--4-columns .tarifs-table-card img {
    width: 100%;
    height: auto;
    max-height: inherit;
    margin: 0; }
  .paragraph--type--4-columns .tarifs-table-card p {
    margin: 0; }

.paragraph--type--4-columns .tarifs-card-bottom {
  display: flex;
  height: 30px;
  align-items: center;
  justify-content: center; }
  .paragraph--type--4-columns .tarifs-card-bottom p {
    margin: 0;
    font-size: 12px;
    font-weight: bold; }
  .paragraph--type--4-columns .tarifs-card-bottom div {
    width: 14px;
    height: 14px;
    border-radius: 50px;
    border: 1px solid #C4C4C4;
    margin-right: 12px; }
    .paragraph--type--4-columns .tarifs-card-bottom div.circle-grey {
      background: #405463;
      border-color: #405463; }
    .paragraph--type--4-columns .tarifs-card-bottom div.circle-light-grey {
      background: #DADFE1;
      border-color: #DADFE1; }
    .paragraph--type--4-columns .tarifs-card-bottom div.circle-red {
      background: #8A2332;
      border-color: #8A2332; }
    .paragraph--type--4-columns .tarifs-card-bottom div.circle-purple {
      background: #552B9D;
      border-color: #552B9D; }
    .paragraph--type--4-columns .tarifs-card-bottom div.circle-black {
      background: #000;
      border-color: #000; }
    .paragraph--type--4-columns .tarifs-card-bottom div.circle-gold {
      background: #B8A260;
      border-color: #B8A260; }
    .paragraph--type--4-columns .tarifs-card-bottom div.circle-silver {
      background: #A5A7A4;
      border-color: #A5A7A4; }

.paragraph--type--4-columns .tarifs-table-card-group {
  margin-top: 15px; }
  .paragraph--type--4-columns .tarifs-table-card-group.group-list-check {
    margin-top: 0; }
    .paragraph--type--4-columns .tarifs-table-card-group.group-list-check p.h4 {
      display: flex;
      align-items: center; }
      .paragraph--type--4-columns .tarifs-table-card-group.group-list-check p.h4 span {
        margin-right: 10px; }
    .paragraph--type--4-columns .tarifs-table-card-group.group-list-check ul.list-check {
      font-size: 16px; }
      .paragraph--type--4-columns .tarifs-table-card-group.group-list-check ul.list-check i {
        font-style: normal; }

.paragraph--type--4-columns .tarifs-table-card-details ul {
  align-items: flex-start; }
  .paragraph--type--4-columns .tarifs-table-card-details ul p.color-orange {
    color: #FF5F00; }
  .paragraph--type--4-columns .tarifs-table-card-details ul li:first-child {
    font-weight: 300;
    font-size: 1.125em;
    text-align: left; }
  .paragraph--type--4-columns .tarifs-table-card-details ul li:last-child {
    text-align: right;
    min-width: 90px; }

.paragraph--type--accordions {
  margin-bottom: 40px; }

.paragraph--type--accordion-item .field--name-field-paragraph-title.field {
  margin: 0; }

.paragraph--type--accordion-item .accordion-body .list-toggle-bg ul li {
  flex: 0 1 50%; }
  .paragraph--type--accordion-item .accordion-body .list-toggle-bg ul li:last-child {
    text-align: right; }

@media screen and (max-width: 767.98px) {
  .paragraph--type--accordion-item .accordion-body .list-toggle-bg ul li {
    flex: 0 1 49%; } }

.paragraph--type--banner-paragraph {
  margin-top: 30px;
  border-radius: 10px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  height: 160px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .paragraph--type--banner-paragraph .banner-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 20px;
    width: 320px;
    color: white; }
    .paragraph--type--banner-paragraph .banner-text .field--name-field-banner-body {
      padding-top: 20px;
      font-size: 14px;
      line-height: 1.71; }
    .paragraph--type--banner-paragraph .banner-text .field--name-field-paragraph-title {
      font-size: 1.5rem; }
  .paragraph--type--banner-paragraph .field--name-field-banner-button {
    padding: 20px;
    min-width: 250px;
    text-align: center; }
    .paragraph--type--banner-paragraph .field--name-field-banner-button a {
      font-size: 16px;
      text-align: center;
      color: #000000;
      border-radius: 100px;
      background-image: linear-gradient(to bottom, #ffffff, #e1e1e1);
      box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
      padding: 15px 32px;
      text-decoration: none;
      display: inline-block;
      text-transform: uppercase;
      width: 260px;
      height: 50px;
      overflow: hidden; }

@media only screen and (max-width: 767.98px) {
  .paragraph--type--banner-paragraph {
    margin-top: 20px;
    flex-direction: column;
    height: auto;
    padding-top: 10px; }
    .paragraph--type--banner-paragraph .field--name-field-banner-button {
      display: block;
      margin-top: 20px; }
      .paragraph--type--banner-paragraph .field--name-field-banner-button a {
        padding: 12px 32px; }
    .paragraph--type--banner-paragraph .banner-text {
      margin-right: 20px;
      justify-content: normal; }
      .paragraph--type--banner-paragraph .banner-text .field--name-field-banner-body {
        font-size: 13px; }
      .paragraph--type--banner-paragraph .banner-text .field--name-field-paragraph-title {
        font-size: 16px; } }

.paragraph--type--block-paragraph {
  display: flex;
  flex-wrap: wrap; }
  .paragraph--type--block-paragraph.container {
    padding: 0 15px; }

.paragraph--type--bordure {
  border-bottom: solid 1px #cccccc;
  margin-top: 30px; }

@media only screen and (max-width: 767.98px) {
  .paragraph--type--bordure {
    margin-top: 20px; } }

.paragraph--type--inlines-buttons .paragraph--type--button-paragraph {
  width: inherit;
  margin-right: 32px; }
  .paragraph--type--inlines-buttons .paragraph--type--button-paragraph:last-child {
    margin-right: 0; }

.paragraph--type--button-paragraph {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 20px; }
  .paragraph--type--button-paragraph .paragraph--type--button-paragraph {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 20px; }
  .paragraph--type--button-paragraph a {
    color: #fff;
    text-decoration: none;
    font-weight: 500; }
  .paragraph--type--button-paragraph.orange a {
    color: #fff; }
    .paragraph--type--button-paragraph.orange a:hover {
      background-color: #CC4C00; }
  .paragraph--type--button-paragraph.border-grey a {
    color: #191F29;
    background: transparent;
    border: 1px solid #191F29; }
    .paragraph--type--button-paragraph.border-grey a:hover {
      color: #fff;
      background: #191F29; }

@media only screen and (max-width: 991.98px) {
  .paragraph--type--inlines-buttons {
    background-color: #f3f5f9;
    padding-bottom: 0; } }

@media only screen and (max-width: 767.98px) {
  .paragraph--type--inlines-buttons {
    background-color: #f3f5f9;
    padding-bottom: 20px; }
  .paragraph--type--header .paragraph--type--inlines-buttons {
    padding-bottom: 0; }
  .paragraph--type--button-paragraph {
    margin-top: 20px; }
    .paragraph--type--button-paragraph .field--name-field-button-link a {
      min-width: 100px; }
  .paragraph--type--inlines-buttons {
    padding-left: 22px;
    padding-right: 22px; }
    .paragraph--type--inlines-buttons .paragraph--type--button-paragraph {
      width: 100%;
      margin-right: 0; }
      .paragraph--type--inlines-buttons .paragraph--type--button-paragraph .field--name-field-button-link {
        width: 100%; } }

.paragraph--type--card-application h1.h2-3, .paragraph--type--card-application h2.h2-3, .paragraph--type--card-application h3.h2-3, .paragraph--type--card-application h4.h2-3, .paragraph--type--card-application h5.h2-3, .paragraph--type--card-application h6.h2-3 {
  font-family: "Muller", Arial, sans-serif;
  font-weight: 800;
  font-size: 1.75em; }

@media screen and (max-width: 767.98px) {
  .paragraph--type--card-application h1.h2-3, .paragraph--type--card-application h2.h2-3, .paragraph--type--card-application h3.h2-3, .paragraph--type--card-application h4.h2-3, .paragraph--type--card-application h5.h2-3, .paragraph--type--card-application h6.h2-3 {
    font-size: 1.375em; } }

.paragraph--type--card-application .details-product-app p {
  color: #fff; }

.product-card-tablet {
  display: none; }

@media only screen and (max-width: 992px) and (min-width: 768px) {
  .product-card-tablet {
    display: block; }
    .product-card-tablet .field--name-field-para-img-tablet-ca {
      display: flex;
      align-items: flex-start;
      justify-content: center; } }

@media screen and (max-width: 991.98px) {
  .paragraph--type--card-application .details-product-card,
  .paragraph--type--card-application .details-product-app {
    padding: 45px; } }

@media screen and (max-width: 767.98px) {
  .paragraph--type--card-application .details-product-card,
  .paragraph--type--card-application .details-product-app {
    padding: 45px 16px; } }

.paragraph--type--card-offer.box-goto-card {
  position: relative;
  background: #F3F5F9;
  padding: 28px 0 0; }
  .paragraph--type--card-offer.box-goto-card .field--name-field-paragraph-body {
    padding: 0 32px; }
  .paragraph--type--card-offer.box-goto-card .field--name-field-para-image {
    position: absolute;
    bottom: 0;
    width: 100%; }

.paragraph--type--chronology-paragraph {
  margin-top: 30px; }
  .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item {
    padding-left: 44px;
    padding-top: 32px; }
    .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item .paragraph--type--chronology-item {
      border-left: dashed 2px #cccccc;
      min-height: 80px;
      margin-left: -31px;
      padding-left: 31px;
      margin-bottom: 37px;
      float: left; }
    .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item .field--name-field-date-element {
      color: #ff5f00;
      float: left;
      width: 170px;
      font-size: 18px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.33;
      letter-spacing: normal;
      height: 24px;
      margin-top: -32px; }
      .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item .field--name-field-date-element:before {
        width: 24px;
        height: 24px;
        border-radius: 100px;
        background-color: white;
        border: solid 2px #000000;
        content: '';
        margin-right: 20px;
        margin-left: -44px;
        margin-bottom: 5px;
        float: left; }
    .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item .field--name-field-paragraph-body {
      margin-left: -202px;
      float: left;
      padding-bottom: 20px;
      margin-top: -32px;
      line-height: 22px;
      width: 100%;
      transform: translateX(362px);
      padding-right: 162px; }
      .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item .field--name-field-paragraph-body img {
        width: 100%;
        height: auto; }
    .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item:last-child .paragraph--type--chronology-item {
      border-left: none; }
    .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item:last-child .field--name-field-date-element:before {
      margin-left: -43px; }
  .paragraph--type--chronology-paragraph .field--name-field-paragraph-title {
    font-size: 1.5rem;
    padding-bottom: 20px;
    font-family: "Muller", Arial, sans-serif;
    font-weight: 500;
    color: #ff5f00; }

@media only screen and (max-width: 991.98px) {
  .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item .field--name-field-paragraph-body {
    margin-top: -29px; } }

@media only screen and (max-width: 767.98px) {
  .paragraph--type--chronology-paragraph {
    margin-top: 20px; }
    .paragraph--type--chronology-paragraph > .field--name-field-paragraph-title, .paragraph--type--chronology-paragraph .paragraph-block-title {
      padding-bottom: 10px;
      font-size: 1.6rem; }
    .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item .field--name-field-date-element {
      width: 100%; }
    .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item .paragraph--type--chronology-item .field--name-field-paragraph-body {
      margin: 0;
      padding: 0;
      padding-bottom: 20px;
      float: none;
      transform: unset; } }

.paragraph--type--contact {
  margin-top: 30px; }
  .paragraph--type--contact .field--name-field-paragraph-title {
    color: #ff5f00;
    font-family: "Muller", Arial, sans-serif;
    font-size: 20px;
    text-align: center;
    line-height: 22px; }

@media only screen and (max-width: 767.98px) {
  .paragraph--type--contact {
    margin-top: 20px; }
    .paragraph--type--contact .field--name-field-paragraph-title {
      font-size: 16px; }
  .field--name-field-nom-du-contact {
    font-size: 13px; }
  .field--name-field-email-contact, .field--name-field-telephone-contact {
    font-size: 13px; } }

.paragraph--type--contact .field--name-field-portrait {
  display: flex;
  justify-content: center;
  margin-top: 30px; }
  .paragraph--type--contact .field--name-field-portrait img.img-responsive {
    border-radius: 50%; }
  .paragraph--type--contact .field--name-field-portrait .field--name-thumbnail {
    width: 60px;
    height: 60px;
    border-radius: 50%; }

.field--name-field-nom-du-contact {
  font-family: "Muller", Arial, sans-serif;
  font-size: 16px;
  text-align: center;
  line-height: 24px;
  margin-top: 30px;
  margin-bottom: 10px;
  color: #666666; }

.paragraph--type--contact .field--name-field-portrait + .field--name-field-nom-du-contact {
  margin-top: 19px; }

.field--name-field-email-contact, .field--name-field-telephone-contact {
  font-family: "Muller", Arial, sans-serif;
  font-size: 14px;
  text-align: center;
  line-height: 12px;
  margin-top: 1rem;
  color: #666666; }

@media only screen and (max-width: 992px) and (min-width: 768px) {
  .paragraph--type--contact-us.reverse.container-collapsed-mobile {
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 1200px; }
    .paragraph--type--contact-us.reverse.container-collapsed-mobile .row > * {
      padding-left: 1rem;
      padding-right: 1rem; }
    .paragraph--type--contact-us.reverse.container-collapsed-mobile .call-center {
      padding: 45px 0; }
      .paragraph--type--contact-us.reverse.container-collapsed-mobile .call-center .smartphone {
        right: -15px; }
    .paragraph--type--contact-us.reverse.container-collapsed-mobile .call-center-contact {
      padding: 0; } }

.paragraph--type--contact-us.reverse .row {
  flex-direction: row-reverse; }

.paragraph--type--contact-us.reverse .row-reverse-mobile {
  flex-direction: inherit; }

.paragraph--type--contact-us.reverse .call-center {
  padding: 45px 0 45px 35px; }
  .paragraph--type--contact-us.reverse .call-center .smartphone {
    right: 0; }
    .paragraph--type--contact-us.reverse .call-center .smartphone .bulle {
      right: 160px;
      left: inherit; }
      .paragraph--type--contact-us.reverse .call-center .smartphone .bulle img {
        transform: scale(-1, 1); }
      .paragraph--type--contact-us.reverse .call-center .smartphone .bulle p {
        left: 60px;
        right: 35px; }
  .paragraph--type--contact-us.reverse .call-center .shape-bg {
    border-radius: 250px 0 0 250px; }

@media only screen and (max-width: 992px) and (min-width: 768px) {
  .paragraph--type--contact-us .call-center .smartphone .bulle {
    top: 20px; } }

@media screen and (max-width: 767.98px) {
  .paragraph--type--contact-us .call-center {
    padding: 20px 16px; }
  .paragraph--type--contact-us.reverse .row-reverse-mobile {
    flex-direction: column-reverse; }
  .paragraph--type--contact-us.reverse .call-center {
    padding: 20px 16px; } }

.paragraph--type--two-columns h3 {
  margin: 0; }

.paragraph--type--two-columns h1.h2-3, .paragraph--type--two-columns h2.h2-3, .paragraph--type--two-columns h3.h2-3, .paragraph--type--two-columns h4.h2-3, .paragraph--type--two-columns h5.h2-3, .paragraph--type--two-columns h6.h2-3 {
  font-family: "Muller", Arial, sans-serif;
  font-weight: 800;
  font-size: 1.75em; }

@media screen and (max-width: 767.98px) {
  .paragraph--type--two-columns h1.h2-3, .paragraph--type--two-columns h2.h2-3, .paragraph--type--two-columns h3.h2-3, .paragraph--type--two-columns h4.h2-3, .paragraph--type--two-columns h5.h2-3, .paragraph--type--two-columns h6.h2-3 {
    font-size: 1.375em; } }

@media screen and (min-width: 1200px) {
  .paragraph--type--two-columns .paragraph--type--customers-reviews .ratings {
    display: block; }
  .paragraph--type--customers-reviews .ratings {
    display: flex; }
    .paragraph--type--customers-reviews .ratings .ratings-item {
      flex: 0 0 33.33%;
      padding: 0 20px; }
  .paragraph--type--two-columns .paragraph--type--customers-reviews.ratings {
    display: block; } }

@media screen and (max-width: 991.98px) {
  .paragraph--type--two-columns .paragraph--type--customers-reviews.container {
    padding: 0; }
  .paragraph--type--customers-reviews .tns-outer {
    margin-left: -50px; } }

.paragraph--type--block-paragraph,
.paragraph--type--offre-complete {
  max-width: 1200px;
  margin: auto;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem); }

.paragraph--type--press-release-history.paragraph--view-mode--default h2.paragraph-block-title,
.paragraph h2.paragraph-block-title {
  font-family: "Muller", Arial, sans-serif;
  font-weight: 800;
  font-size: 1.75em; }

@media screen and (max-width: 767.98px) {
  .paragraph h2.paragraph-block-title {
    font-size: 1.375em; } }

@media only screen and (max-width: 992px) and (min-width: 768px) {
  .row-stats-home-item:not(:last-child)::before {
    width: 30px !important; } }

.paragraph--type--divider {
  border-color: #CCC;
  margin: 50px 0; }

.paragraph--type--download-paragraph {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  background-color: white;
  border: solid 1px #cccccc;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  padding: 25px 20px 25px 44px; }
  .paragraph--type--download-paragraph > div {
    display: flex;
    max-width: calc(100% - 280px);
    align-items: center; }
  .paragraph--type--download-paragraph i {
    color: #ff5f00;
    float: left;
    height: 30px; }
    .paragraph--type--download-paragraph i:before {
      font-size: 30px; }
  .paragraph--type--download-paragraph .field--name-field-paragraph-body {
    font-size: 16px;
    padding: 0 20px;
    width: 100%;
    align-items: center; }
    .paragraph--type--download-paragraph .field--name-field-paragraph-body h3 {
      font-size: 18px;
      margin-top: 0;
      font-family: "Muller", Arial, sans-serif;
      font-weight: 800; }
    .paragraph--type--download-paragraph .field--name-field-paragraph-body p {
      overflow-wrap: break-word; }
  .paragraph--type--download-paragraph .custom-download-button {
    min-width: 240px; }
    .paragraph--type--download-paragraph .custom-download-button a {
      font-size: 16px;
      font-weight: 500;
      color: white;
      border-radius: 100px;
      background-color: #ff5f00;
      box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
      padding: 15px 32px;
      text-decoration: none;
      width: 100%;
      float: right;
      text-align: center; }
      .paragraph--type--download-paragraph .custom-download-button a:hover {
        background-image: none;
        background-color: #E35300;
        text-decoration: none;
        box-shadow: none; }

@media only screen and (max-width: 767.98px) {
  .paragraph--type--download-paragraph {
    flex-wrap: wrap;
    margin-top: 20px;
    padding: 25px 20px 25px 20px; }
    .paragraph--type--download-paragraph > div {
      flex-direction: column;
      max-width: 100%;
      width: 100%;
      align-items: center;
      justify-content: center; }
    .paragraph--type--download-paragraph .field--name-field-paragraph-body {
      padding: 20px;
      margin-left: 0;
      flex: 0 1 85%; }
    .paragraph--type--download-paragraph .custom-download-button {
      padding: 0;
      flex: 0 1 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: unset; }
      .paragraph--type--download-paragraph .custom-download-button a {
        max-width: 240px;
        float: unset; } }

.paragraph--type--encadre-avec-fond-colore.frame.orange .icon,
.paragraph--type--encadre-avec-fond-colore.frame.orange .cn-text-default, .paragraph--type--encadre-avec-fond-colore.frame.green .icon,
.paragraph--type--encadre-avec-fond-colore.frame.green .cn-text-default {
  color: #000; }

@media only screen and (max-width: 991.98px) {
  .paragraph.paragraph--type--encadre-avec-fond-colore {
    margin-left: 15px;
    margin-right: 15px; } }

.paragraph.paragraph--type--encadre-avec-fond-colore {
  margin-top: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 10px; }
  .paragraph.paragraph--type--encadre-avec-fond-colore p {
    line-height: 24px; }
  .paragraph.paragraph--type--encadre-avec-fond-colore.grey {
    background-color: #f2f2f2; }
  .paragraph.paragraph--type--encadre-avec-fond-colore.blue {
    background-color: #e6f7ff; }

.paragraph--type--etat-des-services .paragraph-block-title {
  font-size: 1.5rem;
  padding: 30px 0;
  font-family: "Muller", Arial, sans-serif;
  font-weight: 500;
  color: #ff5f00; }

#etat-services .bloc-states {
  padding: 15px; }

#etat-services .wrapper-states {
  position: relative;
  border: 1px solid #cccccc;
  padding: 18px;
  border-radius: 10px;
  min-height: 200px; }
  #etat-services .wrapper-states button {
    position: absolute;
    right: 10px;
    top: 20px;
    background: transparent;
    border: 0;
    font-size: 20px;
    outline: none; }
    #etat-services .wrapper-states button.btn-show-description {
      color: #ff5f00; }
    #etat-services .wrapper-states button.btn-hide-description {
      color: #888;
      display: none; }
  #etat-services .wrapper-states.show-description {
    background-color: #e5e5e5; }
    #etat-services .wrapper-states.show-description .btn-show-description {
      display: none; }
    #etat-services .wrapper-states.show-description .btn-hide-description {
      display: inline-block; }
    #etat-services .wrapper-states.show-description .state-description {
      display: block;
      text-align: center; }
    #etat-services .wrapper-states.show-description .elements-state {
      display: none; }
  #etat-services .wrapper-states .state-description {
    display: none; }
  #etat-services .wrapper-states .elements-state {
    list-style-type: none; }
    #etat-services .wrapper-states .elements-state li {
      margin-bottom: 10px;
      position: relative; }
      #etat-services .wrapper-states .elements-state li .icon {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 15px; }
  #etat-services .wrapper-states .title-states {
    color: #000;
    font-size: 20px;
    padding-left: 10px;
    display: flex; }
    #etat-services .wrapper-states .title-states .wrapper-color {
      width: 18px;
      height: 18px;
      border-radius: 100px;
      border: solid 1px #cccccc;
      position: relative;
      margin-right: 10px;
      margin-top: 3px;
      flex: initial; }
    #etat-services .wrapper-states .title-states .title-state {
      flex: auto;
      margin-bottom: 25px;
      font-weight: 500; }
    #etat-services .wrapper-states .title-states .puce-color {
      width: 10px;
      height: 10px;
      border-radius: 100px;
      position: absolute;
      left: 3px;
      top: 3px; }
    #etat-services .wrapper-states .title-states .global-state-RED {
      background-color: #cc0044; }
    #etat-services .wrapper-states .title-states .global-state-GREEN {
      background-color: #00cc38; }
    #etat-services .wrapper-states .title-states .global-state-YELLOW {
      background-color: #ffd000; }

@media only screen and (max-width: 767.98px) {
  .paragraph--type--encadre-avec-fond-colore {
    margin-top: 20px; } }

.paragraph--type--galerie-d-images .field--name-field-galerie-para-images {
  display: flex;
  flex-wrap: wrap; }
  .paragraph--type--galerie-d-images .field--name-field-galerie-para-images img {
    height: auto;
    width: auto;
    max-width: unset;
    min-width: 100%;
    transform: translateX(-50%);
    border-radius: 5px; }
  .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .field-item {
    margin: 10px 0; }
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .field-item .item-wrapper {
      overflow: hidden;
      margin-left: 10px;
      margin-right: 10px;
      border-radius: 5px;
      position: relative;
      padding-left: 50%; }
  .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 {
    width: 16.66%; }
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 .item-wrapper {
      max-height: 124px; }
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 .item-wrapper:nth-child(6n) {
        margin-right: 0; }
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 .item-wrapper:first-child, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 .item-wrapper:nth-child(7n) {
        margin-left: 0; }
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 img {
      max-height: 124px; }
  .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 {
    width: 20%; }
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 .item-wrapper {
      max-height: 150px; }
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 .item-wrapper:nth-child(5n) {
        margin-right: 0; }
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 .item-wrapper:first-child, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 .item-wrapper:nth-child(6n) {
        margin-left: 0; }
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 img {
      max-height: 150px; }
  .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 {
    width: 25%; }
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 .item-wrapper {
      max-height: 185px; }
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 .item-wrapper:nth-child(4n) {
        margin-right: 0; }
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 .item-wrapper:first-child, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 .item-wrapper:nth-child(5n) {
        margin-left: 0; }
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 img {
      max-height: 185px; }
  .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 {
    width: 33.33%; }
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 .item-wrapper {
      max-height: 248px; }
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 .item-wrapper:nth-child(3n) {
        margin-right: 0; }
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 .item-wrapper:first-child, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 .item-wrapper:nth-child(4n) {
        margin-left: 0; }
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 img {
      max-height: 248px; }
  .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 {
    width: 50%; }
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 .item-wrapper {
      max-height: 370px; }
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 .item-wrapper:nth-child(2n) {
        margin-right: 0; }
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 .item-wrapper:first-child, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 .item-wrapper:nth-child(3n) {
        margin-left: 0; }
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 img {
      max-height: 370px; }
  .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-1 {
    width: 100%; }
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-1 .item-wrapper {
      margin-right: 0;
      margin-left: 0; }
  @media screen and (max-width: 767.98px) {
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6,
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5,
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4,
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3,
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2,
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-1 {
      width: 50%; }
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 .item-wrapper,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 .item-wrapper,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 .item-wrapper,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 .item-wrapper,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 .item-wrapper,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-1 .item-wrapper {
        max-height: 370px; }
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 img,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 img,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 img,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 img,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 img,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-1 img {
        max-height: 370px; } }
  @media only screen and (max-width: 767.98px) {
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6,
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5,
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4,
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3,
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2,
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-1 {
      width: 100%; }
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 .item-wrapper,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 .item-wrapper,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 .item-wrapper,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 .item-wrapper,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 .item-wrapper,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-1 .item-wrapper {
        padding-left: unset;
        max-height: unset;
        margin-right: 0; }
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 img,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 img,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 img,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 img,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 img,
      .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-1 img {
        max-height: unset;
        transform: unset;
        max-width: 100%; } }

body #colorbox #cboxContent #cboxPrevious {
  top: 50%;
  left: 20px;
  bottom: unset;
  background: url(../images/previous.png);
  background-size: cover;
  width: 50px;
  height: 50px;
  border-radius: 10px; }

body #colorbox #cboxContent #cboxNext {
  top: 50%;
  right: 20px;
  left: unset;
  bottom: unset;
  background: url(../images/next.png);
  background-size: cover;
  width: 50px;
  height: 50px;
  border-radius: 10px; }

body #colorbox #cboxContent #cboxClose {
  top: 20px;
  right: 20px;
  bottom: unset;
  background: url(../images/minimize.png);
  background-size: cover;
  width: 50px;
  height: 50px;
  border-radius: 10px; }

body #colorbox #cboxContent #cboxCurrent {
  left: 0; }

.frame {
  padding: 10px 10px 14px; }
  .frame.with-icon {
    padding-left: 38px;
    position: relative; }

.block-block-content.orange,
.wrapper-region-header-top.orange {
  background-color: #FF5F00; }

.block-block-content.green,
.wrapper-region-header-top.green {
  background-color: #2daeb2; }

.block-block-content.blue,
.wrapper-region-header-top.blue {
  background-color: #5773A4; }

.block-block-content.red,
.wrapper-region-header-top.red {
  background-color: #dc3545; }

.block-block-content.grey,
.wrapper-region-header-top.grey {
  background-color: #666666; }

article .paragraph.frame.orange {
  background-color: rgba(255, 95, 0, 0.3); }

article .paragraph.frame.green {
  background-color: rgba(8, 178, 48, 0.3); }

article .paragraph.frame.blue {
  background-color: #e6f7ff; }

article .paragraph h1.orange, article .paragraph h2.orange, article .paragraph h3.orange, article .paragraph h4.orange {
  color: #ff5f00 !important; }

article .paragraph h1.black, article .paragraph h2.black, article .paragraph h3.black, article .paragraph h4.black {
  color: black !important; }

article .paragraph h1.white, article .paragraph h2.white, article .paragraph h3.white, article .paragraph h4.white {
  color: white !important; }

article .paragraph .cn-button a {
  color: #fff; }

article .paragraph a {
  color: #ff5f00; }
  article .paragraph a.orange {
    color: #ff5f00; }
  article .paragraph a.black {
    color: #000; }
  article .paragraph a.white {
    color: #fff; }

article .paragraph p {
  color: #191F29; }
  article .paragraph p.orange {
    color: #ff5f00; }
  article .paragraph p.white {
    color: #fff; }
    article .paragraph p.white a {
      color: #fff; }
  article .paragraph p.black {
    color: #000; }
    article .paragraph p.black a {
      color: #000; }

.paragraph.frame.orange {
  background-color: rgba(255, 95, 0, 0.3); }

.paragraph.frame.green {
  background-color: rgba(8, 178, 48, 0.3); }

.paragraph.frame.blue {
  background-color: #e6f7ff; }

.paragraph h1.orange, .paragraph h2.orange, .paragraph h3.orange, .paragraph h4.orange {
  color: #ff5f00 !important; }

.paragraph h1.black, .paragraph h2.black, .paragraph h3.black, .paragraph h4.black {
  color: black !important; }

.paragraph h1.white, .paragraph h2.white, .paragraph h3.white, .paragraph h4.white {
  color: white !important; }

.paragraph a {
  color: #ff5f00; }
  .paragraph a.orange {
    color: #ff5f00; }
  .paragraph a.black {
    color: #000; }
  .paragraph a.white {
    color: #fff; }

.paragraph p {
  color: #191F29; }
  .paragraph p.orange {
    color: #ff5f00; }
  .paragraph p.white {
    color: #fff; }
    .paragraph p.white a {
      color: #fff; }
  .paragraph p.black {
    color: #000; }
    .paragraph p.black a {
      color: #000; }

.d-flex .cercle-icon {
  min-width: 40px; }

.paragraph--type--header .half-round-bottom-2 {
  background-color: #373f51;
  position: absolute;
  width: 100%;
  height: 40px;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%; }

.paragraph--type--header .wrapper-toogle-option-1 {
  display: none; }

@media screen and (max-width: 767.98px) {
  .paragraph--type--header .wrapper-toogle-option-1 {
    display: block; }
  .tarif-option-1 .paragraph--type--header .half-round-bottom-2 {
    height: 100px; }
  .tarif-option-1 .paragraph--type--4-columns {
    padding-top: 0;
    margin-top: -20px; } }

.homepageTopTitle {
  font-size: 2.5em;
  font-family: "Muller", Arial, sans-serif;
  font-weight: bold;
  color: #000000; }
  .homepageTopTitle h1 {
    font-family: "Muller", Arial, sans-serif;
    font-weight: 800;
    font-size: inherit;
    color: inherit; }

@media screen and (max-width: 767.98px) {
  .container {
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem); } }

.boxed {
  max-width: 100%;
  margin: auto; }

.homepageTopAccroche {
  font-size: 2em;
  font-family: "Muller", Arial, sans-serif;
  color: #ff5f00; }
  .homepageTopAccroche h2 {
    font-size: 1em;
    margin-top: 20px;
    margin-bottom: 60px;
    color: inherit;
    font-family: "Muller", Arial, sans-serif;
    font-weight: 800; }

.homepageTopbtnLink.cn-button {
  padding: 0 30px; }

.homepageTopbtnLink > div > a {
  color: white;
  font-family: "Muller", Arial, sans-serif;
  font-size: 18px;
  text-decoration: none;
  white-space: nowrap;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center; }

.homepagePortrait {
  height: 100%; }
  .homepagePortrait .field--name-field-portrait {
    height: 100%; }
    .homepagePortrait .field--name-field-portrait .media-image {
      height: 100%; }
      .homepagePortrait .field--name-field-portrait .media-image .field--name-field-media-image {
        height: 100%; }
  .homepagePortrait .img-responsive {
    max-height: 460px;
    width: auto;
    margin: auto; }

.imgcontainer {
  position: relative;
  height: 100%;
  width: 50%;
  margin-top: 50px; }

.homepageOpenAccounts {
  font-size: 2em;
  font-family: "Muller", Arial, sans-serif;
  color: #000000;
  width: 304px;
  text-align: center; }

.homepageTopTitle > div {
  margin-bottom: 30px; }

.paragraph--type--homepage-top {
  background: #f2f2f2;
  width: 100%;
  margin-right: 0;
  margin-left: 0; }

.homepageTopContainer {
  max-width: 1200px;
  display: flex;
  height: 460px;
  margin-right: auto;
  margin-left: auto;
  flex-direction: row;
  overflow-y: visible; }

.homepagetop-text {
  align-self: center;
  padding-left: 100px;
  font-size: 13px;
  flex: 1; }

.paragraph--type--mea-homepage .field--name-field-mises {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding: 10px 30px;
  text-align: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }

.paragraph--type--mea-homepage .field--name-field-button-link > a {
  color: #ff5f00;
  text-decoration: underline; }

.paragraph--type--mea-homepage .field--name-field-portrait {
  justify-content: center;
  display: flex;
  padding-bottom: 10px; }

.paragraph--type--mea-homepage .field--name-field-mises .field--item {
  flex: 1; }

.paragraph--type--mea-homepage .field--name-field-paragraph-title {
  font-size: 20px;
  color: #000000;
  font-family: "Muller", Arial, sans-serif;
  font-weight: 500;
  padding-bottom: 20px; }

.paragraph--type--mea-homepage .field--name-field-home-top-accroche {
  font-family: "Muller", Arial, sans-serif;
  color: #666666;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  max-width: 300px;
  margin: 0 auto;
  padding-bottom: 20px; }

.paragraph--type--liste-vignette-presse {
  display: flex;
  flex-flow: row wrap;
  padding: 30px 20px 60px; }
  .paragraph--type--liste-vignette-presse .presse-wrapper a {
    text-decoration: none; }
  .paragraph--type--liste-vignette-presse .paragraph-block-title {
    flex: 0 0 100%;
    font-size: 1.5rem;
    text-align: center;
    padding: 30px 0;
    font-family: "Muller", Arial, sans-serif;
    font-weight: 500;
    color: #ff5f00; }
  .paragraph--type--liste-vignette-presse .field--name-field-item-link {
    flex: 0 0 100%;
    text-align: center;
    margin-top: 30px; }
    .paragraph--type--liste-vignette-presse .field--name-field-item-link a {
      color: #ff5f00;
      text-decoration: underline; }
  .paragraph--type--liste-vignette-presse .presse-wrapper {
    margin: 14px 0; }
    .paragraph--type--liste-vignette-presse .presse-wrapper .presse {
      height: 100%;
      overflow: visible; }
      .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content {
        display: flex;
        flex-direction: column; }
        .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content .field--name-field-ima .media-image {
          overflow: visible;
          display: table;
          vertical-align: middle;
          height: 100%; }
          .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content .field--name-field-ima .media-image .field--name-thumbnail {
            vertical-align: middle;
            display: table-cell; }
        .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content .field--name-field-ima img {
          max-height: 50px;
          width: auto; }
        .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content .field--name-field-accroche {
          text-align: center;
          padding: 10px 20px; }

.footerRow .region-footer {
  display: flex; }

.footerRow #block-compte-nickel-footer, .footerRow #block-piedepagina-2 {
  flex: 1; }

.footerRow .block-store-reseau-block {
  flex: 1;
  display: flex; }

.footerRow .list-reseau {
  flex: 1; }
  .footerRow .list-reseau li {
    padding-bottom: 15px; }
    .footerRow .list-reseau li a:hover {
      color: #ff5f00; }
      .footerRow .list-reseau li a:hover span {
        color: #ff5f00 !important; }

.footerRow .list-store {
  flex: 1; }

@media screen and (max-width: 1100px) {
  .homepagetop-text {
    font-size: 10px;
    padding-left: 80px; } }

@media screen and (max-width: 870px) {
  .homepagetop-text {
    font-size: 9px;
    padding-left: 30px; } }

@media screen and (max-width: 767.98px) {
  .presse-wrapper .presse .content .field--name-field-accroche {
    text-align: center;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 22px; }
  .homepageOpenAccounts {
    width: 100%; }
  .homepageTopContainer {
    flex-direction: column;
    height: 600px;
    overflow-y: hidden; }
  .homepagetop-text {
    text-align: center;
    font-size: 10px;
    padding: 30px 10px 0;
    width: 100%; }
  .imgcontainer {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 0;
    padding: 30px; }
  .homepagePortrait {
    position: relative; }
    .homepagePortrait .img-responsive {
      width: auto;
      margin: auto;
      max-height: 460px; }
  .paragraph--type--mea-homepage .field--name-field-mises {
    display: inline; }
  .paragraph--type--mea-homepage .field--name-field-portrait {
    padding-bottom: 18px; }
  .paragraph--type--mea-homepage .paragraph--type--call-to-action {
    padding-bottom: 50px; }
  .paragraph--type--liste-vignette-presse {
    padding: 10px 0 40px; }
    .paragraph--type--liste-vignette-presse .paragraph-block-title {
      font-size: 1.6rem;
      padding: 30px 0 10px; } }

@media screen and (min-width: 992px) {
  .paragraph--type--liste-vignette-presse .presse-wrapper {
    padding: 0;
    width: 50%; }
    .paragraph--type--liste-vignette-presse .presse-wrapper:nth-child(even) {
      padding-right: 14px; }
    .paragraph--type--liste-vignette-presse .presse-wrapper:nth-child(odd) {
      padding-left: 14px; }
  .page-node-type-homepage .truspilot-avis {
    margin-right: 24px;
    margin-left: 0px; }
    .page-node-type-homepage .truspilot-avis:last-child {
      margin-right: 0px; } }

.paragraph--type--image-accordion .accordion-button::after {
  background-image: url("../assets/icons/accordion-close.svg"); }

.paragraph--type--image-accordion .accordion-button:not(.collapsed)::after {
  background-image: url("../assets/icons/accordion-open.svg"); }

@media screen and (max-width: 767.98px) {
  .paragraph--type--image-accordion .field--name-field-para-image {
    margin: 0 0 50px 0; }
  .paragraph--type--image-accordion .list-icon-plus li {
    flex: 0 1 auto; } }

@media only screen and (max-width: 992px) and (min-width: 768px) {
  .paragraph--type--image-accordion h2 {
    margin-top: 40px; }
    .paragraph--type--image-accordion h2.accordion-header {
      margin: 0; } }

.paragraph--type--link-list-paragraph {
  border-radius: 10px;
  border: solid 1px #cccccc;
  margin-right: auto;
  margin-left: auto;
  margin-top: 40px;
  display: flex;
  flex-direction: column; }
  .paragraph--type--link-list-paragraph.paragraph {
    max-width: 520px; }
  .paragraph--type--link-list-paragraph .field--name-field-paragraph-title {
    border-radius: 85px;
    border: solid 1px #cccccc;
    background-color: white;
    font-size: 20px;
    color: #ff5f00;
    text-align: center;
    padding: 5px 80px 7px 80px;
    margin-top: -22px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block; }
  .paragraph--type--link-list-paragraph .field--name-field-item-link {
    padding: 20px 30px 20px 30px;
    line-height: 1.43; }
    .paragraph--type--link-list-paragraph .field--name-field-item-link .field--item {
      display: flex;
      margin-bottom: 15px; }
      .paragraph--type--link-list-paragraph .field--name-field-item-link .field--item a {
        color: #000000;
        width: 100%;
        text-decoration: none; }
      .paragraph--type--link-list-paragraph .field--name-field-item-link .field--item .icon {
        display: flex;
        align-items: center; }
      .paragraph--type--link-list-paragraph .field--name-field-item-link .field--item:hover a {
        text-decoration: underline; }
      .paragraph--type--link-list-paragraph .field--name-field-item-link .field--item:hover .icon {
        color: #ff5f00; }

@media only screen and (max-width: 767.98px) {
  .paragraph--type--link-list-paragraph {
    margin-top: 30px;
    max-width: 520px; }
    .paragraph--type--link-list-paragraph .field--name-field-paragraph-title {
      font-size: 16px;
      padding: 5px 20px 7px 20px; }
    .paragraph--type--link-list-paragraph .field--name-field-item-link {
      padding: 15px 20px 15px 20px; } }

.list-check > li i {
  margin-right: 10px; }
  .list-check > li i::before {
    font-size: 15px; }

.list-check.check-orange > li:before {
  background-size: contain; }

.paragraph--type--magazines-paragraph .news .tns-outer {
  margin-left: -50px; }

@media screen and (max-width: 991.98px) {
  .paragraph--type--magazines-paragraph .news-footer .list-cta {
    justify-content: center; } }

.paragraph--type--my-nickel-card .wrapper-card {
  display: none; }
  .paragraph--type--my-nickel-card .wrapper-card.active {
    display: block;
    background: inherit; }
  .paragraph--type--my-nickel-card .wrapper-card .field--name-name {
    display: none; }
  .paragraph--type--my-nickel-card .wrapper-card .field--name-field-media-image {
    display: flex;
    align-items: center;
    justify-content: center; }
    .paragraph--type--my-nickel-card .wrapper-card .field--name-field-media-image img {
      width: 100%;
      max-width: 345px; }
  @media only screen and (max-width: 767.98px) {
    .paragraph--type--my-nickel-card .wrapper-card p.subtitle {
      display: none; } }

@media only screen and (max-width: 767.98px) {
  .paragraph--type--my-nickel-card .list-pick-color li {
    margin: 0; } }

.paragraph--type--my-nickel-card .list-pick-color.region {
  margin-top: 10px; }

.paragraph--type--my-nickel-card ul li a .field--type-image {
  padding: 4px;
  border: 1px solid #f3f5f9; }
  .paragraph--type--my-nickel-card ul li a .field--type-image img {
    max-width: 45px; }

.paragraph--type--my-nickel-card ul li a.active .field--type-image {
  border: 1px solid #FF5F00;
  border-radius: 50%; }

@media only screen and (max-width: 991.98px) {
  .paragraph--type--my-nickel-card .pick-card-media {
    display: flex;
    align-items: center; }
  .paragraph--type--my-nickel-card .list-pick-color li {
    margin-right: 10px; } }

.paragraph--type--newsletter-subscription-form {
  padding: 15px !important; }
  .paragraph--type--newsletter-subscription-form h2.black {
    margin-bottom: 25px; }
  .paragraph--type--newsletter-subscription-form .form-item, .paragraph--type--newsletter-subscription-form .form-actions {
    float: left;
    position: relative;
    max-width: 50%;
    margin: 0 20px 25px 0;
    height: 54px; }
    .paragraph--type--newsletter-subscription-form .form-item input, .paragraph--type--newsletter-subscription-form .form-actions input {
      font-size: 18px;
      line-height: 26px;
      font-weight: 300;
      height: 44px;
      padding: 10px;
      border-radius: 10px;
      width: 100%;
      max-width: 400px;
      margin-top: 5px; }
    .paragraph--type--newsletter-subscription-form .form-item .cn-button, .paragraph--type--newsletter-subscription-form .form-actions .cn-button {
      font-size: 18px;
      line-height: 26px;
      font-weight: 500;
      width: 180px;
      margin: 0; }

@media only screen and (max-width: 767.98px) {
  .paragraph--type--newsletter-subscription-form {
    padding: 15px; }
    .paragraph--type--newsletter-subscription-form .form-item, .paragraph--type--newsletter-subscription-form .form-actions {
      float: none;
      max-width: 100%;
      margin: 0 0 25px; }
      .paragraph--type--newsletter-subscription-form .form-item:last-child, .paragraph--type--newsletter-subscription-form .form-actions:last-child {
        margin-bottom: 15px; } }

.paragraph--type--offers-services .list-box-card {
  max-width: 100%;
  justify-content: space-between; }
  .paragraph--type--offers-services .list-box-card .paragraph--type--card-offer:first-child {
    margin-left: 0; }
  .paragraph--type--offers-services .list-box-card .paragraph--type--card-offer:last-child {
    margin-right: 0; }

.paragraph--type--offers-services .box-goto-card {
  position: relative;
  height: 265px; }
  .paragraph--type--offers-services .box-goto-card img {
    position: absolute;
    bottom: 0;
    left: 0; }

@media screen and (max-width: 767.98px) {
  .paragraph--type--offers-services .intro-round .intro-round-head {
    margin-bottom: 60px;
    padding: 55px 0; }
  .paragraph--type--offers-services .intro-round .text-formatted {
    text-align: center; }
  .paragraph--type--offers-services .list-box-card {
    justify-content: center; }
    .paragraph--type--offers-services .list-box-card .paragraph--type--card-offer {
      margin: 20px; }
      .paragraph--type--offers-services .list-box-card .paragraph--type--card-offer:first-child {
        margin-left: 20px; }
      .paragraph--type--offers-services .list-box-card .paragraph--type--card-offer:last-child {
        margin-right: 20px; } }

@media only screen and (max-width: 992px) and (min-width: 768px) {
  .paragraph--type--offers-services .list-box-card {
    justify-content: center; }
    .paragraph--type--offers-services .list-box-card .paragraph--type--card-offer {
      margin: 20px; }
      .paragraph--type--offers-services .list-box-card .paragraph--type--card-offer:first-child {
        margin-left: 20px; }
      .paragraph--type--offers-services .list-box-card .paragraph--type--card-offer:last-child {
        margin-right: 20px; } }

.recruitment-offer {
  padding: 0; }
  .recruitment-offer:nth-child(odd) {
    padding-right: 15px; }
  .recruitment-offer:nth-child(even) {
    padding-left: 15px; }

.paragraph--type--offre-complete {
  margin-top: 30px; }
  .paragraph--type--offre-complete .offre-elements-list .field--label {
    display: none; }
  .paragraph--type--offre-complete .offre-elements-list .field--items {
    display: flex;
    flex-flow: row wrap; }
  .paragraph--type--offre-complete .offre-elements-list .offre-element {
    margin-top: 20px;
    padding: 0; }
    .paragraph--type--offre-complete .offre-elements-list .offre-element:nth-child(odd) {
      padding-right: 15px; }
    .paragraph--type--offre-complete .offre-elements-list .offre-element:nth-child(even) {
      padding-left: 15px; }
    .paragraph--type--offre-complete .offre-elements-list .offre-element:nth-child(3n+1) {
      clear: left; }
    .paragraph--type--offre-complete .offre-elements-list .offre-element .offer-link {
      border: 1px solid #cccccc;
      border-radius: 10px;
      padding: 15px;
      text-decoration: none;
      display: flex;
      color: #000000;
      height: 100%; }
      .paragraph--type--offre-complete .offre-elements-list .offre-element .offer-link:hover {
        text-decoration: none;
        border-color: #ff5f00;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); }
        .paragraph--type--offre-complete .offre-elements-list .offre-element .offer-link:hover .picto img {
          border: 1px solid #ff5f00;
          border-radius: 50%; }
      .paragraph--type--offre-complete .offre-elements-list .offre-element .offer-link .titre-accroche {
        flex: 8; }
        .paragraph--type--offre-complete .offre-elements-list .offre-element .offer-link .titre-accroche .field--name-field-paragraph-title {
          text-align: left;
          margin-bottom: 5px;
          color: #ff5f00; }
      .paragraph--type--offre-complete .offre-elements-list .offre-element .offer-link .picto {
        flex: initial; }
      .paragraph--type--offre-complete .offre-elements-list .offre-element .offer-link .field--name-field-paragraph-title {
        font-size: 20px;
        color: #ff5f00;
        font-family: "Muller", Arial, sans-serif; }

@media screen and (max-width: 991.98px) {
  .paragraph--type--offre-complete {
    margin-top: 20px; }
  .offre-elements-list .offre-element {
    padding: 0 !important;
    margin-left: 8px;
    margin-right: 8px; } }

.paragraph--type--onglets-paragraph {
  margin: 20px 0; }

article.node--type-communique-presse.node--view-mode-teaser {
  border-left: dotted 1px #cccccc;
  padding-left: 20px;
  padding-bottom: 2rem;
  margin-left: 8.5px;
  position: relative; }
  article.node--type-communique-presse.node--view-mode-teaser a {
    text-decoration: none;
    color: #000000; }
  article.node--type-communique-presse.node--view-mode-teaser .press-release-history-label {
    display: flex; }
    article.node--type-communique-presse.node--view-mode-teaser .press-release-history-label span {
      line-height: 2rem;
      width: 95%;
      color: #666666;
      text-decoration: none; }
    article.node--type-communique-presse.node--view-mode-teaser .press-release-history-label i {
      font-size: 1rem; }
  article.node--type-communique-presse.node--view-mode-teaser:last-child {
    border-left: none; }
  article.node--type-communique-presse.node--view-mode-teaser:before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 100px;
    background-color: white;
    border: solid 1px #ff5f00;
    position: absolute;
    left: -9px; }
  article.node--type-communique-presse.node--view-mode-teaser:hover .press-history-content:before {
    width: 12px;
    height: 12px;
    border-radius: 100px;
    background-color: #ff5f00;
    position: absolute;
    content: '';
    color: #ff5f00;
    left: -6px;
    margin-top: 3px; }
  article.node--type-communique-presse.node--view-mode-teaser:hover .press-release-history-label span {
    text-decoration: underline; }
  article.node--type-communique-presse.node--view-mode-teaser:hover .press-release-history-label i {
    color: #ff5f00; }

.paragraph--type--press-release-history.paragraph--view-mode--default {
  max-width: 790px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px; }
  .paragraph--type--press-release-history.paragraph--view-mode--default .paragraph-block-title {
    font-size: 1.5rem;
    padding-bottom: 20px;
    font-family: "Muller", Arial, sans-serif;
    font-weight: 500;
    color: #ff5f00; }

@media only screen and (max-width: 767.98px) {
  .paragraph--type--press-release-history.paragraph--view-mode--default {
    margin-top: 20px; } }

.paragraph--type--prices-table .h2-title-price {
  display: none; }

@media screen and (min-width: 768px) {
  .paragraph--type--prices-table .one-item .h2-title-price {
    display: block;
    text-align: left;
    font-family: sarabun,Arial,sans-serif;
    font-weight: 800;
    font-size: 1.25em; }
  .paragraph--type--prices-table .one-item .wrapper-price-col {
    display: flex;
    flex-wrap: wrap; }
    .paragraph--type--prices-table .one-item .wrapper-price-col .tarifs-table-card-group h2.h2 {
      display: none; }
    .paragraph--type--prices-table .one-item .wrapper-price-col .field--name-field-para-txt-content-left {
      margin: 0;
      flex: 0 0 50%;
      width: 50%;
      padding-right: 30px; }
      .paragraph--type--prices-table .one-item .wrapper-price-col .field--name-field-para-txt-content-left .tarifs-card-bottom {
        justify-content: flex-start; }
      .paragraph--type--prices-table .one-item .wrapper-price-col .field--name-field-para-txt-content-left .tarifs-table-card {
        justify-content: flex-start; }
    .paragraph--type--prices-table .one-item .wrapper-price-col .field--name-field-para-txt-content-right {
      margin: 0;
      flex: 0 0 50%;
      width: 50%;
      padding-left: 30px;
      margin-top: -34px; }
      .paragraph--type--prices-table .one-item .wrapper-price-col .field--name-field-para-txt-content-right .cercle-icon {
        display: none; }
    .paragraph--type--prices-table .one-item .wrapper-price-col .field--name-field-button-link {
      margin: 0;
      flex: 0 0 100%; } }

@media screen and (max-width: 991.98px) {
  .paragraph--type--prices-table .h2-title-price {
    display: block; } }

@media only screen and (max-width: 992px) and (min-width: 768px) {
  .paragraph--type--4-columns .tarifs-table-body .row .tarifs-table-item {
    display: flex; }
  .paragraph--type--prices-table .wrapper-price-col {
    display: flex;
    flex-wrap: wrap; }
    .paragraph--type--prices-table .wrapper-price-col .field--name-field-para-txt-content-left {
      margin: 0;
      flex: 0 0 50%;
      width: 50%;
      padding-right: 30px; }
      .paragraph--type--prices-table .wrapper-price-col .field--name-field-para-txt-content-left .tarifs-card-bottom {
        justify-content: flex-start; }
      .paragraph--type--prices-table .wrapper-price-col .field--name-field-para-txt-content-left .tarifs-table-card {
        justify-content: flex-start; }
    .paragraph--type--prices-table .wrapper-price-col .field--name-field-para-txt-content-right {
      margin: 0;
      flex: 0 0 50%;
      width: 50%;
      padding-left: 30px;
      margin-top: -34px; }
      .paragraph--type--prices-table .wrapper-price-col .field--name-field-para-txt-content-right .cercle-icon {
        display: none; }
    .paragraph--type--prices-table .wrapper-price-col .field--name-field-button-link {
      margin: 0;
      flex: 0 0 100%; } }

.section-steps-accordion {
  padding-bottom: 100px; }
  .section-steps-accordion h2.h2-3, .section-steps-accordion h3.h2-3, .section-steps-accordion h4.h2-3, .section-steps-accordion h5.h2-3, .section-steps-accordion h6.h2-3 {
    font-family: "Muller", Arial, sans-serif; }

.section-steps .section-steps-body .tab-content h2 {
  font-size: 28px; }

.section-steps .section-steps-body .tab-content h2.h2-3, .section-steps .section-steps-body .tab-content h3.h2-3, .section-steps .section-steps-body .tab-content h4.h2-3, .section-steps .section-steps-body .tab-content h5.h2-3, .section-steps .section-steps-body .tab-content h6.h2-3 {
  font-size: 28px;
  font-family: "Muller", Arial, sans-serif; }

@media screen and (max-width: 767.98px) {
  .section-steps .section-steps-body .tab-content h2 {
    font-size: 22px; }
  .section-steps .section-steps-body .tab-content h2.h2-3, .section-steps .section-steps-body .tab-content h3.h2-3, .section-steps .section-steps-body .tab-content h4.h2-3, .section-steps .section-steps-body .tab-content h5.h2-3, .section-steps .section-steps-body .tab-content h6.h2-3 {
    font-size: 22px;
    font-family: "Muller", Arial, sans-serif; } }

.section-steps-tablet {
  display: none; }
  .section-steps-tablet h2.h2-3, .section-steps-tablet h3.h2-3, .section-steps-tablet h4.h2-3, .section-steps-tablet h5.h2-3, .section-steps-tablet h6.h2-3 {
    font-family: "Muller", Arial, sans-serif; }

@media only screen and (max-width: 992px) and (min-width: 768px) {
  .section-steps-tablet {
    display: block;
    background: #f2f5f9; }
    .section-steps-tablet .steps-accordion-head {
      padding: 40px 0;
      display: flex;
      align-items: center; }
    .section-steps-tablet .step-col-nav {
      padding: 0 16px;
      background: #f2f5f9; }
      .section-steps-tablet .step-col-nav ul {
        margin: 0; }
        .section-steps-tablet .step-col-nav ul li .nav-link {
          font-size: 21px;
          color: #191F29; }
          .section-steps-tablet .step-col-nav ul li .nav-link span:after {
            display: none !important; }
          .section-steps-tablet .step-col-nav ul li .nav-link.active {
            font-weight: 700; }
            .section-steps-tablet .step-col-nav ul li .nav-link.active:after {
              color: #fff; }
          .section-steps-tablet .step-col-nav ul li .nav-link:before {
            border-color: #31424F;
            left: 19px; }
          .section-steps-tablet .step-col-nav ul li .nav-link:after {
            width: 40px;
            height: 40px;
            align-items: center;
            font-size: 16px;
            color: #191F29; }
    .section-steps-tablet .accordion-mobile .accordion-item {
      padding: 0; }
    .section-steps-tablet .accordion-mobile .accordion-collapse {
      margin: 0;
      padding: 0; }
      .section-steps-tablet .accordion-mobile .accordion-collapse .accordion-body {
        padding-top: 0;
        padding-bottom: 0; } }

.paragraph--type--tableau-a-3-colonnes-egales {
  margin-top: 30px; }
  .paragraph--type--tableau-a-3-colonnes-egales h3.field--name-field-paragraph-title {
    color: #FF5F00; }
  .paragraph--type--tableau-a-3-colonnes-egales .field--name-field-paragraph-title {
    padding-bottom: 20px;
    margin: 0; }
  .paragraph--type--tableau-a-3-colonnes-egales .field--name-field-3-col-line {
    border: solid 1px #cccccc;
    border-radius: 10px; }
  .paragraph--type--tableau-a-3-colonnes-egales .table-column-titles {
    margin-bottom: 1rem; }
    .paragraph--type--tableau-a-3-colonnes-egales .table-column-titles .column-1-title, .paragraph--type--tableau-a-3-colonnes-egales .table-column-titles .column-2-title, .paragraph--type--tableau-a-3-colonnes-egales .table-column-titles .column-3-title {
      flex: auto;
      font-size: 1rem;
      width: 33.3%;
      padding: 30px 0; }
      .paragraph--type--tableau-a-3-colonnes-egales .table-column-titles .column-1-title:empty, .paragraph--type--tableau-a-3-colonnes-egales .table-column-titles .column-2-title:empty, .paragraph--type--tableau-a-3-colonnes-egales .table-column-titles .column-3-title:empty {
        display: none; }
  .paragraph--type--tableau-a-3-colonnes-egales .bg-orange .column-1-title, .paragraph--type--tableau-a-3-colonnes-egales .bg-orange .column-2-title, .paragraph--type--tableau-a-3-colonnes-egales .bg-orange .column-3-title {
    font-size: 26px; }
  .paragraph--type--tableau-a-3-colonnes-egales .paragraph--type--_-col-line {
    font-size: 18px; }
    .paragraph--type--tableau-a-3-colonnes-egales .paragraph--type--_-col-line .field--name-field-col-1 {
      flex: auto;
      padding: 2rem;
      width: 33.3%; }
    .paragraph--type--tableau-a-3-colonnes-egales .paragraph--type--_-col-line .field--name-field-col-2, .paragraph--type--tableau-a-3-colonnes-egales .paragraph--type--_-col-line .field--name-field-col-3 {
      width: 33.3%;
      flex: auto;
      padding: 2rem;
      border-left: solid 1px #cccccc; }
  .paragraph--type--tableau-a-3-colonnes-egales .field--name-field-3-col-line > .field--item {
    border-bottom: solid 1px #cccccc; }
  .paragraph--type--tableau-a-3-colonnes-egales .field--name-field-3-col-line > .field--item:last-child {
    border-bottom: none; }

@media only screen and (max-width: 767.98px) {
  .paragraph--type--tableau-a-3-colonnes-egales {
    margin-top: 20px; }
    .paragraph--type--tableau-a-3-colonnes-egales .field--name-field-paragraph-title {
      padding-bottom: 10px;
      text-align: center; }
    .paragraph--type--tableau-a-3-colonnes-egales .paragraph--type--_-col-line {
      font-size: 0.9rem; } }

.paragraph--type--_-col-table {
  margin-top: 30px; }
  .paragraph--type--_-col-table h3.field--name-field-paragraph-title {
    color: #FF5F00; }
  .paragraph--type--_-col-table .field--name-field-paragraph-title {
    padding-bottom: 20px;
    margin: 0; }
  .paragraph--type--_-col-table .field--name-field-3-col-line {
    border: solid 1px #cccccc;
    border-radius: 10px; }
  .paragraph--type--_-col-table .table-column-titles {
    margin-bottom: 1rem; }
    .paragraph--type--_-col-table .table-column-titles .column-1-title {
      padding: 30px 0;
      flex: auto;
      font-size: 1rem; }
    .paragraph--type--_-col-table .table-column-titles .column-2-title, .paragraph--type--_-col-table .table-column-titles .column-3-title {
      width: 23%;
      flex: none;
      padding: 30px 0;
      text-align: center;
      font-size: 1rem; }
      .paragraph--type--_-col-table .table-column-titles .column-2-title:empty, .paragraph--type--_-col-table .table-column-titles .column-3-title:empty {
        display: none; }
  .paragraph--type--_-col-table .bg-orange .column-1-title, .paragraph--type--_-col-table .bg-orange .column-2-title, .paragraph--type--_-col-table .bg-orange .column-3-title {
    font-size: 26px; }
  .paragraph--type--_-col-table .paragraph--type--_-col-line {
    font-size: 18px; }
    .paragraph--type--_-col-table .paragraph--type--_-col-line .field--name-field-col-1 {
      flex: auto;
      padding: 2rem; }
    .paragraph--type--_-col-table .paragraph--type--_-col-line .field--name-field-col-2, .paragraph--type--_-col-table .paragraph--type--_-col-line .field--name-field-col-3 {
      width: 23%;
      flex: none;
      text-align: center;
      padding: 2rem;
      border-left: solid 1px #cccccc; }
  .paragraph--type--_-col-table .field--name-field-3-col-line > .field--item {
    border-bottom: solid 1px #cccccc; }
  .paragraph--type--_-col-table .field--name-field-3-col-line > .field--item:last-child {
    border-bottom: none; }

.cn-table thead tr th {
  font-weight: 800;
  line-height: 26px; }

@media only screen and (max-width: 767.98px) {
  .cn-table {
    word-break: break-all; }
    .cn-table thead tr th {
      font-size: 20px;
      line-height: 20px; }
  .paragraph--type--_-col-table {
    margin-top: 20px; }
    .paragraph--type--_-col-table .column-1-title, .paragraph--type--_-col-table .column-2-title, .paragraph--type--_-col-table .column-3-title {
      padding: 20px 0; }
    .paragraph--type--_-col-table .field--name-field-paragraph-title {
      padding-bottom: 10px;
      text-align: center; }
    .paragraph--type--_-col-table .paragraph--type--_-col-line {
      font-size: 0.9rem; } }

.paragraph--type--tableau {
  margin-top: 30px; }
  .paragraph--type--tableau .table-paragraph {
    width: 100%; }
    .paragraph--type--tableau .table-paragraph caption {
      padding: 0px; }
      .paragraph--type--tableau .table-paragraph caption h3 {
        padding-bottom: 20px;
        font-family: "Muller", Arial, sans-serif;
        font-weight: 800; }
    .paragraph--type--tableau .table-paragraph .column-title {
      padding: 0 2rem 1rem 2rem;
      font-size: 1.6rem;
      color: #ff5f00; }
    .paragraph--type--tableau .table-paragraph .table-title {
      font-size: 1.5rem;
      font-family: "Muller", Arial, sans-serif;
      font-weight: 500;
      color: #ff5f00; }
      .paragraph--type--tableau .table-paragraph .table-title h3 {
        margin: 0;
        font-family: "Muller", Arial, sans-serif;
        font-weight: 800; }
    .paragraph--type--tableau .table-paragraph tbody td {
      height: 1px; }
      .paragraph--type--tableau .table-paragraph tbody td .cell-content {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        padding: 2rem;
        height: 100%;
        border-left: solid 1px #cccccc;
        border-top: solid 1px #cccccc; }
    .paragraph--type--tableau .table-paragraph tbody .table-cell:last-child .cell-content {
      border-right: solid 1px #cccccc; }
    .paragraph--type--tableau .table-paragraph tbody > .paragraph--type--table-row td:first-child .cell-content {
      border-top-left-radius: 6px; }
    .paragraph--type--tableau .table-paragraph tbody > .paragraph--type--table-row td:last-child .cell-content {
      border-top-right-radius: 6px; }
    .paragraph--type--tableau .table-paragraph tbody > .paragraph--type--table-row:last-child td .cell-content {
      border-bottom: solid 1px #cccccc; }
    .paragraph--type--tableau .table-paragraph tbody > .paragraph--type--table-row:last-child td:first-child .cell-content {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px; }
    .paragraph--type--tableau .table-paragraph tbody > .paragraph--type--table-row:last-child td:last-child .cell-content {
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px; }
    .paragraph--type--tableau .table-paragraph tbody > .paragraph--type--table-row ~ .paragraph--type--table-row td:first-child .cell-content {
      border-top-left-radius: 0px; }
    .paragraph--type--tableau .table-paragraph tbody > .paragraph--type--table-row ~ .paragraph--type--table-row td:last-child .cell-content {
      border-top-right-radius: 0px; }
    .paragraph--type--tableau .table-paragraph tbody .paragraph--type--table-row:last-of-type td .cell-content {
      border-bottom: solid 1px #cccccc; }
    .paragraph--type--tableau .table-paragraph tbody .paragraph--type--table-row:last-of-type td:first-child .cell-content {
      border-bottom-left-radius: 6px; }
    .paragraph--type--tableau .table-paragraph tbody .paragraph--type--table-row:last-of-type td:last-child .cell-content {
      border-bottom-right-radius: 6px; }

@media only screen and (max-width: 767.98px) {
  .paragraph--type--tableau {
    margin-top: 20px; }
    .paragraph--type--tableau .table-title {
      padding-bottom: 10px;
      text-align: center; } }

.paragraph--type--text-2-columns .cn-text-default {
  padding: 0; }
  .paragraph--type--text-2-columns .cn-text-default > .row {
    display: block;
    padding: 0; }

.paragraph--type--text-2-columns,
.paragraph--type--text-3-columns {
  border-radius: 0;
  margin: 0;
  position: relative;
  align-items: center;
  overflow: hidden; }
  .paragraph--type--text-2-columns .frame.with-icon,
  .paragraph--type--text-3-columns .frame.with-icon {
    position: absolute; }
    .paragraph--type--text-2-columns .frame.with-icon .cn-button,
    .paragraph--type--text-3-columns .frame.with-icon .cn-button {
      margin-left: -19px; }
  .paragraph--type--text-2-columns .no-padding,
  .paragraph--type--text-3-columns .no-padding {
    padding: 0; }
  .paragraph--type--text-2-columns .cn-text-default,
  .paragraph--type--text-3-columns .cn-text-default {
    position: relative;
    display: flex;
    flex-direction: row;
    margin: 0 auto; }
    .paragraph--type--text-2-columns .cn-text-default .row,
    .paragraph--type--text-3-columns .cn-text-default .row {
      flex-grow: 1; }
      .paragraph--type--text-2-columns .cn-text-default .row > div,
      .paragraph--type--text-3-columns .cn-text-default .row > div {
        max-width: 495px; }
      .paragraph--type--text-2-columns .cn-text-default .row:nth-child(even) > div,
      .paragraph--type--text-3-columns .cn-text-default .row:nth-child(even) > div {
        float: left; }
      .paragraph--type--text-2-columns .cn-text-default .row:nth-child(odd) > div,
      .paragraph--type--text-3-columns .cn-text-default .row:nth-child(odd) > div {
        float: right; }
    .paragraph--type--text-2-columns .cn-text-default.reverse,
    .paragraph--type--text-3-columns .cn-text-default.reverse {
      flex-direction: row-reverse; }
    .paragraph--type--text-2-columns .cn-text-default .col-md-6,
    .paragraph--type--text-3-columns .cn-text-default .col-md-6 {
      padding-left: 0;
      padding-right: 0; }
  .paragraph--type--text-2-columns.frame,
  .paragraph--type--text-3-columns.frame {
    border-radius: 0;
    padding: 0;
    overflow: hidden; }
    .paragraph--type--text-2-columns.frame.white,
    .paragraph--type--text-3-columns.frame.white {
      background-color: #fff; }
    .paragraph--type--text-2-columns.frame.orange,
    .paragraph--type--text-3-columns.frame.orange {
      background-color: #ff5f00; }
    .paragraph--type--text-2-columns.frame.black,
    .paragraph--type--text-3-columns.frame.black {
      background-color: #000; }
    .paragraph--type--text-2-columns.frame.grey,
    .paragraph--type--text-3-columns.frame.grey {
      background-color: #f2f2f2; }
    .paragraph--type--text-2-columns.frame.blue,
    .paragraph--type--text-3-columns.frame.blue {
      background-color: #E6F7FF; }
  .paragraph--type--text-2-columns .btn-wrapper,
  .paragraph--type--text-3-columns .btn-wrapper {
    width: 100%;
    text-align: center;
    padding: 10px 15px; }
    .paragraph--type--text-2-columns .btn-wrapper .cn-button,
    .paragraph--type--text-3-columns .btn-wrapper .cn-button {
      width: auto;
      box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
      margin-bottom: 0;
      margin-top: 0;
      background-color: #ff5f00;
      color: #fff; }
      .paragraph--type--text-2-columns .btn-wrapper .cn-button .field--name-field-button-link,
      .paragraph--type--text-3-columns .btn-wrapper .cn-button .field--name-field-button-link {
        height: 100%;
        display: flex;
        align-items: center; }
      .paragraph--type--text-2-columns .btn-wrapper .cn-button:hover,
      .paragraph--type--text-3-columns .btn-wrapper .cn-button:hover {
        background-color: #E35300;
        text-decoration: none;
        box-shadow: none; }
      .paragraph--type--text-2-columns .btn-wrapper .cn-button.orange, .paragraph--type--text-2-columns .btn-wrapper .cn-button.orange:hover,
      .paragraph--type--text-3-columns .btn-wrapper .cn-button.orange,
      .paragraph--type--text-3-columns .btn-wrapper .cn-button.orange:hover {
        background-color: #000; }
      .paragraph--type--text-2-columns .btn-wrapper .cn-button a,
      .paragraph--type--text-3-columns .btn-wrapper .cn-button a {
        font-size: 18px;
        text-align: center;
        color: white;
        text-decoration: none;
        display: inline-block;
        min-width: 200px;
        font-weight: 500;
        padding: 0 30px; }
  .paragraph--type--text-2-columns .field--name-field-paragraph-body,
  .paragraph--type--text-3-columns .field--name-field-paragraph-body {
    padding: 15px; }
    .paragraph--type--text-2-columns .field--name-field-paragraph-body h2, .paragraph--type--text-2-columns .field--name-field-paragraph-body h3, .paragraph--type--text-2-columns .field--name-field-paragraph-body h4, .paragraph--type--text-2-columns .field--name-field-paragraph-body h5,
    .paragraph--type--text-3-columns .field--name-field-paragraph-body h2,
    .paragraph--type--text-3-columns .field--name-field-paragraph-body h3,
    .paragraph--type--text-3-columns .field--name-field-paragraph-body h4,
    .paragraph--type--text-3-columns .field--name-field-paragraph-body h5 {
      margin-top: 10px;
      font-family: "Muller", Arial, sans-serif;
      font-weight: 800; }
  .paragraph--type--text-2-columns .field--name-field-paragraph-body span.icon,
  .paragraph--type--text-2-columns.orange .field--name-field-paragraph-body span.icon,
  .paragraph--type--text-3-columns .field--name-field-paragraph-body span.icon,
  .paragraph--type--text-3-columns.orange .field--name-field-paragraph-body span.icon {
    color: #fff; }

.paragraph--type--text-3-columns .cn-text-default .row:nth-child(3) > div {
  float: left; }

.paragraph--type--text-3-columns .cn-text-default .row:nth-child(1) > div {
  float: right; }

@media screen and (max-width: 991.98px) {
  .paragraph--type--text-2-columns,
  .paragraph--type--text-3-columns {
    max-height: unset; }
    .paragraph--type--text-2-columns .cn-button,
    .paragraph--type--text-3-columns .cn-button {
      height: auto;
      padding: 15px 0;
      line-height: 24px; }
    .paragraph--type--text-2-columns .cn-text-default,
    .paragraph--type--text-3-columns .cn-text-default {
      flex-direction: column; }
      .paragraph--type--text-2-columns .cn-text-default .row > div,
      .paragraph--type--text-3-columns .cn-text-default .row > div {
        max-width: unset; }
      .paragraph--type--text-2-columns .cn-text-default .row:nth-child(even) > div,
      .paragraph--type--text-2-columns .cn-text-default .row:nth-child(odd) > div,
      .paragraph--type--text-3-columns .cn-text-default .row:nth-child(even) > div,
      .paragraph--type--text-3-columns .cn-text-default .row:nth-child(odd) > div {
        float: unset; }
      .paragraph--type--text-2-columns .cn-text-default div:nth-child(2),
      .paragraph--type--text-3-columns .cn-text-default div:nth-child(2) {
        max-width: 100%; }
    .paragraph--type--text-2-columns .cn-text-default.reverse,
    .paragraph--type--text-3-columns .cn-text-default.reverse {
      flex-direction: column-reverse; }
  article .paragraph--type--text-2-columns,
  article .paragraph--type--text-3-columns {
    height: auto;
    max-height: unset; }
    article .paragraph--type--text-2-columns .cn-text-default,
    article .paragraph--type--text-3-columns .cn-text-default {
      flex-direction: column; }
      article .paragraph--type--text-2-columns .cn-text-default .row > div,
      article .paragraph--type--text-3-columns .cn-text-default .row > div {
        max-width: unset;
        float: unset;
        width: 100%; }
    article .paragraph--type--text-2-columns .cn-text-default.reverse,
    article .paragraph--type--text-3-columns .cn-text-default.reverse {
      flex-direction: column-reverse; }
    article .paragraph--type--text-2-columns .col-padding-right,
    article .paragraph--type--text-2-columns .col-padding-left,
    article .paragraph--type--text-3-columns .col-padding-right,
    article .paragraph--type--text-3-columns .col-padding-left {
      padding: 0;
      margin: 0;
      width: 100%; }
    article .paragraph--type--text-2-columns .col-vertical-center,
    article .paragraph--type--text-3-columns .col-vertical-center {
      position: relative;
      top: unset;
      transform: unset; }
      article .paragraph--type--text-2-columns .col-vertical-center.col-float-right,
      article .paragraph--type--text-3-columns .col-vertical-center.col-float-right {
        left: unset; }
    article .paragraph--type--text-2-columns .field--name-field-paragraph-body,
    article .paragraph--type--text-2-columns .field--name-field-media-image,
    article .paragraph--type--text-3-columns .field--name-field-paragraph-body,
    article .paragraph--type--text-3-columns .field--name-field-media-image {
      position: initial;
      transform: none; }
      article .paragraph--type--text-2-columns .field--name-field-paragraph-body img,
      article .paragraph--type--text-2-columns .field--name-field-media-image img,
      article .paragraph--type--text-3-columns .field--name-field-paragraph-body img,
      article .paragraph--type--text-3-columns .field--name-field-media-image img {
        margin-left: auto;
        margin-right: auto; }
    article .paragraph--type--text-2-columns .field--name-field-media-image,
    article .paragraph--type--text-3-columns .field--name-field-media-image {
      padding-left: 0 !important;
      padding-right: 0 !important; } }

.paragraph--type--text-2-columns .paragraph--type--text-colum,
.paragraph--type--text-3-columns .paragraph--type--text-colum {
  border-radius: 0; }
  .paragraph--type--text-2-columns .paragraph--type--text-colum.row,
  .paragraph--type--text-3-columns .paragraph--type--text-colum.row {
    margin: 0; }
  .paragraph--type--text-2-columns .paragraph--type--text-colum.frame,
  .paragraph--type--text-3-columns .paragraph--type--text-colum.frame {
    border-radius: 0;
    padding: 0;
    overflow: hidden; }
    .paragraph--type--text-2-columns .paragraph--type--text-colum.frame.white,
    .paragraph--type--text-3-columns .paragraph--type--text-colum.frame.white {
      background-color: #fff; }
    .paragraph--type--text-2-columns .paragraph--type--text-colum.frame.orange,
    .paragraph--type--text-3-columns .paragraph--type--text-colum.frame.orange {
      background-color: #ff5f00; }
    .paragraph--type--text-2-columns .paragraph--type--text-colum.frame.black,
    .paragraph--type--text-3-columns .paragraph--type--text-colum.frame.black {
      background-color: #000; }
    .paragraph--type--text-2-columns .paragraph--type--text-colum.frame.grey,
    .paragraph--type--text-3-columns .paragraph--type--text-colum.frame.grey {
      background-color: #f2f2f2; }
    .paragraph--type--text-2-columns .paragraph--type--text-colum.frame.blue,
    .paragraph--type--text-3-columns .paragraph--type--text-colum.frame.blue {
      background-color: #E6F7FF; }

.paragraph--type--texte-image {
  border-radius: 0;
  display: flex;
  justify-content: space-around;
  margin: 0;
  position: relative;
  align-items: center; }
  .paragraph--type--texte-image .frame.with-icon {
    position: absolute; }
    .paragraph--type--texte-image .frame.with-icon .cn-button {
      margin-left: -19px; }
  .paragraph--type--texte-image .no-padding {
    padding: 0; }
  .paragraph--type--texte-image .cn-text-default {
    position: relative;
    align-items: center;
    display: flex;
    flex-direction: row;
    margin: 0 auto; }
    .paragraph--type--texte-image .cn-text-default.reverse {
      flex-direction: row-reverse; }
    .paragraph--type--texte-image .cn-text-default .col-md-6 {
      padding-left: 0;
      padding-right: 0; }
  .paragraph--type--texte-image.frame {
    border-radius: 0;
    padding: 0;
    overflow: hidden; }
    .paragraph--type--texte-image.frame.white {
      background-color: #fff; }
    .paragraph--type--texte-image.frame.orange {
      background-color: #ff5f00; }
    .paragraph--type--texte-image.frame.black {
      background-color: #000; }
    .paragraph--type--texte-image.frame.grey {
      background-color: #F3F5F9; }
  .paragraph--type--texte-image .btn-wrapper {
    width: 100%;
    text-align: center;
    padding: 10px 15px; }
    .paragraph--type--texte-image .btn-wrapper .cn-button {
      width: auto;
      box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
      margin-bottom: 0;
      margin-top: 0;
      background-color: #ff5f00;
      color: #fff; }
      .paragraph--type--texte-image .btn-wrapper .cn-button .field--name-field-button-link {
        height: 100%;
        display: flex;
        align-items: center; }
      .paragraph--type--texte-image .btn-wrapper .cn-button:hover {
        background-color: #E35300;
        text-decoration: none;
        box-shadow: none; }
      .paragraph--type--texte-image .btn-wrapper .cn-button.orange, .paragraph--type--texte-image .btn-wrapper .cn-button.orange:hover {
        background-color: #000; }
      .paragraph--type--texte-image .btn-wrapper .cn-button a {
        font-size: 18px;
        text-align: center;
        color: white;
        text-decoration: none;
        display: inline-block;
        min-width: 200px;
        font-weight: 500;
        padding: 0 30px; }
  .paragraph--type--texte-image .col-padding-left {
    padding-left: 15px;
    padding-right: 0; }
  .paragraph--type--texte-image .col-padding-right {
    padding-right: 15px;
    padding-left: 0; }
  .paragraph--type--texte-image .col-float-left {
    float: left; }
  .paragraph--type--texte-image .col-float-right {
    float: right; }
  .paragraph--type--texte-image .col-vertical-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .paragraph--type--texte-image .col-vertical-center.col-float-right {
      left: 50%; }
  .paragraph--type--texte-image .field--name-field-paragraph-body {
    padding: 15px; }
    .paragraph--type--texte-image .field--name-field-paragraph-body h2, .paragraph--type--texte-image .field--name-field-paragraph-body h3, .paragraph--type--texte-image .field--name-field-paragraph-body h4, .paragraph--type--texte-image .field--name-field-paragraph-body h5 {
      margin-top: 10px; }
  .paragraph--type--texte-image .field--name-field-paragraph-body,
  .paragraph--type--texte-image .field--name-field-media-image {
    max-width: 100%;
    overflow-wrap: break-word; }
    .paragraph--type--texte-image .field--name-field-paragraph-body h1, .paragraph--type--texte-image .field--name-field-paragraph-body h2, .paragraph--type--texte-image .field--name-field-paragraph-body h3, .paragraph--type--texte-image .field--name-field-paragraph-body h4, .paragraph--type--texte-image .field--name-field-paragraph-body h5,
    .paragraph--type--texte-image .field--name-field-media-image h1,
    .paragraph--type--texte-image .field--name-field-media-image h2,
    .paragraph--type--texte-image .field--name-field-media-image h3,
    .paragraph--type--texte-image .field--name-field-media-image h4,
    .paragraph--type--texte-image .field--name-field-media-image h5 {
      margin-top: 10px;
      font-family: "Muller", Arial, sans-serif;
      font-weight: 800; }
    .paragraph--type--texte-image .field--name-field-paragraph-body span.icon,
    .paragraph--type--texte-image .field--name-field-media-image span.icon {
      color: #FF5F00;
      margin-right: 20px;
      font-size: 25PX;
      vertical-align: middle; }
    .paragraph--type--texte-image .field--name-field-paragraph-body .cercle-icon.cercle-icon-white span.icon,
    .paragraph--type--texte-image .field--name-field-media-image .cercle-icon.cercle-icon-white span.icon {
      color: #000;
      margin-right: -7px;
      font-size: 1rem; }
  .paragraph--type--texte-image.orange .field--name-field-paragraph-body span.icon {
    color: #fff; }
  .paragraph--type--texte-image .btn-default.btn-orange {
    color: #fff; }
  .paragraph--type--texte-image .btn-default.btn-border {
    color: #191F29; }
    .paragraph--type--texte-image .btn-default.btn-border:hover {
      color: #fff; }
  .paragraph--type--texte-image .head-centered {
    padding-bottom: 5px; }
  .paragraph--type--texte-image .list-icons .title-icon {
    height: 40px;
    display: flex;
    align-items: center;
    font-weight: bold; }
  .paragraph--type--texte-image .paragraph-title {
    padding: 50px 0 15px;
    text-align: center;
    font-family: "Muller", Arial, sans-serif;
    font-weight: 800;
    font-size: 2em;
    text-transform: uppercase; }
    .paragraph--type--texte-image .paragraph-title h1, .paragraph--type--texte-image .paragraph-title h2, .paragraph--type--texte-image .paragraph-title h3, .paragraph--type--texte-image .paragraph-title h4, .paragraph--type--texte-image .paragraph-title h5, .paragraph--type--texte-image .paragraph-title h6 {
      font-family: "Muller", Arial, sans-serif;
      font-size: inherit; }
    @media screen and (max-width: 991.98px) {
      .paragraph--type--texte-image .paragraph-title {
        font-size: 1.625em;
        line-height: 1em; } }

@media only screen and (max-width: 767.98px) {
  .paragraph--type--texte-image .paragraph-title {
    text-align: left; }
  .paragraph--type--texte-image .field--name-field-paragraph-body {
    padding: 15px 0; }
    .paragraph--type--texte-image .field--name-field-paragraph-body .tarifs-article-item {
      padding: 0; }
  .paragraph--type--texte-image .list-icons li {
    padding: 0; }
    .paragraph--type--texte-image .list-icons li .title-icon {
      margin-left: 50px;
      margin-bottom: 10px; } }

@media screen and (max-width: 991.98px) {
  .paragraph--type--texte-image {
    max-height: unset; }
    .paragraph--type--texte-image .cn-button {
      height: auto;
      padding: 15px 0;
      line-height: 24px; }
    .paragraph--type--texte-image .cn-text-default {
      flex-direction: column; }
    .paragraph--type--texte-image .cn-text-default.reverse {
      flex-direction: column-reverse; }
  article .paragraph--type--texte-image {
    height: auto;
    max-height: unset; }
    article .paragraph--type--texte-image .cn-text-default {
      flex-direction: column; }
    article .paragraph--type--texte-image .cn-text-default.reverse {
      flex-direction: column-reverse; }
    article .paragraph--type--texte-image .col-padding-right,
    article .paragraph--type--texte-image .col-padding-left {
      padding: 0;
      margin: 0;
      width: 100%; }
    article .paragraph--type--texte-image .col-vertical-center {
      position: relative;
      top: unset;
      transform: unset; }
      article .paragraph--type--texte-image .col-vertical-center.col-float-right {
        left: unset; }
    article .paragraph--type--texte-image .field--name-field-paragraph-body,
    article .paragraph--type--texte-image .field--name-field-media-image {
      position: initial;
      transform: none; }
      article .paragraph--type--texte-image .field--name-field-paragraph-body img,
      article .paragraph--type--texte-image .field--name-field-media-image img {
        margin-left: auto;
        margin-right: auto; }
    article .paragraph--type--texte-image .field--name-field-media-image {
      padding-left: 0 !important;
      padding-right: 0 !important; } }

@media only screen and (max-width: 992px) and (min-width: 768px) {
  article .paragraph--type--texte-image .cn-text-default.reverse.tablet-row {
    flex-direction: row-reverse;
    align-items: flex-start; }
    article .paragraph--type--texte-image .cn-text-default.reverse.tablet-row .field--name-field-paragraph-image {
      margin-top: 25px; }
  article .paragraph--type--texte-image .cn-text-default.tablet-row {
    flex-direction: row;
    align-items: flex-start; }
    article .paragraph--type--texte-image .cn-text-default.tablet-row .field--name-field-paragraph-image {
      margin-top: 25px; }
  .paragraph--type--texte-image.row > .container {
    padding: 0 16px; }
  .paragraph--type--texte-image .field--name-field-paragraph-body {
    padding: 0; }
  .wrapper-paragraph-title {
    width: 100%; }
    .wrapper-paragraph-title .paragraph-title {
      text-align: left; } }

.paragraph--type--sous-texte-paragraph {
  font-size: 16px;
  color: #666666;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 20px; }

.paragraph--type--text-paragraph {
  line-height: 1.71; }
  .paragraph--type--text-paragraph h1, .paragraph--type--text-paragraph h2, .paragraph--type--text-paragraph h3, .paragraph--type--text-paragraph h4 {
    font-family: "Muller";
    font-weight: bold; }
  .paragraph--type--text-paragraph.paragraph.frame {
    border-radius: 0;
    padding: 0;
    overflow: hidden; }
    .paragraph--type--text-paragraph.paragraph.frame.white {
      background-color: #fff; }
    .paragraph--type--text-paragraph.paragraph.frame.orange {
      background-color: #ff5f00; }
    .paragraph--type--text-paragraph.paragraph.frame.black {
      background-color: #000; }
    .paragraph--type--text-paragraph.paragraph.frame.grey {
      background-color: #f2f2f2; }
    .paragraph--type--text-paragraph.paragraph.frame.blue {
      background-color: #E6F7FF; }
    .paragraph--type--text-paragraph.paragraph.frame .field {
      padding: 15px; }
  .paragraph--type--text-paragraph .field--name-field-paragraph-title {
    font-size: 1.5rem;
    text-align: center;
    font-family: "Muller", Arial, sans-serif;
    font-weight: 500;
    color: #ff5f00; }
  .paragraph--type--text-paragraph .field--name-field-paragraph-body {
    margin-top: 10px;
    padding: 15px; }
  .paragraph--type--text-paragraph .text-paragraph-title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    text-align: left;
    flex-direction: column; }
    .paragraph--type--text-paragraph .text-paragraph-title .field--name-field-portrait {
      flex: none; }
      .paragraph--type--text-paragraph .text-paragraph-title .field--name-field-portrait img {
        width: 60px;
        height: 60px;
        border-radius: 100px;
        border: solid 1px #ff5f00; }

.homepage .paragraph--type--text-paragraph {
  padding: 60px 0 60px; }

.field--type-text-long .align-left img {
  padding: 15px;
  padding-left: 0px; }

.field--type-text-long .align-right img {
  padding: 15px;
  padding-right: 0px; }

@media only screen and (max-width: 767.98px) {
  .paragraph--type--text-paragraph {
    margin-top: 20px; }
    .paragraph--type--text-paragraph .field--name-field-paragraph-title {
      font-size: 1.6rem; }
    .paragraph--type--text-paragraph .text-paragraph-title {
      margin-bottom: 0px; }
      .paragraph--type--text-paragraph .text-paragraph-title img {
        margin-right: 1rem; }
  .homepage .paragraph--type--text-paragraph {
    padding: 20px 0 40px; } }

@media only screen and (max-width: 575.98px) {
  .paragraph .cn-link {
    margin: 0; }
  .paragraph--type--sous-texte-paragraph {
    font-size: 14px; } }

.paragraph--type--texte-image-2 .btn-border.btn-border-white:hover {
  color: #191F29;
  border-color: #fff;
  background: #fff; }

.paragraph--type--texte-image-2 h1.h1, .paragraph--type--texte-image-2 h2.h1, .paragraph--type--texte-image-2 h3.h1, .paragraph--type--texte-image-2 h4.h1, .paragraph--type--texte-image-2 h5.h1, .paragraph--type--texte-image-2 h6.h1 {
  margin: 0;
  line-height: 1em; }

.paragraph--type--texte-image-2 span.h1 {
  margin-right: 10px; }

@media screen and (max-width: 991.98px) {
  .paragraph--type--texte-image-2 .list-cta a:last-child {
    margin-right: 50px; } }

@media screen and (max-width: 767.98px) {
  .paragraph--type--texte-image-2 .list-cta a:last-child {
    margin-right: 0; }
  .paragraph--type--texte-image-2.intro-section {
    padding-bottom: 0; }
  .paragraph--type--texte-image-2 .field--name-field-para-txt-mini-sub-title {
    margin-left: 0; }
  .paragraph--type--texte-image-2 .subtitle-wrapper {
    flex-direction: column; }
  .paragraph--type--texte-image-2 .field--name-field-paragraph-image {
    display: none; } }

@media only screen and (max-width: 992px) and (min-width: 768px) {
  .paragraph--type--texte-image-2.intro-section {
    padding-bottom: 0; }
  .paragraph--type--texte-image-2 > .row > .col:first-child .row-section {
    padding: 0; }
  .paragraph--type--texte-image-2 > .row > .col:last-child {
    display: none; }
  .paragraph--type--texte-image-2.is-front > .row {
    position: relative; }
    .paragraph--type--texte-image-2.is-front > .row > .col:last-child {
      display: block; }
    .paragraph--type--texte-image-2.is-front > .row > .col:first-child .row-section {
      padding-bottom: 50px; }
  .paragraph--type--texte-image-2.is-front .list-check {
    padding-right: 100px; }
  .paragraph--type--texte-image-2.is-front .field--name-field-paragraph-image {
    position: absolute;
    top: 40px;
    margin-left: -120px; } }

article .paragraph.paragraph--type--two-colums-text-image .list-icons li {
  margin-bottom: 25px; }

article .paragraph.paragraph--type--two-colums-text-image .split-item-left {
  color: #fff; }

article .paragraph.paragraph--type--two-colums-text-image .cercle-icon-white {
  color: #373f51; }
  article .paragraph.paragraph--type--two-colums-text-image .cercle-icon-white:before {
    margin-right: -7px;
    font-size: 1.2rem; }

article .paragraph.paragraph--type--two-colums-text-image.section-split-item .list-icons-text {
  color: #fff; }
  article .paragraph.paragraph--type--two-colums-text-image.section-split-item .list-icons-text p {
    color: #fff; }

@media only screen and (max-width: 992px) and (min-width: 768px) {
  .split-item .flex-column > p {
    display: flex;
    justify-content: center; }
  .split-item .split-item-right .app-list {
    display: flex;
    flex-direction: row; }
  .split-item .section-steps:not(.visible-mobile) {
    display: block; } }

@media screen and (max-width: 767.98px) {
  .paragraph--type--two-colums-text-image .list-icons li {
    padding: 0; }
    .paragraph--type--two-colums-text-image .list-icons li .list-icons-text {
      top: 0;
      margin: 0; }
    .paragraph--type--two-colums-text-image .list-icons li .font-800 {
      margin-left: 50px;
      margin-bottom: 10px;
      min-height: 30px; }
    .paragraph--type--two-colums-text-image .list-icons li .title-icon {
      margin-left: 50px;
      margin-bottom: 10px; }
  .paragraph--type--two-colums-text-image .split-item-right {
    padding: 30px 16px; }
    .paragraph--type--two-colums-text-image .split-item-right .section-steps-accordion {
      padding: 0; }
      .paragraph--type--two-colums-text-image .split-item-right .section-steps-accordion .step-content-toggle {
        margin: 40px 0; } }

.paragraph--type--video-text video {
  max-width: 100%;
  height: auto; }

.paragraph--type--video-text .video-intro .field--name-field-para-img-video-preview img {
  border-radius: 8px;
  box-shadow: 9px 6px 16px rgba(0, 0, 0, 0.1); }

@media screen and (max-width: 767.98px) {
  .paragraph--type--video-text .video-intro .bulle.bulle-video {
    text-align: center; }
    .paragraph--type--video-text .video-intro .bulle.bulle-video img.is-mobile {
      display: inline; } }

@media only screen and (max-width: 992px) and (min-width: 768px) {
  .paragraph--type--video-text .video-intro {
    max-width: 100%; }
    .paragraph--type--video-text .video-intro .field--name-field-para-img-video-preview {
      max-width: 60%;
      margin: 0; }
    .paragraph--type--video-text .video-intro .play-video {
      left: 30%; }
    .paragraph--type--video-text .video-intro .bulle-video {
      left: 30%; }
    .paragraph--type--video-text .video-intro .video-visuel-up {
      transform: none;
      bottom: 0;
      right: 10%; }
  .paragraph--type--video-text .list-cta {
    justify-content: center; } }

.paragraph--type--text-webform {
  padding: 35px 0; }
  .paragraph--type--text-webform .wrapper {
    padding: 15px; }
    .paragraph--type--text-webform .wrapper.right {
      padding-left: 50px; }
  .paragraph--type--text-webform.white {
    background-color: #fff; }
  .paragraph--type--text-webform.orange {
    background-color: #ff5f00; }
  .paragraph--type--text-webform.black {
    background-color: #000; }
  .paragraph--type--text-webform.grey {
    background-color: #f2f2f2; }
  .paragraph--type--text-webform.blue {
    background-color: #E6F7FF; }

@media screen and (max-width: 991.98px) {
  .paragraph--type--text-webform .wrapper.right {
    padding-left: 15px; } }

/**
 * Press release styling.
 */
.block-chronology-block .node--view-mode-teaser h2 {
  font-size: 14px;
  margin-top: 0px;
  line-height: 25px;
  font-family: "Muller", Arial, sans-serif;
  font-weight: 800; }

article.node--type-communique-presse.node--view-mode-full {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 60px; }
  article.node--type-communique-presse.node--view-mode-full .press-release-label {
    margin-bottom: 10px; }
    article.node--type-communique-presse.node--view-mode-full .press-release-label span {
      font-size: 2rem;
      color: #ff5f00; }
  article.node--type-communique-presse.node--view-mode-full .field-release-date--communique-presse--full {
    margin-bottom: 10px;
    color: #666666;
    font-size: 1.3rem; }
  article.node--type-communique-presse.node--view-mode-full .field--name-field-credit-photo {
    margin-top: 10px;
    color: #666666;
    font-size: 1.4rem; }
  article.node--type-communique-presse.node--view-mode-full .field--name-field-media-image img {
    border-radius: 10px; }

@media only screen and (max-width: 767.98px) {
  article.node--type-communique-presse.node--view-mode-full {
    padding-top: 40px; } }

ul.checked-list {
  list-style: none; }
  ul.checked-list > li {
    background: url("../assets/images/Nickel_list_check.png") no-repeat 0 0.5rem;
    padding: 0 0 0 2.5rem; }

ul.checked-list-full {
  list-style: none; }
  ul.checked-list-full > li {
    background: url("../assets/images/Nickel_list_full_check.png") no-repeat 0 0.5rem;
    padding: 0 0 0 2.5rem; }

ul.arrow-list {
  list-style: none; }
  ul.arrow-list > li {
    background: url("../assets/images/Nickel_list_arrow.png") no-repeat 0 0.5rem;
    padding: 0 0 0 2.5rem; }

.cn-table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%; }

.cn-table thead th {
  padding: 20px 10px;
  color: #FF5F00;
  font-weight: 500;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  text-align: center; }

.cn-table thead th:first-child {
  border-top-left-radius: 10px;
  border-left: 1px solid #cccccc; }

.cn-table thead th:last-child {
  border-top-right-radius: 10px; }

.cn-table thead.bg-orange th {
  color: white;
  background-color: #FF5F00;
  border-color: #FF5F00;
  border-right: 1px solid white;
  font-size: 20px;
  padding: 20px 10px; }

.cn-table thead.bg-orange th:last-child {
  border-right-color: #FF5F00; }

.cn-table tbody.odd-even tr:nth-child(even) {
  background-color: #f2f2f2; }

.cn-table tbody.odd-even tr td {
  border-bottom: 0; }

.cn-table tbody.odd-even tr:last-child td {
  border-bottom: 1px solid #cccccc; }

.cn-table tbody tr td {
  padding: 10px;
  color: #000;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc; }

.cn-table tbody tr td:first-child {
  border-left: 1px solid #cccccc; }

.cn-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px; }

.cn-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px; }

@media (min-width: 768px) {
  .cn-table thead.bg-orange th {
    font-size: 30px; }
  .cn-table tbody tr td {
    font-size: 18px;
    padding: 26px 10px; } }

@font-face {
  font-family: 'Muller';
  font-weight: 300;
  src: url("../fonts/Muller/Fontfabric-MullerNarrow-Light.otf") format("truetype"); }

@font-face {
  font-family: 'Muller';
  font-weight: 400;
  src: url("../fonts/Muller/Fontfabric-MullerNarrow-Regular.otf") format("truetype"); }

@font-face {
  font-family: 'Muller';
  font-weight: 500;
  src: url("../fonts/Muller/Fontfabric-MullerNarrow-Medium.otf") format("truetype"); }

@font-face {
  font-family: 'Muller';
  font-weight: 600;
  src: url("../fonts/Muller/Fontfabric-MullerNarrow-Bold.otf") format("truetype"); }

@font-face {
  font-family: 'Muller';
  font-weight: 800;
  src: url("../fonts/Muller/Fontfabric-MullerNarrow-ExtraBold.otf") format("truetype"); }

@font-face {
  font-family: 'sarabun';
  font-weight: 300;
  src: url("../fonts/Sarabun/Sarabun-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'sarabun';
  font-weight: 400;
  src: url("../fonts/Sarabun/Sarabun-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'sarabun';
  font-weight: 600;
  src: url("../fonts/Sarabun/Sarabun-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: 'sarabun';
  font-weight: 700;
  src: url("../fonts/Sarabun/Sarabun-Bold.ttf") format("truetype"); }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font-family: "sarabun", Arial, sans-serif;
  padding-top: 75px; }
  @media screen and (max-width: 767.98px) {
    body {
      padding-top: calc(55px + 69px); } }
  body.has-header-dropdown {
    position: relative; }
    body.has-header-dropdown::before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 98;
      background: rgba(0, 0, 0, 0.5); }
      @media screen and (max-width: 767.98px) {
        body.has-header-dropdown::before {
          display: none; } }

header {
  background: #fff;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%; }
  header .logo {
    width: 110px;
    height: auto;
    display: block; }
    @media screen and (max-width: 991.98px) {
      header .logo {
        width: 88px;
        height: 35px; } }
  header .header-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px; }
    @media screen and (max-width: 991.98px) {
      header .header-grid {
        height: 68px; } }
    @media only screen and (max-width: 992px) and (min-width: 768px) {
      header .header-grid {
        padding-left: 130px;
        justify-content: flex-end; }
        header .header-grid .website-logo {
          position: absolute;
          top: 15px;
          left: 10px; } }
    @media screen and (max-width: 991.98px) {
      header .header-grid nav {
        position: absolute;
        left: 120px; } }
    @media screen and (max-width: 767.98px) {
      header .header-grid nav {
        left: 0; } }
  header .nav-header-dopdown {
    padding: 11px 0; }
  header .nav-header {
    font-weight: 700;
    font-size: 0.9075em;
    white-space: nowrap;
    padding: 22px 6px;
    display: block;
    border-bottom: 1px solid transparent; }
    @media screen and (max-width: 991.98px) {
      header .nav-header {
        padding: 6px; } }
    @media screen and (max-width: 767.98px) {
      header .nav-header {
        padding: 11px 6px; } }
    header .nav-header.active, header .nav-header:hover {
      border-bottom: 1px solid #FF5F00; }
      header .nav-header.active .nav-header, header .nav-header:hover .nav-header {
        border-bottom: 0; }
    header .nav-header.icon-dropdown {
      font-size: 0.91rem; }
      @media screen and (min-width: 992px) {
        header .nav-header.icon-dropdown {
          padding-right: 28px; } }
    header .nav-header.is-dropdown {
      padding-top: 16px;
      padding-bottom: 16px; }
    header .nav-header .ic-nav svg, header .nav-header .ic-nav img {
      display: none;
      margin: 0 auto;
      height: 15px; }
      @media screen and (max-width: 767.98px) {
        header .nav-header .ic-nav svg, header .nav-header .ic-nav img {
          display: block; } }
    @media screen and (max-width: 1100px) {
      header .nav-header {
        font-weight: 400;
        font-size: 13px;
        white-space: normal; } }
  header nav ul li {
    margin: 0 6px; }
  @media screen and (max-width: 767.98px) {
    header nav ul {
      width: 100%;
      justify-content: center; }
      header nav ul li {
        margin: 0;
        padding: 0 7px; } }
  header a {
    color: #191F29;
    font-family: "sarabun", Arial, sans-serif; }

.header--visible {
  padding: 0; }
  .header--visible .container {
    padding: 0; }
    @media screen and (max-width: 1199.98px) {
      .header--visible .container {
        padding: 0 10px;
        max-width: none; } }

.header-user .link-border,
.header-user .btn-default {
  white-space: nowrap;
  height: 45px; }

@media screen and (max-width: 991.98px) {
  .header-user .ul-spacing-x-10 > li {
    margin: 0; }
  .header-user .link-create-account {
    display: none; } }

.header-user .link-pick-lang {
  display: none; }

.header-user .link-create-account {
  color: #fff; }

@media screen and (max-width: 991.98px) {
  .header-user.switch-cta .link-border {
    display: none; }
  .header-user.switch-cta .link-create-account {
    display: block; } }

.icon-dropdown {
  position: relative;
  font-weight: 700; }
  @media screen and (min-width: 992px) {
    .icon-dropdown {
      padding-right: 30px; }
      .icon-dropdown::before, .icon-dropdown::after {
        pointer-events: none;
        content: '';
        position: absolute;
        top: 22px;
        right: 0;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        border: 1px solid #000; }
      .icon-dropdown::after {
        width: 5px;
        height: 5px;
        top: 29px;
        right: 8px;
        transform: rotate(45deg);
        border: 0;
        border-radius: 0;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000; } }
  .icon-dropdown.active {
    border-bottom: 1px solid #FF5F00; }

@media screen and (min-width: 992px) {
  .last-col-dark {
    background: linear-gradient(to right, #fff 67%, #373F51 67%); } }

.is-dark {
  color: #fff;
  background: #373F51; }

.is-dropdown-hover #navoffers {
  display: none; }

@media screen and (min-width: 992px) {
  .is-dropdown-hover.class-hover .icon-dropdown {
    border-bottom: 1px solid #FF5F00; }
    .is-dropdown-hover.class-hover .icon-dropdown::after {
      transform: rotate(225deg);
      top: 31px; }
  .is-dropdown-hover.class-hover #navoffers {
    display: block; } }

#navoffers {
  position: fixed;
  left: 0;
  right: 0; }

.header--dropdown {
  width: 100%;
  background: #fff;
  position: absolute;
  top: 80px;
  max-height: calc(100vh - 106px);
  left: 0;
  z-index: 99; }
  @media screen and (max-width: 767.98px) {
    .header--dropdown {
      display: none; } }
  @media screen and (min-width: 992px) {
    .header--dropdown {
      top: 66px; } }
  .header--dropdown .header-group {
    padding: 30px 30px; }
    .header--dropdown .header-group > .h5 {
      margin-bottom: 15px; }
    .header--dropdown .header-group p {
      margin-bottom: 5px;
      white-space: break-spaces; }
    .header--dropdown .header-group .cercle-icon {
      flex: 0 0 40px;
      margin-right: 20px; }
      .header--dropdown .header-group .cercle-icon svg {
        color: #191F29;
        fill: #191F29; }
  .header--dropdown .is-dark .header-group {
    padding-right: 0; }
  .header--dropdown.active {
    display: block; }

.link-border {
  font-weight: 400;
  border: 1px solid currentColor;
  padding: 13px 22px;
  border-radius: 100px; }

.user-state {
  display: flex;
  align-items: center;
  border-radius: 100px;
  background: #F4F6F9;
  height: 46px; }
  @media screen and (max-width: 991.98px) {
    .user-state {
      display: none; } }
  .user-state a {
    font-family: "Muller", Arial, sans-serif;
    color: #191F29;
    height: 100%;
    line-height: 46px;
    font-weight: 300;
    padding: 0 8px;
    white-space: nowrap; }
    .user-state a:last-child {
      padding-right: 20px; }
    .user-state a:first-child {
      padding-left: 20px; }
    .user-state a.active {
      font-weight: 500;
      color: #fff;
      border-radius: 100px;
      padding: 0 30px;
      background: #191F29; }

.h1, h1 {
  font-family: "Muller", Arial, sans-serif;
  font-weight: 800;
  font-size: 2em; }

.h2, h2 {
  font-family: "Muller", Arial, sans-serif;
  font-weight: 800;
  font-size: 1.75em; }

.h2-3 {
  text-transform: uppercase;
  font-family: "Muller", Arial, sans-serif;
  font-size: 1.75em;
  font-weight: 800; }

h3 {
  font-family: "Muller", Arial, sans-serif;
  font-weight: 800;
  font-size: 1.5em; }

.h3 {
  text-transform: uppercase;
  font-family: "Muller", Arial, sans-serif;
  font-weight: 800;
  font-size: 1.5em; }
  .h3.marg-left {
    margin-left: 15px; }

.h4, h4 {
  font-family: "sarabun", Arial, sans-serif;
  font-weight: 800;
  font-size: 1.25em; }

.h5, h5 {
  font-family: "sarabun", Arial, sans-serif;
  font-weight: 800;
  font-size: 1.125em;
  margin-bottom: 8px; }

@media screen and (max-width: 767.98px) {
  .h1, h1 {
    font-size: 1.625em; }
  .h2, h2 {
    font-size: 1.375em; }
  .h2-3 {
    font-size: 1.375em; }
  .h3, h3 {
    font-size: 1.125em; } }

a {
  text-decoration: none; }
  a:hover {
    color: inherit; }

ul {
  margin: 0;
  padding: 0; }
  ul li {
    list-style: none;
    padding: 0;
    margin: 0; }

.color-orange {
  color: #FF5F00; }

.color-greyscale {
  color: #666; }

.d-ib {
  display: inline-block; }

.my-12 {
  margin-top: 12px;
  margin-bottom: 12px; }

.my-24 {
  margin-top: 24px;
  margin-bottom: 24px; }

.my-32 {
  margin-top: 32px;
  margin-bottom: 32px; }

.my-48 {
  margin-top: 48px;
  margin-bottom: 48px; }

.my-64 {
  margin-top: 64px;
  margin-bottom: 64px; }

@media screen and (max-width: 991.98px) {
  .intro-section {
    margin-left: 0; }
    .intro-section .half-round-width {
      padding-left: 20px;
      padding-right: 20px; } }

.half-round-width {
  position: relative;
  border-radius: 0 500px 500px 0;
  color: #fff;
  padding: 50px 50px 50px 0;
  background: #191F29; }
  .half-round-width::before {
    content: '';
    display: block;
    background: #191F29;
    top: 0;
    bottom: 0;
    left: 0%;
    width: 50vw;
    height: 100%;
    position: absolute;
    transform: translateX(-100%);
    z-index: 2; }

.row-section {
  padding: 60px 0; }
  .row-section:first-child {
    padding-top: 0; }

.intro-section {
  margin-top: 15px; }
  @media screen and (max-width: 991.98px) {
    .intro-section {
      margin-top: 0;
      overflow: hidden;
      padding-bottom: 100px; } }

.intro-photos {
  display: block;
  width: 100%;
  max-height: 510px;
  position: relative;
  top: -7px;
  -o-object-position: 10% center;
  object-position: 10% center;
  -o-object-fit: contain;
  object-fit: contain; }

.btn-default {
  font-family: "sarabun", Arial, sans-serif;
  font-size: 1em;
  padding: 0 24px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  text-decoration: none;
  color: #fff;
  background: #FF5F00;
  border: 1px solid transparent; }
  @media screen and (max-width: 767.98px) {
    .btn-default {
      width: 100%; } }

.btn-orange:hover {
  color: #fff;
  background-color: #CC4C00; }

.btn-orange[disabled] {
  color: #fff;
  background-color: #AFB2B9; }

.btn-border {
  color: #191F29;
  background: transparent;
  border: 1px solid #191F29; }
  .btn-border:hover {
    color: #fff;
    background: #191F29; }
  .btn-border.btn-border-white {
    color: #fff;
    border-color: #fff; }
    .btn-border.btn-border-white:hover {
      color: #191F29;
      border-color: #191F29; }

.font-sarabun {
  font-family: "sarabun", Arial, sans-serif; }

.font-muller {
  font-family: "Muller", Arial, sans-serif; }

.font-400 {
  font-weight: 400; }

.font-700 {
  font-weight: 700; }

.font-800 {
  font-weight: 800; }

.h1-small-text {
  font-size: 0.5625em; }

.font-21 {
  font-size: 1.3125em; }

.font-18 {
  font-size: 1.125em; }

.font-14 {
  font-size: 0.875em; }

.font-12 {
  font-size: 0.75em; }

.font-11 {
  font-size: 0.6875em; }

.list-cta {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0; }
  .list-cta-centered {
    align-items: center;
    justify-content: center; }
  @media screen and (max-width: 767.98px) {
    .list-cta {
      flex-direction: column; } }
  .list-cta a {
    margin-right: 32px;
    margin-bottom: 12px;
    white-space: nowrap; }
    @media screen and (max-width: 1199.98px) {
      .list-cta a {
        margin-right: 16px; } }
    .list-cta a:last-child {
      margin-right: 0; }
    @media screen and (max-width: 767.98px) {
      .list-cta a {
        margin: 0 0 32px; }
        .list-cta a:last-child {
          margin-bottom: 0; } }

.list-check > li {
  padding-left: 26px;
  position: relative;
  margin: 25px 0;
  font-weight: 300; }
  .list-check > li:last-child {
    margin-bottom: 0; }
  .list-check > li:before {
    content: '';
    color: #fff;
    fill: #fff;
    display: inline-block;
    top: 7px;
    left: 0;
    position: absolute;
    width: 14px;
    height: 14px;
    background-image: url("../assets/icons/check-white.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 1em; }

.list-check.check-orange > li:before {
  background: url("../assets/icons/check-list.svg") no-repeat;
  background-size: contain; }

.list-check li.li-disabled,
.list-check.check-orange li.li-disabled {
  color: #aaa; }
  .list-check li.li-disabled p,
  .list-check.check-orange li.li-disabled p {
    color: #aaa; }
  .list-check li.li-disabled:before,
  .list-check.check-orange li.li-disabled:before {
    background-image: url("../assets/icons/cross.svg"); }

.ul-spacing-y-16 > li {
  margin: 16px 0; }

.ul-spacing-x-10 > li {
  margin-left: 10px;
  margin-right: 10px; }

.icon-text .title-text {
  margin-left: 20px; }
  .icon-text .title-text p {
    font-size: 16px;
    line-height: 20px; }

.icon-text .icon-text-svg {
  flex: 0 0 40px; }

.video-intro {
  position: relative;
  max-width: 450px; }
  @media screen and (max-width: 991.98px) {
    .video-intro {
      overflow: hidden;
      margin-bottom: 32px; } }
  .video-intro .preview-video {
    width: 100%;
    display: block;
    border-radius: 8px;
    box-shadow: 9px 6px 16px rgba(0, 0, 0, 0.1); }
  .video-intro .play-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background: none;
    border: 0;
    width: 120px; }
    .video-intro .play-video img {
      width: 100%;
      display: block; }
  .video-intro .video-visuel-up {
    position: absolute;
    bottom: 10%;
    right: 0;
    transform: translate(50%, 50%);
    max-width: 180px; }

.icon-svg {
  width: 18px;
  height: 18px; }

.cercle-icon {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #F3F5F9;
  display: flex;
  align-items: center;
  justify-content: center; }
  .cercle-icon.cercle-icon-white {
    background: #fff; }

.slider-btn[disabled] {
  opacity: .25;
  pointer-events: none; }

.icon-text .cercle-icon {
  margin-bottom: 8px; }

.margin-center {
  margin-left: auto;
  margin-right: auto; }

button {
  border: 0;
  background: none;
  -webkit-appearance: none; }

.dropdown-lang {
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center; }
  .dropdown-lang svg {
    width: 10px;
    height: 10px;
    margin-left: 10px; }

@media screen and (max-width: 991.98px) {
  .row-stats-home {
    margin: 35px 0; } }

.row-stats-home-item {
  position: relative; }
  @media screen and (max-width: 991.98px) {
    .row-stats-home-item {
      margin: 15px 0; } }
  @media screen and (min-width: 768px) {
    .row-stats-home-item:not(:last-child)::before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 0%;
      width: 79px;
      height: 1px;
      background: #FF5F00;
      transform: translateX(50%); } }
  .row-stats-home-item p {
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0; }

.row-stats-home-img {
  max-width: 150px; }

.product-card-mobile {
  display: block; }
  @media screen and (min-width: 768px) {
    .product-card-mobile {
      display: none; } }
  @media screen and (max-width: 767.98px) {
    .product-card-mobile img {
      max-width: 290px;
      display: block;
      margin: 50px auto; } }

.circle-num {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  color: #FF5F00;
  border: 1px solid #FF5F00; }

.details-product {
  display: flex; }
  .details-product .h3 {
    text-transform: uppercase;
    margin-bottom: 32px; }
  .details-product-card {
    color: #191F29;
    background: #F4F6F9;
    position: relative;
    padding: 45px; }
    @media screen and (min-width: 768px) {
      .details-product-card {
        padding: 48px 180px 48px 48px;
        display: flex;
        justify-content: space-between;
        flex-direction: column; } }
    .details-product-card .details-product-img {
      width: 125px;
      z-index: 2;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%); }
  .details-product-app {
    color: #fff;
    background: #373F51;
    position: relative;
    padding: 45px; }
    @media screen and (min-width: 768px) {
      .details-product-app {
        padding: 48px 48px 48px 180px; } }
    .details-product-app .details-product-img {
      width: 130px;
      z-index: 2;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%); }
    .details-product-app .circle-num {
      background: #fff;
      border-color: #fff; }
  @media screen and (max-width: 991.98px) {
    .details-product .details-product-img {
      display: none; } }
  .details-product .list-num li {
    padding: 0; }
    .details-product .list-num li *:last-child {
      margin-bottom: 0; }

.download-store {
  display: flex;
  align-items: center; }
  .download-store li {
    margin-right: 30px; }
  .download-store img {
    height: 35px; }
    .footer-store .download-store img {
      height: 40px; }

.list-num {
  display: flex;
  flex-direction: column;
  margin: 10px 0; }
  .list-num li {
    display: flex;
    margin: 11px 0; }
    .list-num li p {
      max-width: 300px;
      font-weight: 400; }
      .details-product-app .list-num li p {
        font-weight: 400; }
  .list-num .circle-num {
    flex: 0 0 40px;
    margin-right: 20px; }
  .list-num-cta {
    margin-left: 60px; }
    @media screen and (max-width: 991.98px) {
      .list-num-cta {
        margin-left: 0; } }

.text-translated {
  font-weight: 300; }

.asterisk {
  color: #FF5F00; }

@media screen and (min-width: 992px) {
  .ratings-offres .ratings {
    display: flex;
    margin: 0 -20px;
    padding: 0; }
    .ratings-offres .ratings .ratings-item {
      flex: 0 0 33.33%;
      padding: 0 20px; } }

.ratings {
  margin-bottom: 30px; }
  @media only screen and (max-width: 992px) and (min-width: 768px) {
    .ratings {
      display: flex; }
      .ratings .ratings-item {
        padding-right: 15px; } }
  @media screen and (min-width: 992px) {
    .ratings {
      padding: 0 30px; } }
  @media screen and (max-width: 767.98px) {
    .ratings.ratings-desktop-row .ratings-item {
      flex: none; }
    .ratings-title {
      padding: 0 20px;
      margin-bottom: 30px; }
    .ratings.slider-mobile {
      display: flex; } }
  @media screen and (min-width: 992px) {
    .ratings-item-wrapper {
      display: flex;
      margin: 34px 0; } }
  @media screen and (max-width: 991.98px) {
    .ratings-item-wrapper {
      position: relative;
      height: 100%;
      padding: 20px 20px;
      border-radius: 5px;
      background: #F3F5F9; } }
  .ratings-img {
    flex: 0 0 80px;
    margin-right: 18px; }
    @media screen and (max-width: 767.98px) {
      .ratings-img {
        position: absolute;
        bottom: 20px;
        left: 20px;
        flex: none; } }
    .ratings-img img {
      width: 80px;
      height: 80px;
      -o-object-position: center;
      object-position: center;
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 100px; }
      @media screen and (max-width: 767.98px) {
        .ratings-img img {
          width: 56px;
          height: 56px; } }
  @media screen and (max-width: 767.98px) {
    .ratings-comment {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
      padding-top: 20px; }
      .ratings-comment .icon-quote {
        position: absolute;
        top: 20px;
        left: 20px; } }
  .ratings-comment p {
    font-weight: 300; }
  .ratings-stars {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 767.98px) {
      .ratings-stars {
        display: inline-block;
        margin-left: 76px; } }
    .ratings-stars svg {
      width: 18px;
      height: 17px; }
    .ratings-stars p {
      font-size: 0.875em;
      margin: 0 0 0 10px;
      font-weight: 700;
      text-transform: uppercase; }
      @media screen and (max-width: 767.98px) {
        .ratings-stars p {
          margin-left: 0; } }

@media screen and (min-width: 992px) {
  .news {
    padding: 0 30px; } }

@media screen and (max-width: 991.98px) {
  .news {
    margin-top: 30px; }
    .news .tns-nav {
      margin-bottom: 0; }
    .news .news-slider-mobile {
      display: flex; }
      .news .news-slider-mobile .news-item-wrapper {
        height: 100%;
        display: flex;
        flex-direction: column;
        border-radius: 6px; }
      .news .news-slider-mobile .news-item-media {
        margin-right: 10px; }
      .news .news-slider-mobile .news-item-content {
        margin-top: 10px; }
        .news .news-slider-mobile .news-item-content h4 {
          padding: 12px 0; }
        .news .news-slider-mobile .news-item-content h5 {
          margin-bottom: 20px; } }

.news-item {
  margin-bottom: 20px; }
  @media screen and (min-width: 992px) {
    .news-item {
      margin: 32px 0; } }
  .news-item-wrapper {
    display: flex; }
  @media screen and (max-width: 767.98px) {
    .news-item {
      flex-direction: column; } }
  @media screen and (min-width: 768px) {
    .news-item-media {
      flex: 0 0 175px;
      margin-right: 25px; } }
  .news-item-media img {
    width: 100%;
    display: block; }
  .news-item-content {
    flex: 1 1 auto;
    padding: 6px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }

.magazine {
  margin-bottom: 64px; }
  @media screen and (max-width: 991.98px) {
    .magazine {
      margin: 32px 0; } }
  .magazine .news-container {
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 991.98px) {
      .magazine .news-container {
        padding: 0 20px;
        flex-direction: column; } }
  .magazine .news-item {
    flex: 0 0 33.33%; }
    @media screen and (max-width: 991.98px) {
      .magazine .news-item {
        flex: 0 0 100%; } }
    .magazine .news-item-content {
      padding: 16px 0;
      margin-right: 25px; }
  .magazine .news-item-wrapper {
    flex-direction: column; }

.news-pagination a, .news-pagination p.active {
  color: #FF5F00;
  border-radius: 40px;
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  display: inline-block;
  text-align: center;
  line-height: 40px; }

.news-pagination p.active {
  color: #fff;
  background: #FF5F00; }

.news-pagination ul {
  display: flex;
  align-items: center;
  justify-content: center; }
  .news-pagination ul li {
    margin: 0 10px; }

.article {
  margin: 48px 0; }
  @media screen and (max-width: 991.98px) {
    .article {
      margin: 32px 0;
      padding: 0 20px; } }
  .article-head {
    margin-bottom: 32px; }
  .article-image {
    margin-bottom: 30px;
    display: block;
    width: 100%;
    border-radius: 6px; }

.news-others {
  border-top: 1px solid #F4F6F9;
  padding-top: 48px; }
  @media screen and (max-width: 991.98px) {
    .news-others {
      padding-top: 0; }
      .news-others .h3 {
        margin: 0 20px 20px; } }
  @media screen and (min-width: 992px) {
    .news-others .slider-mobile {
      display: flex; }
      .news-others .slider-mobile .news-item {
        flex: 0 0 33.33%;
        padding: 0 12px; } }

.cta-icon {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875em;
  display: flex;
  align-items: center; }
  .cta-icon:hover {
    color: #FF5F00; }
  .cta-icon svg {
    margin-left: 10px; }

.bulle.bulle-video {
  width: 340px;
  height: 100px;
  position: absolute;
  left: 50%; }
  @media screen and (max-width: 767.98px) {
    .bulle.bulle-video {
      width: auto;
      right: -20px;
      left: auto;
      z-index: 3;
      height: 93px; } }
  .bulle.bulle-video p {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 20px;
    left: 20px;
    right: 30px;
    bottom: 40px; }

.bulle p {
  margin-bottom: 0;
  position: absolute;
  top: 20px;
  left: 40px;
  right: 40px;
  bottom: 50px;
  font-size: 0.9375em; }

.call-center {
  margin: 64px 0 128px;
  background: #F3F5F9;
  padding: 45px 35px 45px 0; }
  @media screen and (max-width: 767.98px) {
    .call-center {
      padding: 20px 30px;
      margin: 64px 0 32px; } }
  .call-center > .row {
    align-items: center; }
  .call-center .shape-bg {
    width: 100%;
    height: 250px;
    background: #373F51;
    border-radius: 0 250px 250px 0; }
  .call-center .smartphone {
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateY(-125px); }
    .call-center .smartphone img {
      width: 505px;
      display: block; }
    .call-center .smartphone .bulle {
      position: absolute;
      top: 100px;
      left: 160px;
      width: 430px; }
      .call-center .smartphone .bulle img {
        width: 100%; }
      .call-center .smartphone .bulle p {
        margin-bottom: 0;
        position: absolute;
        top: 20px;
        left: 40px;
        right: 40px;
        bottom: 50px;
        font-size: 0.9375em; }
  .call-center-media {
    position: relative; }
    @media screen and (max-width: 767.98px) {
      .call-center-media {
        display: none; } }
  @media screen and (min-width: 768px) {
    .call-center-contact {
      padding-left: 40px; } }
  @media screen and (max-width: 767.98px) {
    .call-center-contact {
      padding: 0 20px; }
      .call-center-contact > .row {
        margin-left: 0;
        margin-right: 0; } }
  .call-center-contact h3.h3 {
    font-size: 1.6875em;
    margin: 0 0 45px 0; }
    @media screen and (max-width: 767.98px) {
      .call-center-contact h3.h3 {
        margin: 20px 0; } }
  @media screen and (max-width: 767.98px) {
    .call-center-contact .row-reverse-mobile {
      flex-direction: column-reverse; }
      .call-center-contact .row-reverse-mobile .col:first-child {
        margin-top: 20px; }
      .call-center-contact .row-reverse-mobile .social-links {
        display: flex; }
        .call-center-contact .row-reverse-mobile .social-links li {
          margin-right: 40px; } }

article .paragraph .social-links a {
  color: #191F29; }
  article .paragraph .social-links a:hover {
    color: #ff5f00; }

.social-links a {
  color: #191F29; }

.footer-social .social-links {
  display: flex;
  align-items: center; }
  .footer-social .social-links li {
    margin-left: 56px; }
  .footer-social .social-links svg {
    width: 25px;
    height: 25px; }

.svg-text {
  display: flex;
  align-items: center;
  margin: 18px 0; }
  .svg-text svg {
    margin-right: 20px; }
  .svg-text p {
    margin-bottom: 0; }
  @media screen and (max-width: 991.98px) {
    .svg-text {
      margin-top: 9px; } }

footer {
  margin-top: 30px;
  padding-bottom: 30px; }
  footer .logo {
    max-width: 160px; }
  footer .bnp-fortis {
    max-width: 160px; }
  @media screen and (min-width: 992px) {
    footer .footer-logo {
      padding-right: 40px; } }
  @media screen and (max-width: 991.98px) {
    footer .footer-content {
      padding-left: 8px;
      padding-right: 8px; } }
  footer .footer-content p {
    margin-bottom: 20px; }
  footer .footer-links {
    display: flex; }
    footer .footer-links .menu-footer-links {
      display: flex;
      width: 66%; }
    @media screen and (min-width: 992px) {
      footer .footer-links {
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-bottom: 1px solid #D4D4D4; } }
    @media screen and (max-width: 991.98px) {
      footer .footer-links {
        flex-direction: column-reverse;
        align-items: flex-start; }
        footer .footer-links .menu-footer-links {
          width: 100%;
          flex-direction: column; } }
    footer .footer-links-item {
      margin: 10px 0; }
      footer .footer-links-item > ul li a:hover {
        border-bottom: 1px solid #FF5F00; }
      footer .footer-links-item h5 {
        text-transform: uppercase;
        font-family: 'Muller';
        font-weight: 800; }
      @media screen and (max-width: 991.98px) {
        footer .footer-links-item h5 {
          margin-bottom: 24px; } }
      @media screen and (min-width: 992px) {
        footer .footer-links-item {
          margin-left: 0;
          margin-top: 30px;
          min-width: 140px; } }
      footer .footer-links-item li {
        margin: 10px 0; }
      footer .footer-links-item:last-child {
        flex: 1 1 auto; }
        @media screen and (max-width: 767.98px) {
          footer .footer-links-item:last-child {
            width: 100%; } }
  footer .footer-last-links {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end; }
    footer .footer-last-links .btn-default {
      margin-bottom: 30px;
      width: 100%;
      max-width: 250px;
      display: flex; }
      @media screen and (max-width: 767.98px) {
        footer .footer-last-links .btn-default {
          max-width: none; } }
  footer a {
    color: #191F29; }
  @media screen and (max-width: 991.98px) {
    footer .footer-store .download-store {
      justify-content: flex-start; }
      footer .footer-store .download-store li {
        margin: 0 25px 0 0; }
      footer .footer-store .download-store a {
        display: block; } }
  footer .footer-social {
    display: flex;
    justify-content: flex-end; }
    @media screen and (max-width: 991.98px) {
      footer .footer-social {
        padding-top: 25px;
        margin-top: 25px;
        border-top: 1px solid #D4D4D4;
        justify-content: center; }
        footer .footer-social .social-links li {
          margin: 0 25px; } }
  footer .bnp-fortis {
    display: block; }
    @media screen and (max-width: 991.98px) {
      footer .bnp-fortis {
        display: none; } }
  footer .footer-logo-head {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 991.98px) {
      footer .footer-logo-head {
        margin-bottom: 16px; } }
    footer .footer-logo-head .bnp-fortis {
      display: block; }
      @media screen and (min-width: 992px) {
        footer .footer-logo-head .bnp-fortis {
          display: none; } }

.icon-flag {
  width: 24px;
  height: 24px;
  border-radius: 50px;
  margin-right: 8px; }

.icon-drodown {
  width: 10px;
  height: 10px;
  margin-left: 10px; }

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1200px; }

nav .nav-mobile-list {
  display: flex;
  align-items: center; }

nav .name-desktop {
  display: block; }
  @media screen and (max-width: 991.98px) {
    nav .name-desktop {
      display: none; } }

nav .name-mobile {
  display: none; }
  @media screen and (max-width: 767.98px) {
    nav .name-mobile {
      font-size: 14px;
      margin-top: 5px;
      display: block; } }

nav .name-tablet {
  display: none; }
  @media screen and (max-width: 991.98px) {
    nav .name-tablet {
      font-size: 14px;
      margin-top: 5px;
      display: block; } }

nav a.active {
  color: #FF5F00; }

@media screen and (max-width: 991.98px) {
  nav .nav-mobile-list {
    align-items: flex-start;
    justify-content: center; }
    nav .nav-mobile-list li {
      padding: 0;
      flex: 1 1 auto; }
      nav .nav-mobile-list li a {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center; } }

@media screen and (max-width: 767.98px) {
  .footer-links nav {
    position: relative;
    top: inherit; } }

@media screen and (max-width: 767.98px) {
  nav {
    position: absolute;
    top: 68px;
    left: 0;
    right: 0;
    display: flex;
    background: #fff;
    padding-bottom: 0; }
    nav a {
      flex: 0 0 25%; }
    nav .is-dropdown {
      padding: 0; }
  .half-round-width {
    padding: 50px 50px 0;
    border-radius: 0; }
    .half-round-width > * {
      position: relative;
      z-index: 2; }
    .half-round-width::before {
      top: 100%;
      left: 0;
      right: 0;
      background: #191F29;
      width: 120vw;
      height: 100px;
      transform: translate(-10vw, -50px);
      z-index: 1;
      border-radius: 100% 100%; } }

@media screen and (max-width: 991.98px) {
  .container.container-collapsed-mobile {
    max-width: none;
    padding-left: 0px;
    padding-right: 0px; }
    .container.container-collapsed-mobile > .row {
      margin-left: 0;
      margin-right: 0; }
    .container.container-collapsed-mobile .row > * {
      padding-left: 0;
      padding-right: 0; } }

.tns-outer {
  display: flex;
  flex-direction: column; }

.tns-ovh {
  order: 1; }

.tns-nav {
  order: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 50px; }
  .tns-nav button {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #CCCCCC;
    margin: 8px 4px 0; }
    .tns-nav button.tns-nav-active {
      width: 16px;
      background: #495872; }

header nav .link-card {
  padding: 5px 0;
  display: block; }
  header nav .link-card:not(:last-child) {
    margin-bottom: 40px; }

.list-media-text {
  display: flex; }
  .list-media-text-card {
    flex: 0 0 100px;
    margin-right: 20px; }
    .list-media-text-card img {
      display: block;
      width: 100%; }
  .list-media-text-content p {
    font-weight: 400;
    margin-bottom: 0; }

.card-photos {
  width: 100%;
  max-width: 345px;
  margin: 0 auto;
  display: block; }
  .card-photos.no-maxwidth {
    max-width: none; }

.list-icon-plus {
  display: flex;
  align-items: flex-start; }
  @media screen and (max-width: 991.98px) {
    .list-icon-plus {
      flex-wrap: wrap;
      justify-content: center; } }
  @media screen and (max-width: 767.98px) {
    .list-icon-plus li {
      flex: 0 0 33%;
      margin-bottom: 15px; }
      .list-icon-plus li:nth-child(3)::before {
        display: none; } }
  .list-icon-plus-svg {
    height: 30px; }
  .list-icon-plus li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    padding: 0; }
    .list-icon-plus li img {
      width: 20px; }
    .list-icon-plus li svg {
      width: 25px; }
    .list-icon-plus li:not(:last-child)::before {
      content: '+';
      font-size: 24px;
      font-weight: 700;
      font-family: "sarabun", Arial, sans-serif;
      color: #FF5F00;
      position: absolute;
      top: -6px;
      right: 0; }
    .list-icon-plus li p {
      line-height: 1.2em; }
  @media screen and (min-width: 768px) {
    .list-icon-plus li {
      padding: 0 10px; } }

.visual-cards {
  position: absolute;
  right: 0;
  width: 50vw;
  left: auto;
  pointer-events: none; }
  @media screen and (max-width: 991.98px) {
    .visual-cards {
      width: 100%;
      position: static; } }
  .visual-cards-img-desktop {
    width: 100%;
    height: 100%;
    max-width: 650px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: auto;
    max-height: 750px;
    -o-object-position: left;
    object-position: left;
    transform: translateX(-100%);
    margin-left: -40px; }
    @media screen and (max-width: 991.98px) {
      .visual-cards-img-desktop {
        display: none; } }
  .visual-cards .visual-cards-img-mobile {
    width: 320px;
    max-width: 100%;
    margin: 30px auto;
    display: none; }
    .visual-cards .visual-cards-img-mobile.visuel-fullsize {
      display: none;
      width: 100vw;
      margin-left: -12px;
      max-width: none; }
      @media screen and (max-width: 991.98px) {
        .visual-cards .visual-cards-img-mobile.visuel-fullsize {
          display: block; } }
    @media screen and (max-width: 991.98px) {
      .visual-cards .visual-cards-img-mobile {
        display: block; } }

.row-cards-bg {
  min-height: 650px; }

.accordion-button,
.accordion-button:not(.collapsed) {
  font-size: 21px;
  padding: 8px 16px 8px 16px;
  color: #fff;
  border: 0;
  background: #373F51;
  border-radius: 6px;
  font-family: "sarabun", Arial, sans-serif;
  font-weight: 700;
  margin: 15px 0; }

.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px; }

.accordion-body {
  padding: 15px 0; }
  @media screen and (max-width: 991.98px) {
    .accordion-body {
      padding: 15px 0; } }

.accordion-item {
  border: 0; }

.accordion-button::after {
  background-image: url("../assets/icons/accordion-close.svg");
  width: 21px;
  height: 21px; }

.accordion-button:not(.collapsed)::after {
  background-image: url("../assets/icons/accordion-open.svg");
  width: 21px;
  height: 21px; }

.list-box-card {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 991.98px) {
    .list-box-card {
      flex-wrap: wrap; } }

.list-box-card-head {
  margin: 50px 0 45px;
  text-align: center; }
  .list-box-card-head h2.h2-3, .list-box-card-head h3.h2-3, .list-box-card-head h4.h2-3, .list-box-card-head h5.h2-3, .list-box-card-head h6.h2-3 {
    font-family: "Muller", Arial, sans-serif;
    font-size: 1.75em; }
  @media screen and (max-width: 767.98px) {
    .list-box-card-head h2.h2-3, .list-box-card-head h3.h2-3, .list-box-card-head h4.h2-3, .list-box-card-head h5.h2-3, .list-box-card-head h6.h2-3 {
      font-size: 1.375em; } }
  @media screen and (max-width: 991.98px) {
    .list-box-card-head {
      margin: 50px 0 20px;
      text-align: left;
      padding-left: 22px;
      padding-right: 22px; } }

.box-goto-card {
  display: block;
  width: 300px;
  height: 280px;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 3px 4px 18px rgba(55, 63, 81, 0.1);
  color: #000;
  margin: 0 14px;
  padding: 28px 32px;
  overflow: hidden;
  max-width: 100%; }
  @media screen and (max-width: 767.98px) {
    .box-goto-card {
      width: 90vw;
      height: 90vw;
      max-width: 380px;
      max-height: 380px; } }
  @media screen and (max-width: 991.98px) {
    .box-goto-card {
      margin-top: 20px;
      margin-bottom: 20px; } }
  .box-goto-card p {
    margin-bottom: 5px; }

.goto-card-01 {
  background-image: url("../assets/images/goto-card-01.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom; }

.goto-card-02 {
  background-image: url("../assets/images/goto-card-02.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom; }

.goto-card-03 {
  background-image: url("../assets/images/goto-card-03.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom; }

.section-steps {
  display: block; }
  .section-steps-body {
    background: linear-gradient(to right, #373F51 50%, #F4F6F9 50%);
    font-size: 18px; }
  @media screen and (max-width: 991.98px) {
    .section-steps {
      background: #F4F6F9; }
      .section-steps:not(.visible-mobile) {
        display: none; }
      .section-steps .container, .section-steps .container-sm {
        max-width: none; }
      .section-steps.tarifs-steps {
        background: none; } }
  .section-steps .list-cta {
    margin-top: 40px; }

.step-col-nav {
  color: #fff;
  padding: 60px 20px 60px 0;
  background: #373F51; }
  @media screen and (max-width: 991.98px) {
    .step-col-nav {
      padding: 30px; } }

.step-col-content {
  background: #F4F6F9; }

.step-list.nav-tabs {
  margin-top: 50px;
  border-bottom: 0;
  flex-direction: column; }
  .step-list.nav-tabs .nav-item:last-child .nav-link::before {
    display: none; }
  .step-list.nav-tabs .nav-link {
    position: relative;
    width: 100%;
    display: block;
    text-align: left;
    border: 0;
    padding: 12px;
    color: #fff;
    margin: 0;
    padding-top: 0;
    padding-bottom: 50px;
    padding-left: 55px; }
    .step-list.nav-tabs .nav-link span {
      position: relative; }
    .step-list.nav-tabs .nav-link::after {
      content: attr(data-id);
      width: 32px;
      height: 32px;
      background: #fff;
      border-radius: 50px;
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      justify-content: center;
      font-size: 20px;
      font-weight: 600;
      color: #FF5F00;
      font-family: "sarabun", Arial, sans-serif; }
    .step-list.nav-tabs .nav-link::before {
      content: '';
      position: absolute;
      left: 15px;
      width: 20px;
      border-left: 1px dashed #fff;
      height: auto;
      top: 0;
      bottom: 0; }
  .step-list.nav-tabs .nav-item.show .nav-link,
  .step-list.nav-tabs .nav-link.active {
    color: #FF5F00;
    background: none; }
    .step-list.nav-tabs .nav-item.show .nav-link span,
    .step-list.nav-tabs .nav-link.active span {
      display: block; }
      .step-list.nav-tabs .nav-item.show .nav-link span::after,
      .step-list.nav-tabs .nav-link.active span::after {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        right: -32px;
        transform: translateX(100%);
        height: 0;
        width: 0;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 9px solid #373F51; }
    .step-list.nav-tabs .nav-item.show .nav-link::after,
    .step-list.nav-tabs .nav-link.active::after {
      color: #fff;
      background: #FF5F00; }

.group-btn-toggle {
  height: 45px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  border-radius: 100px;
  margin: 0 auto; }
  .group-btn-toggle .btn-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    font-weight: 400;
    color: #191F29;
    font-size: 0.875em;
    padding: 0 30px;
    min-width: 150px; }
    .group-btn-toggle .btn-toggle.active {
      font-weight: 800;
      color: #fff;
      background: #FF5F00;
      border-radius: 100px; }

.step-content-head {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 30px 0; }
  .step-content-head .h3 {
    margin-bottom: 25px; }

.step-content-body {
  padding: 30px;
  background: #fff;
  margin: 0 15px; }
  @media screen and (max-width: 991.98px) {
    .step-content-body {
      box-shadow: 0px 4px 29px rgba(0, 0, 0, 0.15); } }

.slider-btn {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #191F29;
  border-radius: 100px; }
  @media screen and (max-width: 991.98px) {
    .slider-btn {
      right: -15px; } }
  .slider-btn svg {
    width: 12px; }
  .slider-btn.slider-btn-prev {
    right: 50px; }
    @media screen and (max-width: 991.98px) {
      .slider-btn.slider-btn-prev {
        right: 30px; } }

.carousel-item-head {
  min-height: 60px;
  max-width: 580px;
  padding: 0 55px 0 17px;
  margin: 0 auto;
  padding-top: 3px; }
  @media screen and (max-width: 991.98px) {
    .carousel-item-head {
      padding-right: 65px; } }

.carousel-step-row {
  display: flex;
  max-width: 580px;
  margin: 0 auto; }
  @media screen and (max-width: 991.98px) {
    .carousel-step-row {
      flex-direction: column; } }

.carousel-step-group {
  flex: 0 0 50%;
  padding: 0 17px; }
  @media screen and (max-width: 991.98px) {
    .carousel-step-group {
      padding: 17px 0; } }
  .carousel-step-group p {
    margin-bottom: 0;
    font-weight: 300; }
  .carousel-step-group-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 12px; }
    .carousel-step-group-head p {
      font-weight: 800; }
    .carousel-step-group-head .cercle-icon {
      margin: 0 15px 0 0; }

.steps-container .tab-content {
  padding-bottom: 30px; }

#steps-accordion {
  position: relative; }
  #steps-accordion .accordion-item {
    background: none; }
    #steps-accordion .accordion-item:nth-child(1) .accordion-header {
      top: 40px; }
    #steps-accordion .accordion-item:nth-child(2) .accordion-header {
      top: 80px; }
    #steps-accordion .accordion-item:nth-child(3) .accordion-header {
      top: 120px; }
  #steps-accordion .accordion-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%; }
  #steps-accordion .accordion-collapse {
    top: 0;
    margin-left: 50%;
    width: 50%; }

.pick-card {
  background: #F3F5F9;
  padding-top: 60px;
  padding-bottom: 60px;
  margin: 60px 0; }
  @media screen and (max-width: 991.98px) {
    .pick-card {
      margin: 30px 0; } }
  .pick-card .pick-card-media {
    text-align: center; }
  .pick-card p {
    margin: 12px 0 0 0; }
  @media screen and (max-width: 991.98px) {
    .pick-card .pick-card-infos {
      margin-top: 30px; } }

.color-card {
  width: 45px;
  height: 45px;
  border-radius: 45px;
  border: 1px solid #fff;
  background: #000;
  display: block; }
  .color-card.color-card-grey {
    background: #96A4AF; }
  .color-card.color-card-white {
    border: 1px solid #C6C6C6;
    background: #fff; }
  .color-card.color-card-purple {
    background: #6814A5; }
  .color-card.color-card-green {
    border: 1px solid #C6C6C6;
    background: #3E5565; }
  .color-card.color-card-red {
    border: 1px solid #C6C6C6;
    background: #911A31; }
  .color-card.active {
    border: 4px solid #F3F5F9;
    box-shadow: 0 0 0 1px #FF5F00; }

.list-pick-color {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  flex-wrap: wrap; }
  .list-pick-color li {
    margin-right: 30px;
    margin-bottom: 10px; }

#card-color-img {
  width: 100%;
  max-width: 345px;
  margin: 0 auto;
  display: block; }

.bg-full-lightgrey {
  padding: 30px 0 50px;
  margin: 50px 0;
  background: #F3F5F9; }
  @media screen and (max-width: 991.98px) {
    .bg-full-lightgrey {
      margin: 30px 0;
      padding: 30px 0; } }

.head-centered {
  padding: 20px 0 30px;
  text-align: center; }

.list-icons li {
  position: relative;
  padding: 0 0 0 50px;
  margin: 11px 0; }
  .list-icons li .cercle-icon {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 15px; }

.card-plane {
  max-width: 620px; }
  @media screen and (max-width: 991.98px) {
    .card-plane {
      max-width: 100%; } }

.section-intro-round {
  box-shadow: inset 0 200px 0 #F3F5F9;
  position: relative; }
  .section-intro-round.intro-tarifs-bg {
    color: #fff;
    box-shadow: inset 0 300px 0 #373F51; }
    .section-intro-round.intro-tarifs-bg p {
      font-size: 22px;
      color: #fff; }
    @media screen and (max-width: 991.98px) {
      .section-intro-round.intro-tarifs-bg .intro-round-head {
        padding: 50px 20px 20px; }
      .section-intro-round.intro-tarifs-bg .btn-border {
        border-color: #fff;
        color: #fff; }
      .section-intro-round.intro-tarifs-bg .half-round-bottom {
        position: absolute;
        top: calc(100% + 50px);
        border-radius: 0;
        background: #fff;
        overflow: hidden; }
        .section-intro-round.intro-tarifs-bg .half-round-bottom::before {
          content: '';
          display: block;
          position: absolute;
          top: -50px;
          width: 150vw;
          left: -25vw;
          height: 100%;
          border-radius: 100%;
          background: #373F51; } }
  .section-intro-round .intro-round {
    position: relative;
    z-index: 2; }
  .section-intro-round .intro-round-head {
    padding: 50px 0; }
    .section-intro-round .intro-round-head .h1 {
      margin-bottom: 30px; }

.half-round-bottom {
  position: relative;
  height: 100px;
  width: 100%;
  background: #F3F5F9;
  border-radius: 100%;
  position: absolute;
  top: 200px;
  left: 0;
  transform: translateY(-50%); }
  .intro-tarifs-bg .half-round-bottom {
    background-color: #373F51;
    top: 250px; }

.intro-round-body .box-goto-card {
  height: 280px;
  background-color: #fff; }
  @media screen and (max-width: 991.98px) {
    .intro-round-body .box-goto-card {
      width: 33vw;
      height: 33vw;
      padding-left: 12px;
      padding-right: 12px; } }
  @media screen and (max-width: 767.98px) {
    .intro-round-body .box-goto-card {
      width: 90vw;
      height: 90vw;
      padding-left: 12px;
      padding-right: 12px; } }

.section-split-item {
  padding: 30px 0;
  margin: 60px 0;
  background: linear-gradient(to right, #373F51 45%, #F4F6F9 45%); }
  @media screen and (max-width: 991.98px) {
    .section-split-item {
      background: none; } }
  @media screen and (max-width: 991.98px) {
    .section-split-item {
      margin: 30px 0;
      overflow: hidden; }
      .section-split-item .container {
        margin-left: -15px;
        margin-right: -15px;
        width: auto;
        max-width: none; } }

.split-item {
  display: flex; }
  @media screen and (max-width: 991.98px) {
    .split-item {
      flex-direction: column; } }
  .split-item-left {
    flex: 0 0 40%;
    padding-right: 90px;
    color: #fff; }
    @media screen and (max-width: 991.98px) {
      .split-item-left {
        padding: 30px 20px;
        flex: none;
        background: #373F51; } }
  .split-item-right {
    flex: 0 0 60%;
    padding-left: 90px; }
    @media screen and (max-width: 991.98px) {
      .split-item-right {
        padding: 30px 20px;
        flex: none;
        background: #F4F6F9; } }

.split-item-content .list-icons,
.split-item-content .list-num {
  margin: 30px 0; }

.split-item-content .list-icons-text {
  top: 8px;
  position: relative;
  margin-left: 10px; }

.app-list {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 991.98px) {
    .app-list {
      flex-direction: column; } }
  .app-list img {
    max-width: 240px;
    display: block;
    margin-left: 50px; }
    @media screen and (max-width: 991.98px) {
      .app-list img {
        margin-left: 0; } }

@media screen and (max-width: 991.98px) {
  .intro-tarifs-bg {
    background: #373f51; } }

.tarifs-intro {
  color: #191F29;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  padding: 35px;
  position: relative;
  top: -20px;
  margin-bottom: -20px; }
  @media screen and (max-width: 991.98px) {
    .tarifs-intro {
      color: #fff;
      background: none;
      box-shadow: none;
      padding: 0;
      top: auto;
      margin-bottom: 0; } }

.tarifs-intro-grid {
  display: flex;
  align-items: flex-start;
  justify-content: center; }
  @media screen and (max-width: 991.98px) {
    .tarifs-intro-grid {
      flex-direction: column; } }
  .tarifs-intro-grid-item {
    flex: 0 0 33.33%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    @media screen and (max-width: 991.98px) {
      .tarifs-intro-grid-item {
        display: flex;
        flex: none;
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
        margin: 5px 0; }
        .tarifs-intro-grid-item .cercle-icon {
          flex: 0 0 40px;
          margin-right: 20px; } }
    .tarifs-intro-grid-item p {
      max-width: 225px; }
    .tarifs-intro-grid-item a {
      color: #FF5F00;
      font-size: 0.875em;
      text-decoration: underline; }
  .tarifs-intro-grid .cercle-icon {
    margin-bottom: 20px; }

.tarifs-table {
  background: #F4F6F9;
  margin: 60px 0;
  padding: 60px 0; }
  .tarifs-table-body {
    margin: 30px 0; }
  .tarifs-table-footer {
    text-align: center; }
  .tarifs-table-card img {
    max-height: 75px;
    display: block;
    margin: 25px auto; }
    @media screen and (max-width: 991.98px) {
      .tarifs-table-card img {
        width: 100%;
        max-width: 200px;
        height: auto;
        max-height: none; } }
  .tarifs-table-item {
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
    background: #fff;
    text-align: center;
    border-radius: 8px; }
    @media screen and (max-width: 991.98px) {
      .tarifs-table-item {
        margin: 15px 0; } }
  .tarifs-table .group-list-check {
    text-align: left; }

.tarifs-table-card-details {
  margin-bottom: 30px;
  text-align: center; }
  .tarifs-table-card-details ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #191F29;
    border-bottom: 1px solid #E4EBF4;
    padding-bottom: 15px;
    margin-bottom: 15px; }
  .tarifs-table-card-details p {
    margin-bottom: 0; }

.tarifs-table-card-group {
  margin-bottom: 20px; }
  .tarifs-table-card-group:last-child {
    margin-bottom: 0; }

.link-download {
  color: #FF5F00;
  font-size: 0.875em;
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  align-items: center; }
  .link-download svg {
    margin-right: 10px; }

.tarifs-accordion-head-top {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media screen and (max-width: 991.98px) {
    .tarifs-accordion-head-top {
      flex-direction: column;
      justify-content: flex-start;
      text-align: left;
      align-items: flex-start; }
      .tarifs-accordion-head-top .h3 {
        margin-bottom: 20px; } }

.tarifs-accordion-head p {
  color: #191F29;
  margin: 40px 0 0 0; }
  @media screen and (max-width: 991.98px) {
    .tarifs-accordion-head p {
      margin-top: 20px; } }

@media screen and (max-width: 991.98px) {
  .tarifs-accordion-head {
    margin-bottom: 30px; } }

.tarifs-accordion .accordion-body {
  padding: 0; }

.tarifs-accordion .accordion-button,
.tarifs-accordion .accordion-button:not(.collapsed) {
  margin-bottom: 0; }

.list-toggle-bg ul {
  padding: 16px 32px;
  background: #F4F6F9;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media screen and (max-width: 991.98px) {
    .list-toggle-bg ul {
      padding: 12px 16px; } }
  @media screen and (max-width: 991.98px) {
    .list-toggle-bg ul li:nth-child(2) {
      text-align: right; } }
  .list-toggle-bg ul:nth-child(even) {
    background: #FFFFFF; }

.list-toggle-bg p {
  margin-bottom: 0; }

.simulateur-content {
  padding: 30px 50px; }
  @media screen and (max-width: 991.98px) {
    .simulateur-content {
      padding: 30px 20px; } }
  .simulateur-content-head {
    text-align: center;
    margin-bottom: 30px; }
    .simulateur-content-head p {
      margin-bottom: 0; }
    @media screen and (max-width: 991.98px) {
      .simulateur-content-head {
        margin-bottom: 15px; } }
  .simulateur-content .tns-controls {
    display: none; }
  .simulateur-content .tns-nav {
    margin-bottom: 0; }

.small-box-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 16px;
  border-radius: 8px;
  background: #fff;
  height: 100%;
  text-align: center; }
  @media screen and (max-width: 991.98px) {
    .small-box-card {
      width: 100%;
      flex-direction: row-reverse;
      justify-content: space-between; }
      .small-box-card.flex-mobile {
        min-height: 170px;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        .small-box-card.flex-mobile p {
          padding: 0;
          text-align: center; }
      .small-box-card p {
        padding-right: 12px;
        text-align: right; } }
  .small-box-card p {
    margin-bottom: 0; }

.visu-small-card {
  display: block;
  margin: 15px auto 0;
  height: 50px; }

@media screen and (max-width: 991.98px) {
  .tarifs-slider-container {
    flex-direction: column; } }

.tarifs-slider-row {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 10px;
  min-height: 170px; }
  @media screen and (max-width: 991.98px) {
    .tarifs-slider-row {
      min-height: auto; } }
  .tarifs-slider-row .small-box-card {
    width: 100%; }
  @media screen and (max-width: 991.98px) {
    .tarifs-slider-row {
      margin: 8px 0; }
      .tarifs-slider-row .visu-small-card {
        margin: 0; } }

.tarifs-slider-group {
  display: flex;
  flex-direction: row; }
  @media screen and (max-width: 991.98px) {
    .tarifs-slider-group {
      flex-direction: column; } }

.tarifs-simulateur-head {
  display: flex;
  flex-direction: column;
  color: #fff;
  padding: 50px 80px 50px 0;
  justify-content: space-between; }
  @media screen and (max-width: 991.98px) {
    .tarifs-simulateur-head {
      background: #373F51;
      padding: 40px 20px; } }

.tarifs-article {
  margin-top: 60px;
  margin-bottom: 60px; }
  .tarifs-article-item {
    padding: 18px; }
  .tarifs-article .h3 {
    margin-bottom: 16px; }
  .tarifs-article a {
    margin-bottom: 16px; }
  .tarifs-article p {
    margin: 16px 0 0 0; }
  .tarifs-article img {
    max-width: 100%; }

.toggle-group-item:not(:first-child) {
  display: none; }

.social-links li:not(:last-child) {
  padding: 18px 0;
  border-bottom: 1px solid #fff; }
  @media screen and (max-width: 991.98px) {
    .social-links li:not(:last-child) {
      border-bottom: 0;
      padding: 0; } }

footer .social-links li:not(:last-child) {
  padding: 0; }

strong {
  font-weight: 800; }

.is-desktop {
  display: block; }
  @media screen and (max-width: 767.98px) {
    .is-desktop {
      display: none; } }

.is-mobile {
  display: none; }
  @media screen and (max-width: 767.98px) {
    .is-mobile {
      display: block; } }

.slider-default-head {
  position: relative;
  z-index: 2; }

.slider-default-nav {
  position: relative; }

.custom-label {
  cursor: pointer;
  width: 53px;
  height: 53px;
  border: 4px solid transparent; }
  .custom-label img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 50%; }

.custom-radio {
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  pointer-events: none; }
  .custom-radio:checked ~ label {
    border: 4px solid #F3F5F9;
    box-shadow: 0 0 0 1px #FF5F00;
    border-radius: 50%; }

.select-region ul {
  display: flex;
  flex-wrap: wrap; }
  .select-region ul li {
    margin: 15px 35px 15px 0; }
    @media screen and (max-width: 767.98px) {
      .select-region ul li {
        margin: 15px 21px 15px 0; } }

.section-steps-accordion {
  display: none;
  background: #F3F5F9; }
  @media screen and (max-width: 767.98px) {
    .section-steps-accordion {
      display: block; } }
  .section-steps-accordion .carousel-step-row {
    max-width: none; }
  .section-steps-accordion .accordion-mobile .accordion-collapse .accordion-body {
    padding: 12px 20px; }

.section-steps-accordion {
  padding: 50px 20px; }
  .section-steps-accordion .steps-accordion-head {
    margin-bottom: 40px; }
  .section-steps-accordion .steps-accordion-footer {
    margin-top: 40px; }
  .section-steps-accordion .step-content-toggle {
    margin-top: 40px;
    padding: 0; }

.accordion-mobile {
  position: relative; }
  .accordion-mobile::before {
    content: '';
    display: block;
    position: absolute;
    top: 25px;
    bottom: 25px;
    left: 30px;
    width: 1px;
    height: auto;
    border-left: 1px dashed #31424F; }
  .accordion-mobile .accordion-nb {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    border-radius: 100%;
    position: relative;
    z-index: 2;
    font-size: 16px;
    font-weight: 400; }
  .accordion-mobile .ic-arrow {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px; }
  .accordion-mobile [aria-expanded="true"] .ic-arrow {
    transform: rotate(225deg);
    margin-top: -5px; }
  .accordion-mobile .accordion-item {
    position: relative;
    z-index: 2;
    background: none;
    padding: 5px 0; }
  .accordion-mobile .accordion-button,
  .accordion-mobile .accordion-button:not(.collapsed) {
    font-family: 'sarabun';
    background: none;
    border-radius: 0;
    color: #191F29;
    font-weight: 400;
    padding: 0;
    position: relative;
    z-index: 2;
    padding-right: 33px; }
    .accordion-mobile .accordion-button[aria-expanded="true"],
    .accordion-mobile .accordion-button:not(.collapsed)[aria-expanded="true"] {
      color: #FF5F00;
      font-weight: 600;
      box-shadow: none;
      background: #f2f5f9;
      margin: 0; }
      .accordion-mobile .accordion-button[aria-expanded="true"] .accordion-nb,
      .accordion-mobile .accordion-button:not(.collapsed)[aria-expanded="true"] .accordion-nb {
        font-weight: 600;
        color: #fff;
        background: #FF5F00; }
  .accordion-mobile .accordion-collapse .accordion-body {
    background: #FFFFFF;
    box-shadow: 0px 4px 29px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    padding: 29px 17px;
    position: relative;
    z-index: 3; }
  .accordion-mobile .accordion-item:first-child .accordion-button::before {
    display: none; }
  .accordion-mobile .accordion-item:last-child .accordion-button::after {
    display: none; }
  .accordion-mobile .accordion-collapse {
    padding: 30px 0 0;
    margin-bottom: 15px;
    background: #f2f5f9; }
  .accordion-mobile .accordion-button {
    position: relative; }
    .accordion-mobile .accordion-button[aria-expanded="true"]::after {
      height: 46px; }
    .accordion-mobile .accordion-button::after, .accordion-mobile .accordion-button::before {
      display: none; }

.text-justify {
  text-align: justify; }

@media screen and (max-width: 991.98px) {
  .list-icons {
    padding-right: 16px; } }

.simulateur-tarif {
  padding: 30px 16px;
  border-radius: 8px;
  background: #fff;
  height: 100%; }
  .simulateur-tarif-head {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 991.98px) {
      .simulateur-tarif-head {
        flex-direction: column; }
        .simulateur-tarif-head a {
          display: none; } }
    .simulateur-tarif-head a {
      color: #191F29;
      font-weight: 300;
      font-size: 16px;
      text-decoration: underline; }
      .simulateur-tarif-head a svg {
        width: 20px;
        height: 20px;
        margin-right: 10px; }
  .simulateur-tarif-body .text-price {
    font-size: 20px;
    font-family: "sarabun", Arial, sans-serif; }
    .simulateur-tarif-body .text-price strong {
      font-size: 32px;
      font-weight: 900; }
  .simulateur-tarif-body p {
    font-weight: 300; }
  .simulateur-tarif-body a {
    color: #FF5F00;
    text-decoration: underline; }
  .simulateur-tarif-body .list {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 991.98px) {
      .simulateur-tarif-body .list {
        flex-direction: column; } }
    .simulateur-tarif-body .list li {
      margin: 10px;
      margin-bottom: 0;
      display: flex;
      align-items: center; }
      .simulateur-tarif-body .list li svg {
        margin-right: 10px; }
      .simulateur-tarif-body .list li p {
        margin-bottom: 0; }
  .simulateur-tarif-footer {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center; }