/* CSS Empruntis V1.1 */
@font-face {
  font-family: 'emp';
  src: url('../fonts/emp.eot');
  src: url('../fonts/emp.eot?#iefix') format('embedded-opentype'),
    url('../fonts/emp.woff2') format('woff2'),
    url('../fonts/emp.woff') format('woff'),
    url('../fonts/emp.ttf') format('truetype'),
    url('../fonts/emp.svg#emp') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* reset CSS */
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box
}

html {
  font-size: 62.5%;
  font-size: calc(1em * .625);
  overflow-x: hidden;
  scroll-behavior: smooth
}

body {
  background: #fff;
  line-height: 1;
  font-size: 1.6rem;
  font-family: "Poppins", Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  color: #003050;
  font-smooth: always;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased
}

ul {
  list-style: none
}

article,
footer,
header,
hgroup,
nav,
section {
  display: block
}

sup {
  vertical-align: super;
  font-size: 1rem
}

a {
  text-decoration: none;
  color: #005187
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  line-height: 1.4
}

strong,
.strong,
.col_right .active,
.page_on,
.gras,
.bold {
  font-weight: 700
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: black
}

input,
textarea,
button,
select {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Poppins", Arial, sans-serif;
  background: #fff
}

select::-ms-expand {
  display: none
}

select,
button,
.bgi {
  cursor: pointer
}

img:not(.img_calc) {
  height: auto
}

.hide-element {
  display: none
}

/* FIN reset CSS */

/* anim css */
@keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

/* CAMPAGNES TV */
#_lm_pix {
  overflow: hidden;
  width: 1px;
  height: 1px
}

#_lm_pix img {
  height: 1px;
  width: 1px;
  vertical-align: middle;
  border-style: none
}


[class*='icon_']:before {
  display: inline-block;
  font-family: 'emp';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 1
}

.icon_ass-chomage:before {
  content: "\e90f"
}

.icon_ass-pret:before {
  content: "\e911"
}

.icon_changer-ass:before {
  content: "\e912"
}

.icon_loi-hamon:before {
  content: "\e913"
}

.icon_arrow:before {
  content: "\e910"
}

.icon_house:before {
  content: "\e900"
}

.icon_car:before {
  content: "\e901"
}

.icon_house2:before {
  content: "\e902"
}

.icon_card:before {
  content: "\e903"
}

.icon_money:before {
  content: "\e904"
}

.icon_tools:before {
  content: "\e905"
}

.icon_chest:before {
  content: "\e906"
}

.icon_bank:before {
  content: "\e907"
}

.icon_advisor:before {
  content: "\e908"
}

.icon_france:before {
  content: "\e909"
}

.icon_security:before {
  content: "";
  background: no-repeat center /contain url(/imgs/icons/icon-security.svg);
  width: 3.5rem;
  height: 3.5rem
}

.icon_calendar:before {
  content: "\e90b"
}

.icon_wallet:before {
  content: "\e90c"
}

.icon_taeg:before {
  content: "\e90d"
}

.icon_calendar2:before {
  content: "\e90e"
}

.icon_amor:before {
  content: "\e91b"
}

.calc-endettement:before {
  content: "\e91c"
}

.icon_lissage:before {
  content: "\e91d"
}

.icon_pel:before {
  content: "\e923"
}

.icon_cel:before {
  content: "\e924"
}

.icon_captz:before {
  content: "\e925"
}

.icon_cif:before {
  content: "\e926"
}

.icon_pas:before {
  content: "\e927"
}

.icon_cied:before {
  content: "\e928"
}

.icon_pr:before {
  content: "\e929"
}

.icon_crd:before {
  content: "\e92a"
}

.calc-armor:before {
  content: "\e92b"
}

.icon_ptz:before {
  content: "\e92c"
}

.icon_endettement:before {
  content: "\e92d"
}

.icon_acceo:before {
  content: "\e92e"
}

.icon_profil:before {
  content: "\e92f"
}

.icon_envelope:before {
  content: "\e930"
}

.icon_rate:before {
  content: "\e931"
}

.icon_insta:before {
  content: "\e935"
}

.icon_pin:before {
  content: "\e936"
}

.icon_card2:before {
  content: "\e937"
}

.icon_guide:before {
  content: "\e938"
}

.icon_lettre:before {
  content: "\e939"
}

.icon_question:before {
  content: "\e93a"
}

.icon_diploma:before {
  content: "\e93b"
}

.icon_team:before {
  content: "\e93c"
}

.icon_earning:before {
  content: "\e93e"
}

.icon_star:before {
  content: "\e93f"
}

.icon_semistar:before {
  content: "\e940"
}

.icon_nostar:before {
  content: "\e941"
}

.icon_auto2:before {
  content: "\e942"
}

.icon_contact:before {
  content: "";
  background: no-repeat center /contain url(/imgs/icons/icon-contact.svg);
  width: 5.2rem;
  height: 5.2rem
}

.icon_demande:before {
  content: "\e944"
}

.icon_desktop:before {
  content: "\e945"
}

.icon_doc:before {
  content: "";
  background: no-repeat center /contain url(/imgs/icons/icon-doc.svg);
  width: 5.2rem;
  height: 5.2rem
}

.icon_exclamation:before {
  content: "\e947"
}

.icon_faa:before {
  content: "\e948"
}

.icon_interrogation:before {
  content: "\e949"
}

.icon_lexique:before {
  content: "\e94a"
}

.icon_medal:before {
  content: "\e94b"
}

.icon_moto:before {
  content: "\e94c"
}

.icon_press:before {
  content: "\e94d"
}

.icon_recruitment:before {
  content: "";
  background: no-repeat center /contain url(/imgs/icon-recrutement.svg);
  width: 1.4rem;
  height: 2rem
}

.icon_caddie:before {
  content: "\e94f"
}

.icon_pdf:before {
  content: "";
  background: no-repeat center /contain url(/imgs/icons/icon-pdf.svg);
  width: 1.4rem;
  height: 2rem
}

.icon_work:before {
  content: "";
  background: no-repeat center /contain url(/imgs/contrat.svg);
  width: 1.4rem;
  height: 2rem
}

.icon_map:before {
  content: "";
  background: no-repeat center /contain url(/imgs/icon-map.svg);
  width: 1.4rem;
  height: 2rem
}

.icon_fb:before {
  content: "";
  background: no-repeat center /contain url(/imgs/icons/icon-facebook.svg);
  width: 3.9rem;
  height: 3.9rem;
}

.icon_tw:before {
  content: "";
  background: no-repeat center /contain url(/imgs/icons/icon-twitter.svg);
  width: 3.9rem;
  height: 3.9rem;
}

.icon_lkin:before {
  content: "";
  background: no-repeat center /contain url(/imgs/icons/icon-linkedin.svg);
  width: 3.9rem;
  height: 3.9rem;
}

.icon_ytb:before {
  content: "";
  background: no-repeat center /contain url(/imgs/icons/icon-youtube.svg);
  width: 3.9rem;
  height: 3.9rem;
}

/* event bloc */
.event .event_item {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  height: 7.5rem;
  background: #B0CFE8 url(/imgs/bloc-tv-mobile.jpg) no-repeat center center / cover;
  display: table
}

.event {
  width: 100%;
  max-width: 132rem;
  margin: 0 auto;
  position: relative
}

.event_bloc {
  display: table;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer
}

.delete_event {
  position: relative
}

.delete_event {
  position: absolute;
  cursor: pointer;
  height: 3rem;
  width: 3rem;
  z-index: 100
}

.delete_event:before {
  content: "x";
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2.5rem;
  line-height: 0
}

.delete_event {
  right: 0;
  top: 0;
  background: none;
  color: #003050
}

.smart_popin {
  position: fixed;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all .25s ease;
  z-index: 1000
}

.smart_popin .sp_table {
  display: table;
  height: 100%;
  width: 100%
}

.smart_popin .sp_cell {
  display: table-cell;
  vertical-align: middle;
  padding: 1rem
}

.smart_popin .sp_content {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 30rem;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 2em;
  box-shadow: 0 .3rem .5rem .1rem rgba(0, 0, 0, 0.25);
  max-width: 86.5rem
}

.smart_popin .sp_content * {
  max-width: 100%;
  margin: 0
}

.smart_popin .sp_back {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block
}

.smart_popin .sp_close {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  width: 3.6rem;
  height: 3.6rem;
  text-align: center;
  line-height: 3.6rem;
  font-size: 1.6rem;
  color: #000000;
  font-weight: 900;
  text-decoration: none
}

.smart_popin .embed_video {
  padding-bottom: 56.25%
}

/* styles generiques */
/* h1, .h1style{font-size:4rem}
 h2, .h2style, .single-bloc .h2style, #global-calculette .footer_txt .h2style{font-size:2.8rem;margin:0 0 2.5rem;display:inline-block;width:100%;line-height:1.4; scroll-margin-top: 8rem}
 h3, .h3style, .single-bloc .h3style{margin-bottom:2.5rem;font-size:2.2rem; line-height:1.4}
 h4, .h4style, .single-bloc .h4style{margin-bottom:2.5rem;font-size:1.8rem; color:#005187; line-height:1.4}*/
/* .content h1, .h1style, .content_in h1,  .content .h1style, .content_in .h1style{margin-bottom:2.5rem}*/

.h2style2,
.nm_simulateur h2,
.bloc_actualites h2,
.about_emp .h2style,
.bloc_actualites .h2style,
.nos_metiers .h2style,
.other_page .h2style,
.bloc_partners .h2style,
.content_in .h2content,
.single-bloc .h2style {
  font-size: 2.4rem;
  line-height: 1.4;
  color: #005187;
}

h1,
h2,
h3,
h4,
h5,
.h1style,
.h2style,
.h3style,
.h4style,
.h5style,
.h2style2 {
  font-weight: 700;
  margin-bottom: 3rem
}

h1,
.h1style {
  font-size: 2.4rem;
  line-height: 1.4;
  color: #003050
}

h2,
.h2style {
  font-size: 2.2rem;
  line-height: 1.3;
  color: #005187;
  scroll-margin-top: 8rem
}

h3,
.h3style {
  font-size: 2rem;
  line-height: 1.3;
  color: #003050
}

h4,
.h4style {
  font-size: 1.8rem;
  line-height: 1.2;
  color: #005187
}

h5,
.h5style {
  font-size: 1.6rem;
  line-height: 1.2;
  color: #003050
}

.lien,
.content_in p a:not(.arrow):not(.btn_orange):not(.lien-author):not(.link-author),
.content_in li>a,
.content_in table td a,
.content_in ul a:not(.summary) ul a,
.content_in p .bgi:not(.icon_acceo):not(.lien-author),
.content_in ul .bgi:not(.icon_acceo),
#global-calculette .footer_txt .model-bloc:not(.model-bloc.summary) a,
.content_in .txt-content>a,
.content_in .txt-content li>a {
  text-decoration: underline
}

.content_in .picture {
  display: block;
  margin: 0 auto 2.5rem !important;
  max-width: 100%
}

.wrapper {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  padding: 4rem 0
}

.wrapper-fluide {
  width: 100%;
  padding: 4rem 0
}

.wrapper-small {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  padding: 0 2rem 4rem
}

.wrapper-full {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto
}

.wrapper+.wrapper {
  padding-top: 2rem
}

.d-block {
  display: block
}

/* wrapper With Padding */
.wrapper_wp,
.bloc_footer,
.mentions {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  display: table;
  padding: 2.5rem 0
}

.mentions-text {
  text-align: center
}

.mentions-text img {
  max-width: 100%;
  height: auto;
}

.arrow,
.back_arrow {
  padding-right: 1.75rem;
  background: url(/imgs/arrow-nav.svg) no-repeat center right 0.5rem / 0.4rem;
  transition: background-position 0.2s ease;
  color: #003050;
  font-weight: 500;
}

.arrow:hover,
.bgi:hover .arrow,
.nm_calc:hover .arrow,
a:hover>.arrow,
.next:hover .arrow,
.card:hover .arrow {
  background-position: center right
}

.back_arrow {
  padding: 0 0 0 2rem;
  background: url(/imgs/arrow-nav-left.svg) no-repeat center left 0.5rem / 0.75rem
}

.back_arrow:hover,
.previous:hover .back_arrow {
  background-position: center left
}

.nav_bloc .previous p,
.nav_bloc .next p {
  display: inline-block
}

.og_help>a:hover,
.og_help>span:hover,
.og_help .og_item>a:hover,
.og_help .og_item>span:hover {
  color: #005187
}

.nm_bloc_ade .single-bloc:hover .bloc-arrow:after {
  margin-right: -.5rem;
  margin-left: 1rem;
  transition: margin ease .25s
}

.btn_blue {
  height: 4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2.5rem;
  text-align: center;
  padding: 0 2rem 0 1rem
}

.menu_right .btn_blue svg {
  width: 2.5rem;
  height: auto;
  margin-right: 0.5rem
}

.btn_blue a,
.btn_blue span {
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700
}

.btn_orange,
.btn_iceberg {
  height: 4rem;
  padding: 0 3rem;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  border-radius: 3rem
}

.grid2 .btn_orange {
  text-transform: none
}

.btn_orange,
.bl_submenu .m_btn[class*="cta_"] {
  background: #FE523B;
  border-radius: 3rem;
  transition: all 0.2s ease
}

.btn_orange:hover,
.bl_submenu .m_btn:hover,
.btn_orange:focus,
.bl_submenu .m_btn:focus {
  background: #FE3B43
}

.btn_iceberg,
.btn_blue,
.btn_iceblue {
  background: #005187;
  transition: all 0.2s ease
}

.btn_iceberg:hover,
.btn_blue:hover,
.btn_iceblue:hover,
.btn_iceberg:focus,
.btn_blue:focus,
.btn_iceblue:focus {
  background: #003050
}

.btn_iceblue:hover,
.btn_blue:hover,
.btn_iceberg:hover,
.bl_submenu .m_btn:hover,
.btn_orange .btn:hover,
.btn_orange:hover,
.btn-primary:hover,
.btn-secondary:hover {
  box-shadow: 0 .4rem 1.5rem rgba(0, 0, 0, 0.15)
}

.btn_iceblue {
  height: 4rem;
  padding: 0 2rem;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  border-radius: 3rem
}

.col2>* {
  width: 50%;
  display: table-cell
}

.nm_bloc_calc.col4>* {
  width: 100%
}

.col3>* {
  width: 33.333%
}

.col4>* {
  width: 25%
}

.col5>* {
  width: 20%
}

.col6>* {
  width: 16.666%
}

.col7>* {
  width: 14.285%
}

.txt-grey {
  color: #003050 !important
}

.bg_grey,
.reverse_bg.block_comp>* {
  background: #f1f2f7
}

.bg_linear {
  background: linear-gradient(180deg, #F1F2F7 0.25%, #FFFFFF 10%)
}

.bg_grey {
  display: inline-block;
  width: 100%
}

.content_small {
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto
}

.bg_emp_blue {
  background: #e0e2ee;
  display: inline-block;
  width: 100%
}

.center {
  text-align: center
}

.btn-txt {
  text-align: center;
  margin: 4rem 0
}

.cleaner {
  clear: both
}

.content_in p,
.content .content_in iframe,
.content_in .list_bloc {
  margin-bottom: 2.5rem;
  line-height: 1.5
}

.content_in .list_bloc {
  font-size: 0;
  display: table;
  width: 100%
}

.content_in .list_bloc:first-child {
  margin-right: 3rem
}

.content_in .list_bloc>* {
  display: inline-table;
  vertical-align: top;
  width: calc(50% - 1.5rem)
}

.content_in .list_bloc ul {
  font-size: 1.6rem;
  padding-left: 0
}

.content_in .list_bloc ul:not(:last-child) {
  margin-bottom: 0
}

.content_in {
  width: 100%;
  max-width: 90rem;
  margin: 2.5rem auto 4.5rem
}

.content_in ul {
  list-style-type: none;
  padding: 0 0 0 2.5rem
}

.content_in ul li:not(.sublist > ul > li) {
  padding-left: 2rem
}

.content_in ul li:not(.sublist) {
  position: relative
}

.content_in .inputlike+ul li:before {
  content: none !important
}

.content_in .list_question a:before,
.content_in ul:not(.card-breadcrumb):not(.sommaire) li:not(.sublist, .lexique li, .sublist > ul > li):before {
  content: '';
  position: absolute;
  border-radius: 50%;
  display: block;
  height: .8rem;
  left: 0;
  top: 0.9rem;
  width: .8rem;
  background-color: #005187
}

.content_in :not(#global-calculette) ol {
  list-style: none;
  margin: 0;
  padding: 0
}

.content_in :not(#global-calculette) ol li {
  counter-increment: item;
  line-height: 1.6;
  position: relative;
  padding: 0 0 2.5rem;
  padding-left: 5rem
}

.content_in :not(#global-calculette) ol li:before {
  content: counter(item);
  background-color: #005187;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
  min-width: 3.7rem;
  height: 3.7rem;
  left: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  counter-increment: line
}

.content_in .sublist ul {
  list-style: disc;
  padding-left: 1rem
}

.content_in li p {
  display: inline
}

.content_in ul,
.content_in ol,
.loa-txt ul,
.lt-custom {
  margin-bottom: 2.5rem;
  line-height: 1.75
}

.content_in .inputlike+ul li:not(:last-child) {
  margin-bottom: .5rem
}

.content_in ul li:not(:last-child) {
  margin-bottom: 1rem
}

.content_in .sublist ul li {
  margin-bottom: 0.5rem
}

.content_in .list_question>* {
  display: list-item;
  line-height: 1.75;
  color: #003050;
  position: relative;
  padding-left: 2rem;
  padding-bottom: 1rem
}

.list_question {
  list-style: none;
  margin-bottom: 5rem
}

.content_premium h2 {
  text-align: left
}

.content_premium *:last-child,
.content_in *:last-child,
.content_in blockquote *:last-child,
.note *:last-child {
  margin-bottom: 0
}

.uppercase {
  text-transform: uppercase
}

.content_in p+h2,
.content_in p+.h2style,
.content_in ul+h2,
.content_in ul+.h2style,
.content_in table+h2,
.content_in table+.h2style {
  margin-top: 1.5rem
}

.content_in p img {
  max-width: 100%;
  height: auto
}

.extend {
  position: relative
}

.extend a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10
}

.form_center {
  margin: 0 auto
}

.video_center {
  display: block;
  margin: 0 auto;
  border-radius: 1rem
}

.w-80 {
  width: 80%
}

#cookieChoiceInfo {
  padding: 1rem
}

#cookieChoiceInfo>* {
  display: inline-block;
  padding: 1rem !important
}

.clear_after .wrapper:after {
  content: "";
  display: table;
  clear: both
}

.content .sondage {
  text-align: center;
  display: table;
  margin: 0 auto 2.5rem
}

.ext_arch {
  position: relative
}

.ext_arch a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 4.5rem;
  width: 100%;
  max-width: 20rem
}

.pb_0 {
  padding-bottom: 0
}

.mb_5 {
  margin-bottom: 5rem
}

.lozad {
  background: url(https://www.empruntis.com/imgs/loader_img.gif) no-repeat center center;
  transition: all .2s ease
}

.lozad[data-loaded=true] {
  background: none;
  transition: all .2s ease
}

.lozad-tel {
  margin-right: 1rem;
  vertical-align: middle
}

.span-lozad-tel {
  color: #326681;
  font-size: 2rem;
  font-weight: 700;
  padding-right: 2rem
}

.submenu_right .span-lozad-tel {
  font-size: 1.5rem;
  padding-right: 0
}

.bloc-callback svg {
  vertical-align: middle
}

.content_submenu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.text_submenu {
  color: #003050;
  font-weight: 600
}

.icon_submenu {
  display: block;
  height: 2.5rem;
  width: auto;
  margin-right: 0.75rem
}

.ep_select select {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.entete_preform:not(.bg_preform_loa) .ep_select_content {
  min-height: 9.25rem
}

.small_preform:not(.bg_preform_loa) .ep_select_content {
  min-height: 6.25rem
}

.trustbox-content .bloc_trustbox {
  position: relative;
  text-align: center;
  animation: fadeIn ease 0.1s forwards
}

/* dynamic conso form AA */
.entete_preform #PMCiframeMQBL {
  max-height: 37rem;
  margin: auto;
  padding: 1rem;
  box-sizing: content-box;
  overflow: hidden;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1)
}

.entete_preform.small_preform.bg_form_aa #PMCiframeMQBL {
  max-width: 80rem;
}

.container-iframe {
  min-height: 42rem
}

@media all and (min-width: 360px) {
  .entete_preform #PMCiframeMQBL {
    max-height: 40rem;
  }
}

@media all and (min-width: 480px) {
  .entete_preform #PMCiframeMQBL {
    max-height: 22rem;
  }
}

@media all and (min-width: 510px) {
  .container-iframe {
    min-height: 24rem
  }
}

@media all and (min-width: 580px) {
  .entete_preform #PMCiframeMQBL {
    max-height: 27rem
  }

  .entete_preform.small_preform.bg_preform_4.bg_v1.bg_taux.bg_form_aa #PMCiframeMQBL {
    max-height: 25rem;
  }
}

@media all and (min-width: 1140px) {
  .entete_preform.bg_preform_conso.bg_univers.bg_form_aa .grid {
    grid-template-columns: 1fr 65rem;
  }

  .container-iframe {
    min-height: none;
  }
}

/* loa */
.sticky .bg_preform_loa .ep_select .btn_orange.btn-resp {
  margin: 1rem;
}

.sticky .bg_preform_loa .mb-hide {
  display: none;
}

/* smart popin info */
.popin-marker {
  width: 2.8rem;
  height: 2.8rem;
  padding: 0.85rem;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  margin-top: -1rem;
  margin-left: -0.25rem;
  margin-right: -2.5rem;
}

.popin-marker svg {
  fill: #005187;
  pointer-events: none;
}

.popin-mentions {
  right: -1.5rem;
  border-radius: 1rem;
  background: #fff;
  padding: 1.5rem;
  line-height: 1.5;
  width: 28rem;
  position: absolute;
  top: 3.5rem;
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, .1);
  font-size: 1.2rem;
  z-index: 10;
  font-weight: 400;
  color: #003050;
  text-align: left;
  white-space: break-spaces;
}

/* FORMULAIRE express - ADE & immo */
.form_logo {
  display: table;
  width: 100%;
  height: 9rem;
  background: #005187;
  margin-bottom: 3rem;
}

.form_logo>* {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.form_express h1 {
  text-align: center;
  color: #005187;
  font-size: 2.7rem;
  margin-bottom: 1rem
}

.form_express h1 .small {
  font-size: 2rem
}

.yellow_txt {
  color: #FE523B
}

.form_express h2,
.form_express .h2style {
  color: #003050;
  text-align: center;
  font-size: 1.8rem
}

.content_form_express .title {
  color: #009ed6;
  font-weight: 600;
  font-size: 1.8rem;
  margin-bottom: .75rem
}

.content_form_express {
  max-width: 73.5rem;
  width: 100%;
  margin: 0 auto
}

.content_form_express .erreur {
  box-shadow: 0 0 .15rem .1rem red
}

.form_express .erreur_txt {
  color: red;
  font-weight: bold;
  text-align: center
}

.fe_bloc {
  background: #f1f2f7;
  width: 100%;
  padding: 3rem 4.5rem;
  margin-bottom: 3rem
}

.fe_date {
  margin-top: 3rem
}

.fe_bloc label {
  position: relative;
  width: 100%;
  display: table
}

.fe_bloc.txt_right label:not(:last-child) {
  margin-bottom: 3rem
}

.fe_bloc .input_style {
  max-width: 40rem;
  width: 100%;
  height: 4rem;
  border: .1rem solid #e4e5e8;
  padding: 0 1rem;
  text-align: center
}

.fe_bloc .champ_off {
  color: #cdcfd4
}

.fe_bloc .champ_on {
  color: #003050
}

.fe_bloc .medium_size {
  max-width: 16rem
}

.fe_bloc .small_size {
  max-width: 6.5rem
}

.fe_bloc.txt_right {
  text-align: right
}

.fe_bloc input {
  margin-left: 1.5rem
}

.bl-inline {
  display: table;
  width: 100%
}

.fe_bloc .bl-inline>* {
  display: table-cell;
  width: auto
}

.fe_bloc .bl-inline>*:first-child {
  margin-right: 3.5rem
}

.fe_bloc input[type="radio"] {
  background: #fff;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin: 0 1rem 0 0;
  border: .1rem solid #e4e5e8;
  vertical-align: middle;
  position: relative
}

.fe_bloc input[type="radio"]:checked {
  border-color: #005187
}

.fe_bloc input[type="radio"]:checked:before {
  content: '';
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
  background: #005187;
  position: absolute;
  border: .2rem solid #fff
}

.bl-inline label {
  width: auto
}

.bl-inline .heure>* {
  display: inline-table;
  margin-bottom: 0
}

.bl-inline .heure select {
  padding-right: 2.5rem;
  width: 10.5rem
}

.bl-inline .heure p {
  margin-right: 1.5rem
}

.bl-inline .heure label {
  width: 6.5rem
}

.bl-inline .heure span {
  width: 2.5rem;
  text-align: center
}

.form_express .small_font {
  font-size: 1.3rem
}

.form_express_mentions {
  text-align: center;
  padding: 0 2rem;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #373737;
  max-width: 128rem;
  margin: 0 auto;
  display: table
}

.form_express_mentions p {
  margin-bottom: 1.5rem
}

.acceo_footer {
  color: #FE523B;
  font-size: 2.5rem;
  vertical-align: middle;
  margin-right: .5rem
}

.content_in .result_form_express {
  display: table;
  width: 100%;
  max-width: 73.5rem;
  padding: 2rem;
  margin: 5rem auto 2.5rem auto;
  height: 12rem;
  background: #e0f5fa
}

.result_form_express p {
  display: table-cell;
  vertical-align: middle;
  color: #005187;
  font-weight: 600;
  text-align: center
}

.content_form_express .fe_bloc .select_express {
  display: block;
  width: 100%;
  max-width: 40rem;
  margin: 0 auto
}

/* fin formulaire express immo */

/* NEW FORMULAIRE express - ADE */
.hr-express {
  margin-top: 1rem;
  border: 0;
  border-top: 1px solid #d0d1d4
}

.content_new {
  max-width: 128rem;
  font-size: 1.6rem;
  width: 100%;
  margin: -3rem auto;
  padding: 6rem 15px 8.4rem
}

.content_new .d-flex {
  display: flex
}

.content_new .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  justify-content: center
}

.content_new .col_4,
.content_new .col_6,
.content_new .col_7,
.content_new .col_12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.content_new .gutters_2 {
  margin-right: -6px;
  margin-left: -6px
}

.content_new .gutters_2>.col,
.gutters_2>[class*="col_"] {
  padding-right: 6px;
  padding-left: 6px
}

.content_new .card {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  word-wrap: break-word;
  background-color: #fff;
  border-radius: .375rem;
  margin-bottom: 2.5rem !important;
  background-clip: border-box
}

.content_new .card_body {
  padding: 2rem !important
}

.content_new .card_body:not(:last-child) {
  border-bottom: 1px solid #d0d2d8
}

.content_new.form_express .title {
  color: #005187;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 1.5rem
}

.content_new.form_express h1 {
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: 700
}

.content_new.form_express h1 .small {
  font-size: 1.8rem;
  line-height: 1.5
}

.content_new.form_express h2 {
  font-size: 1.6rem;
  line-height: 1.5
}

.content_new.form_express .wcb-lbl {
  display: block;
  position: relative
}

.content_new .champ_off {
  color: #919296
}

.content_new .champ_on {
  color: #003050;
  font-weight: 600
}

.content_new .input_style~.form-label {
  position: absolute;
  top: 5px;
  left: 1.5rem;
  color: #003050;
  padding: 0;
  z-index: 1;
  font-size: 1.5rem;
  line-height: 1.54
}

.content_new input[type="radio"] {
  background: #fff;
  height: 2.1rem;
  width: 2.1rem;
  border-radius: 50%;
  border: .1rem solid #e4e5e8;
  vertical-align: middle;
  cursor: pointer;
  transition: all .2s ease
}

.content_new input[type="radio"]:checked {
  border-color: #005187
}

.content_new input[type="radio"]:checked:before {
  content: "";
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  background: #005187;
  position: absolute;
  border: .4rem solid #fff
}

.content_new .fe_bloc label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  width: 100%
}

.content_new .control-inline label {
  display: block;
  line-height: 1.6;
  position: relative
}

.content_new .form_check {
  position: relative;
  display: block;
  padding-left: 3rem;
  vertical-align: middle
}

.content_new .form-group input {
  position: absolute;
  margin-top: .3rem;
  margin-left: -3rem
}

.content_new .control-inline .form-group {
  -ms-flex-direction: column;
  flex-direction: column
}

.content_new .bl_coord .input_style {
  display: block;
  width: 100%;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d0d2d8;
  height: calc(6.3rem + 2px);
  border-radius: .7rem;
  padding: 1.5rem 1.5rem 0;
  text-align: left
}

.content_new .input_style:focus {
  border-color: #dee2e6;
  outline: 0
}

.content_new .input-group {
  border: 1px solid #e0e6ed;
  border-radius: .6rem;
  outline: 0;
  height: calc(5rem + 2px);
  padding: .75rem 1.25rem;
  position: relative;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  background-clip: padding-box;
  cursor: ponter
}

.content_new .input-group-prepend {
  display: flex
}

.content_new .input-group>.input-group-prepend>.input-group-text {
  color: #003050;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap
}

.input_group {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .preform_conso .input_group {
    display: flex;
  }

  .preform_conso .input_group .txt-lg {
    margin: auto 0 auto 10px;
  }

  .ep_select_content .txt_preform_conso {
    margin-bottom: 10px;
    color: #005187;
    font-weight: 500;
  }

  .preform_conso .input_group .montant {
    width: 200px;
    text-align: center;
    font-weight: 500;
    font-size: 2rem;
  }
}

.form-agence .btn-primary,
.form-agence .cp_ville {
  position: relative;
  z-index: 1
}

.form-agence .cp_ville {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  scroll-margin: 10rem
}

.form-agence .input_group ul {
  position: absolute;
  left: 0;
  top: 100%;
  max-height: 24.5rem;
  background: #fff;
  padding: 1rem 0rem;
  width: 100%;
  border-radius: 0 0 3.5rem 3.5rem;
  line-height: 1.25;
  box-shadow: 0 0.8rem 2rem rgba(0, 0, 0, 0.08);
  overflow: auto;
  z-index: -1
}

.form-agence .liste_ville_cp {
  height: 6rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 3.5rem 3.5rem 0 0
}

.form-agence .input_group li {
  color: #003050;
  padding: 1rem 2rem;
  cursor: pointer
}

.form-agence .input_group li:hover {
  background: #f1f2f8
}

.form-agence .liste_ville_cp ul li:before {
  content: none !important
}

.form-agence .input_group .error-msg {
  position: absolute;
  top: 100%;
  margin-top: -1.5rem;
  left: 2.5rem;
  font-size: 1rem;
  color: #fe523b;
  max-width: calc(100% - 13rem);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1
}

.form-agence .input_group ul {
  scrollbar-width: thin;
  scrollbar-color: #005187 transparent
}

.form-agence .input_group ul::-webkit-scrollbar {
  width: 0.6rem !important;
  height: 0.6rem !important;
  border: none
}

.form-agence .input_group ul::-webkit-scrollbar-track {
  background: transparent;
  border: none
}

.form-agence .input_group ul::-webkit-scrollbar-thumb {
  background-color: #005187;
  border-radius: 3rem;
  border: none
}

.content_new .bl_date .input_style {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  color: #003050;
  transition: all .2s ease;
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 1%;
  text-align: right
}

.content_new .select_form {
  position: relative;
  max-width: 6.5rem;
  margin-bottom: 0 !important
}

.content_new .bl_date .input_style span {
  width: 2.5rem;
  text-align: center
}

.content_new .select_form select {
  padding-right: 2.5rem;
  padding-left: 1.5rem
}

.content_new.form_express .small_font {
  font-size: 1.5rem;
  line-height: 1.6;
  color: #919296
}

.content_new .fe_date {
  margin-top: 0 !important
}

.content_new .bl_coord input,
.content_new .bl_date label,
.content_new .form_check {
  margin-bottom: 1.5rem
}

.content_new .bl_date {
  -ms-flex-pack: end;
  justify-content: flex-end
}

.content_new .btn_orange {
  height: 4.8rem;
  border-radius: 2.4rem;
  font-size: 1.8rem;
  padding-left: 3.1rem;
  padding-right: 3.1rem;
  text-transform: none;
  display: block;
  margin: 0 auto
}

.content_new.form_express .select_form:before {
  right: 0;
  border-width: .6rem .6rem 0
}

.content_new.form_express .wcb-lbl .input_style.erreur,
.content_new.form_express .form_check input.erreur,
.content_new.form_express .input-group.erreur {
  box-shadow: 0 0 .15rem .1rem red
}

.content_new.form_express .erreur_txt {
  margin-bottom: 2.5rem
}

.content_new.form_express .result_form_express {
  display: table;
  width: 100%;
  max-width: 74rem;
  padding: 2rem;
  margin: 1rem auto;
  height: 12rem;
  background: #fff
}

.new_exp_footer .form_express_mentions p {
  color: #003050;
  line-height: 1.5
}

.new_exp_footer .bgi,
.new_exp_footer .lien {
  text-decoration: underline
}

.new_exp_footer .lien {
  color: #003050;
  cursor: pointer
}

.new_exp_footer .is-none {
  display: none
}

/* fin new formulaire express ADE */

/* trustbox style */
.bloc_trustbox .note_globale {
  text-align: center;
  display: block
}

.bloc_trustbox .avis-agence {
  width: 100%;
  display: inline-block;
  position: relative;
  padding-bottom: 1rem
}

.bloc_trustbox .note_moy {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: .5rem
}

[class*='star']:before {
  font-size: 3rem;
  color: #51AE32;
  margin: 0 .5rem 0 -.5rem
}

[class*='star']:last-of-type:before {
  margin-right: -.5rem
}

.bloc_trustbox .note_globale img {
  display: table;
  margin: 0 auto
}

.trustbox iframe {
  width: 100%;
  height: 45.5rem;
  overflow: hidden;
  width: .1rem;
  min-width: 100%
}

iframe body {
  background: #f1f2f7
}

.bloc_trustbox .avis-titre {
  font-weight: 700;
  margin-bottom: 0.75rem;
  font-size: 1.3rem;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.bloc_trustbox .avis-name {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1;
  color: #51AE32;
  margin-top: 1.25rem
}

.bloc_trustbox .avis-texte {
  font-size: 1.2rem;
  line-height: 1.4
}

.trustbox_home .trustbox {
  width: 100%;
  display: inline-table;
  vertical-align: middle
}

.trustbox_home {
  min-height: 28.3rem
}

.bloc_trustbox .note_globale {
  display: grid;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  max-width: 25rem;
  margin: 0 auto
}

.bloc_trustbox .tns-nav {
  text-align: center;
  margin-bottom: 2rem
}

.bloc_trustbox .avis-date {
  font-size: 1.2rem;
  line-height: 1;
  padding-bottom: 1rem;
  color: #51AE32;
  margin: 0
}

/*new style*/
.customize-tools .controls {
  display: none
}

.calculs-carousel .customize-tools .controls {
  display: none
}

.bloc_trustbox .tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer
}

.bloc_trustbox .tns-nav>[aria-controls] {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #f1f2f7;
  text-align: center;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
  border: .1rem solid #51AE32
}

.bloc_trustbox .tns-slider {
  padding: 2rem 0
}

.bloc_trustbox .tns-nav>.tns-nav-active {
  background: #51AE32
}

.bloc_trustbox .tns-slider .avis-card {
  text-align: left;
  border-radius: 0.8rem;
  padding: 2rem;
  height: 20rem;
  position: relative
}

.trustbox-content .tns-slide-active.center .avis-card,
.agence-slider .avis-card {
  border: 0.1rem solid #51AE32
}

.trustbox-content .tns-slide-active.center {
  opacity: 1
}

.trustbox-content .tns-slide-active.center .avis-card:before {
  position: absolute;
  content: url(../imgs/trust-anim.svg);
  top: -16px;
  left: -24px
}

.trustbox-content .tns-slide-active.center .avis-card:after {
  position: absolute;
  content: url(../imgs/trust-anim.svg);
  transform: rotate(180deg);
  bottom: -15px;
  right: -22px
}

.bloc_trustbox .avis-slider .tns-item,
.bloc_trustbox .avis-carousel .tns-item {
  transition: all .2s
}

/* Header style */
#menu_under,
#m_menu {
  display: none
}

.submenu_right>* {
  display: inline-block;
  vertical-align: baseline
}

.bloc-callback span * {
  margin: 0 2.5rem 0 0
}

.acceo {
  font-size: 3rem;
  color: #1f89a3
}

.connected .icon_profil {
  color: #005187;
  font-weight: 700;
  position: relative;
  padding-left: 2.75rem
}

.connected .icon_profil:before {
  font-size: 2.5rem;
  position: absolute;
  left: 0;
  bottom: 0
}

/* preform style */
.entete_preform {
  height: 50rem;
  width: 100%;
  display: table;
  background-size: cover;
  position: relative
}

.entete_preform.bg_preform_sm {
  height: 38.5rem
}

.ep_area {
  display: table-cell;
  vertical-align: middle
}

.ep_title {
  font-size: 4rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 1.5rem;
  line-height: 1.4
}

.small_preform .ep_title {
  font-size: 2.8rem
}

.bg_preform_home .ep_title {
  font-size: 4rem;
  line-height: 1.3;
  color: #003050
}

.ep_univers {
  text-decoration: none;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  opacity: .6;
  display: table;
  width: auto;
  margin-bottom: 1.5rem
}

.small_preform .ep_univers {
  margin: 0 auto 1.5rem
}

.small_preform .ep_univers,
.small_preform .ep_title {
  color: #003050
}

.ep_subtitle,
.ep_subtext {
  font-size: 1.4rem;
  color: #003050;
  line-height: 1.4
}

.ep_subtitle h1 {
  display: inline
}

.ep_subhome {
  font-weight: 600;
  color: #fff;
  font-size: 1.6rem;
  margin: 0;
  text-align: left;
  line-height: 1.4;
  width: auto;
  margin-bottom: 2rem
}

.ep_engagement {
  display: inline-table;
  color: #fff;
  font-size: 1.6rem;
  text-align: left
}

.ep_engagement>* {
  display: table-cell;
  vertical-align: middle;
  font-weight: 600
}

.primary+.others {
  border-left: .1rem solid #fff;
  padding-left: 2.5rem
}

.primary h2 {
  font-size: 1.6rem;
  display: inline;
  margin: 0;
  line-height: 1
}

.primary p:not(.arrow) {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  line-height: 1.3
}

.primary p span {
  font-size: 3.4rem;
  font-weight: 700;
  margin: 0 0.5rem
}

.primary a,
.primary .bgi {
  font-size: 1.6rem;
  margin-top: 0.5rem;
  white-space: nowrap
}

.others p {
  font-weight: 400;
  margin-bottom: 1.5rem;
  letter-spacing: -.02rem
}

.others p:last-child {
  margin-bottom: 0
}

.others p span {
  font-weight: 600;
  font-size: 3.2rem
}

.primary {
  display: inline-block;
  font-weight: 600;
  max-width: 50rem
}

.ep_engagement sup {
  vertical-align: baseline;
  font-size: 2.8rem;
  line-height: 0
}

.ep_select select,
.emp_select select,
.input_form input,
.inputlike {
  background: #fff;
  font-size: 1.8rem;
  height: 4rem;
  width: 36rem;
  max-width: 100%;
  padding: 0 3.5rem 0 2rem;
  color: #003050;
  border: .1rem solid #c1c1c1;
  position: relative
}

.tab_taux .emp_select select,
.histo_taux .emp_select select {
  height: 6rem
}

.entete_preform .ep_select select,
.bloc_project select,
.entete_preform .ep_select #pret_bank {
  border-radius: 3.5rem;
  font-size: 1.6rem;
  height: 5rem;
  padding-left: 2rem;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis
}

.sticky .entete_preform .ep_select select,
.sticky .bloc_project select,
.entete_preform.small_preform .ep_select #pret_bank,
.sticky .entete_preform .ep_select #pret_bank {
  height: 4rem
}

.entete_preform .ep_select .btn_orange,
.bloc_project .btn_iceberg {
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 5rem;
  font-size: 1.8rem;
  padding: 0 3rem
}

.input_form input {
  padding: 0 1rem
}

.ep_select option {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 1.6rem
}

.ep_select label {
  position: relative
}

.select_form:before,
.emp_select:before {
  content: '';
  position: absolute;
  right: 1.5rem;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  pointer-events: none;
  z-index: 10;
  border-width: .75rem .75rem 0 .75rem;
  border-color: #003050 transparent transparent transparent
}

.ep_select .large_size {
  width: 45rem
}

.ep_select .medium_size {
  width: 36rem
}

.ep_select .small_size {
  width: 28rem
}

/* comparateur styles */
.bloc_comparateur {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  display: table;
  font-size: 0;
  background: rgba(241, 242, 247, .5)
}

.bloc_comparateur .bc_txt {
  font-weight: 700;
  margin-top: .25rem
}

.bloc_comparateur a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1
}

.bloc_comparateur div:last-child {
  border: 0
}

.bloc_comparateur div:before {
  position: absolute;
  top: 2.25rem;
  height: 4rem;
  left: 0;
  text-align: center;
  width: 100%;
  color: #326680;
  z-index: 1
}

[class*='-circle']:after {
  content: "";
  position: absolute;
  top: 2.25rem;
  left: 0;
  right: 0;
  background: #D8E9FF;
  border-radius: 100%;
  height: 4.5rem;
  width: 4.5rem;
  margin: 1rem auto 0
}

.bloc_comparateur .yellow-circle:after {
  background: #fbe280
}

.bloc_comparateur .coral-circle:after {
  background: #ffa285
}

.tea-circle:after {
  background: #ffceb6
}

.bloc_comparateur .icon_recrutement:before {
  content: "";
  background: no-repeat center /contain url(/imgs/icon-recrutement.svg);
  width: 1.4rem;
  height: 2rem;
}

.bloc_comparateur .icon_recrutement:before {
  content: "";
  background: no-repeat center /contain url(/imgs/icon-recrutement.svg);
  width: 1.4rem;
  height: 2rem;
}


@media only screen and (min-width: 768px) {
  .bloc_comparateur {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }

  .bloc_comparateur div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    gap: 1rem;
    font-size: 1.4rem;
    text-align: center;
    border-right: .1rem solid #dddee5;
    background: #fff;
    position: relative
  }
}

@media only screen and (min-width: 1024px) {
  .bloc_comparateur div {
    padding: 1.6rem 1.6rem 4.5rem
  }
}


/* reengagement styles */
.about_emp {
  display: table;
  position: relative;
  line-height: 1.75;
  padding: 5rem 0 5rem;
  font-size: 0
}

.ae_video {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

.about_emp.about_emp_video div.ae_txt {
  font-size: 1.6rem;
  width: calc(25% - 3rem);
  display: inline-table;
  vertical-align: top;
  margin-right: 3rem
}

.about_emp.about_emp_video div.ae_txt:last-child {
  margin-right: 0
}

.fil_ariane+.about_emp img {
  top: calc(50% - 2.5rem)
}

.ae_txt .col2 p:not(:last-child),
.ae_txt .col2:first-of-type {
  margin-bottom: 1.5rem
}

.ae_txt .h2style {
  margin: 0 0 2.5rem;
  width: auto
}

.ae_txt .title {
  font-size: 1.8rem;
  font-weight: 600;
  color: #005187;
  position: relative;
  line-height: 1.2;
  display: table;
  margin-bottom: 1rem
}

.ae_txt .title span {
  display: block;
  line-height: 1.4
}

.ae_txt .col2 div:first-of-type {
  padding-right: 1.5rem
}

.ae_txt .col2 div:nth-child(2) {
  padding-left: 1.5rem
}

.ae_txt [class*='icon_']:before {
  font-size: 6.5rem;
  padding-right: 1rem;
  display: block;
  margin-bottom: 1rem
}

.bloc_content {
  display: table;
  padding: 4rem 0
}

.bloc_content>* {
  display: table-cell;
  vertical-align: top
}

.trustpilot {
  height: 17.5rem;
  width: 100%;
  display: table
}

.trustpilot-widget {
  display: table-cell;
  vertical-align: middle
}

.trustbox-slider .trustpilot-widget {
  display: block
}

.trustbox:before {
  position: absolute;
  content: '';
  width: 25rem;
  height: 8rem;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0)
}

.trustbox {
  position: relative;
  background: #f1f2f7
}

.trustbox-content {
  padding: 4rem 0;
  background: #f1f2f7
}

.google-avis-content {
  padding: 2rem 0
}

.trustbox-slider .h3style,
.bloc_trustbox .h3style {
  display: block;
  text-align: center
}

.bloc_trustbox .h3style {
  padding: 0 2rem
}

.bloc_content .trustpilot_home {
  display: inline-table;
  width: calc(100% - 37.5rem);
  height: 20rem
}

.all_reviews {
  font-size: 1.2rem;
  margin: 1rem auto;
  font-weight: 600;
  color: #929497;
  padding-bottom: .25rem;
  border-bottom: .1rem dotted #929497;
  display: table
}

.bloc_partner p {
  text-align: center;
  font-size: 1.2rem;
  color: #a9a9aa;
  margin-bottom: .5rem
}

.col_right .bloc_partner {
  margin-left: 0;
  margin-bottom: 5rem
}

.home_txt {
  line-height: 1.75;
  padding-right: 2rem
}

.home_txt .h2style {
  text-align: left;
  margin-top: 0
}

.home_txt p:not(:last-child) {
  margin-bottom: 2rem
}

.bloc_content .bloc_partner {
  vertical-align: middle
}

.home_txt_video {
  display: table
}

.home_txt .txt-content .list {
  list-style: disc;
  padding-left: 3rem;
  margin-bottom: 2rem
}

/* actualites styles */
.sm-hide {
  display: none
}

.sm-visible {
  display: grid
}

.ba_content,
.ba_social {
  width: 100%;
  padding: 0
}

.ba_actu {
  background: #fff;
  font-size: 1.4rem;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  border-radius: 1rem;
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1)
}

.ba_text {
  height: auto;
  width: 100%;
  vertical-align: top;
  display: table-cell;
  padding: 1.5rem
}

.ba_actu:last-child {
  margin: 0
}

.ba_text .title {
  color: #005187;
  font-weight: 700;
  margin-bottom: .25rem
}

.ba_text a,
.ba_text span {
  font-weight: 700;
  line-height: 1.5
}

.ba_text a {
  color: #003050
}

.ba_text .date {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  font-size: 1.6rem;
  font-weight: 600
}

.all_actus,
.content .all_actus,
.content .show_other {
  font-size: 1.4rem;
  font-weight: 400;
  display: inline-block;
  margin-top: 2.5rem;
  color: #003050
}

.register_news .all_actus {
  color: #fff
}

.nm_simulateur .all_actus {
  margin: 0
}

.ba_social {
  display: inline-table;
  margin-top: 3rem;
  font-size: 1.5rem;
  vertical-align: top;
  transition: all 0.3s
}

.bloc_actualites,
.op_bloc {
  font-size: 0
}

.link-right {
  display: block;
  text-align: right;
}

.ba_small_actu>* {
  display: table-cell;
  line-height: 1.25;
  height: auto
}

.ba_small_actu>* span:not(:last-child) {
  font-weight: 700
}

.ba_small_actu>* span:last-child {
  float: right;
  font-weight: 600
}

.ba_social .ba_network {
  background: #fff;
  padding: 2.5rem;
  height: 33.35rem;
  position: relative;
  overflow: hidden;
  border-radius: 1rem 1rem 0 0
}

.ba_network [class*='title'] {
  text-transform: uppercase;
  margin: 0 0 .5rem;
  font-weight: 700;
  color: #005187
}

.ba_network div {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  line-height: 1.4;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto
}

.ba_network div:last-child {
  margin: 0
}

.ba_follow .title {
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: .9rem
}

.ba_follow {
  font-size: 0;
  padding: 3rem;
  background: #fff;
  border-radius: 0 0 1rem 1rem;
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  text-align: center
}

.rs_icon:before {
  display: inline-flex;
  align-items: center;
  margin: 0 .75rem 0 0;
  border-radius: 50%
}

.rs_icon.icon_fb:before {
  background-color: #3b5998
}

.rs_icon.icon_tw:before {
  background-color: #000000
}

.rs_icon.icon_lkin:before {
  background-color: #007bb5
}

.rs_icon.icon_ytb:before {
  background-color: #FC2400
}

/* nos metiers styles */
.nm_bloc {
  max-width: 75.5rem;
  background: #fff;
  padding: 2rem 4rem;
  position: relative;
  margin: 0 auto 4rem;
  text-align: center;
  min-height: 28.8rem;
  border-radius: 1rem;
  box-shadow: 0 0.4rem 1.5rem 0 rgba(0, 0, 0, 0.15)
}

.nm_bloc h2 {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  text-align: left;
  text-transform: uppercase;
  font-size: 1.8rem;
  line-height: 1.2;
  position: relative;
}

.nm_liens>* {
  display: table;
  margin: 0 0 1.5rem;
  line-height: 1.4
}

.nm_bloc .nm_taux {
  display: flex;
  align-items: center;
  position: absolute;
  right: 4rem;
  top: 3rem;
  color: #fff;
  background: #005187
}

.nm_taux {
  width: 17rem;
  height: 17rem;
  border-radius: 50%;
  background: #d1eaf9;
  display: table;
  padding: 1.75rem
}

#submenu_conso .nm_taux {
  background: #fbd586
}

.nm_taux p {
  font-weight: 600;
  text-align: center;
  line-height: 1.25
}

.nm_taux span {
  font-size: 4rem;
  display: block;
  line-height: 1;
  padding-left: 1.25rem
}

.nm_bloc .btn_orange span a,
.grid2 .btn_orange span a,
.cta-preform span a {
  color: #fff;
  line-height: 1.2
}

.nm_bloc [class*='icon_']:before {
  position: absolute;
  left: -1rem;
  top: 0;
  color: #005187;
  text-align: center;
  font-size: 5.75rem;
  transform: translateY(-35%);
  width: 6.5rem
}

.nm_bloc [class*='-circle']:after {
  margin: 0;
  transform: none;
  top: -30%
}

.nm_bloc~.nm_simulateur {
  margin-top: -1.5rem;
  margin-bottom: 10rem
}

.nm_liens {
  margin-bottom: 3rem;
  display: inline-block;
  text-align: left;
  width: 100%;
  vertical-align: top
}

.nm_simulateur .title {
  text-align: center;
  font-weight: 700;
  font-size: 3.4rem;
  margin: 2rem 0 4rem
}

/*.nm_bloc_calc{display:table;background:rgba(195, 227, 247, 0.5);font-size:0;width:100%}*/

.nm_bloc_calc.col4,
.nm_bloc_calc.col5 {
  padding-bottom: 2rem
}

.nm_bloc_calc .nm_calc {
  margin-bottom: 2rem
}

.nm_bloc_calc .nm_calc {
  display: flex;
  align-items: center;
  vertical-align: bottom;
  padding-right: 3.5rem;
  padding: 2rem;
  font-size: 1.4rem;
  position: relative;
  background: #fff;
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  width: 100%;
  cursor: pointer
}

/*.nm_bloc_calc .nm_calc:nth-child(n+4){border-bottom:none}*/
.nm_bloc_calc .nm_calc>span {
  font-size: 6rem;
  color: #005187;
  width: 5.5rem;
  margin-right: 2.5rem
}

.nm_bloc_calc .nm_calc p {
  line-height: 1.4
}

.our_guides .nm_calc {
  padding: 8.5rem 1rem 3rem 1rem;
  font-size: 1.4rem;
  line-height: 1.5;
  height: auto;
  display: table-cell
}

.our_guides .nm_calc .arrow {
  margin-bottom: .75rem;
  font-weight: 700;
  text-transform: uppercase
}

.our_guides .nm_bloc_calc .nm_calc:before {
  top: 1.25rem
}

.our_guides .nm_bloc_calc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.col2_liens {
  display: table;
  width: 100%
}

.col2_liens div {
  width: 50%;
  display: table-cell;
  vertical-align: top
}


/* blocs divers (newsletter, partenaires, ...) */
.newsletter p {
  font-weight: 700;
  margin-bottom: 1.5rem;
  font-size: 1.6rem;
  line-height: 1.4
}

.newsletter .newsletter_input {
  width: 24rem;
  height: 4rem;
  padding-left: 2rem;
  vertical-align: top;
  border-radius: 3.5rem
}

.newsletter_footer .newsletter_input {
  background: #fff
}

.bloc_newsletter .newsletter form {
  width: auto
}

.newsletter_footer .newsletter {
  display: flex;
  align-items: center;
  justify-content: center
}

.newsletter img {
  margin-right: 2.5rem
}

.partner .item {
  display: table;
  margin: 0 auto
}

.partner {
  margin: 2.5rem auto
}

.part_h2 {
  margin: 6rem 0 0
}

.part_cec {
  margin: 1.5rem 0
}

.bloc_partners.wrapper,
.bloc_partners_stitre .wrapper {
  position: relative;
  padding: 0;
  overflow: hidden
}

.bloc_partners .h2style,
.bloc_partners_stitre .h2style {
  display: none
}

.bloc_partners .partners_img {
  width: 100%;
  height: auto;
  display: block;
  max-width: none;
  margin: -5rem 0 -3rem
}

.msg_footer {
  background: #f1f2f7;
  display: table;
  min-height: 6rem;
  padding: 2rem 2rem;
  width: 100%;
  border-top: .1rem solid #fff
}

.msg_footer p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.25
}

.social_footer {
  background: #003050;
  color: #fff
}

.social_footer .wrapper_wp>* {
  display: table-cell;
  vertical-align: bottom
}

.search_footer .cp_ville {
  font-size: 1.6rem
}

.search_footer .form-agence .input_group .error-msg {
  margin-top: -1.25rem;
  font-size: 0.9rem
}

.content_in .content-search .input_group ul li:before {
  content: none
}

.social_footer .search_footer {
  max-width: 62rem;
  display: block;
  margin: 0 auto
}

.network_footer {
  border-right: .1rem solid #fff;
  border-left: .1rem solid #fff
}

.iso_footer {
  text-align: center;
}

.social_network a {
  color: #fff;
  font-size: 3rem;
  margin: 0 1.5rem
}

.social_network {
  margin: 0 auto;
  text-align: center;
  width: 100%
}

.iso_footer {
  display: table;
  margin: 0 auto;
  padding: 0 3rem
}

.iso_footer .iso-picto {
  margin-bottom: 0.5rem;
}

.iso-txt {
  line-height: 1.3
}

@media only screen and (min-width: 1024px) {
  .iso_footer {
    padding: 0 3rem
  }
}

@media only screen and (max-width: 1279.98px) {
  .social_network {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .iso_footer {
    margin-bottom: 3rem;
  }
}

.social_network span {
  display: table;
  margin: 1rem auto 0;
  font-size: 1.6rem
}

.social_network .rs_footer {
  display: inline-block;
  color: #fff;
  font-size: 3rem;
  margin: 0 1.5rem
}

.content_in .bloc_newsletter {
  padding: 0 0 3rem
}

.content_in .bloc_newsletter .newsletter {
  margin-top: 0
}

.bloc_newsletter {
  padding: 0 2rem
}

.bloc_newsletter .newsletter {
  position: relative;
  width: 100%;
  max-width: 75.5rem;
  padding: 3rem 2.5rem;
  background: #005187;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  margin-top: -3.5rem;
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 1rem
}

.bloc_newsletter p,
.newsletter form {
  display: inline-block
}

.newsletter form {
  vertical-align: middle;
  width: 100%
}

.bloc_newsletter p {
  font-size: 2.8rem;
  line-height: 1.2
}

.bloc_newsletter .newsletter_input {
  width: 40rem;
  max-width: 100%;
  border-radius: 3.5rem
}

.bloc_newsletter .newsletter p {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left
}

.bp_bloc {
  display: table;
  margin: 0 auto
}

.assu_auto {
  height: 90rem
}

.assu_moto {
  height: 95rem
}

.assu_habitation {
  height: 70rem
}

.assu_sante {
  height: 90rem
}

/* page recrutement */
.container_fluid {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto
}

/*lien sur tout le block*/
.btn_orange.btn_offre {
  display: inline-flex;
  padding: 1.2rem 2rem;
  font-size: 1.5rem;
  line-height: 1.6rem;
  height: auto;
  white-space: nowrap;
  color: #fff;
  font-weight: 700
}

.container_fluid h2 {
  color: #003050;
  line-height: 1.3
}

.s_titre_offre {
  font-size: 1.5rem;
  color: #005187;
  font-weight: 600
}

.txt_center {
  text-align: center
}

.txt_upper {
  text-transform: uppercase
}

.container_fluid h3 {
  color: #005187
}

/* fin page recrutement */

/* page offres */
.d_flex {
  display: flex
}

.bloc_postule {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 2rem 0;
  margin: auto;
  border-bottom: .1rem solid #dedfe0;
  border-top: .1rem solid #dedfe0
}

.mb_0 {
  margin-bottom: 0
}

.bloc_postule,
.info_recrut {
  margin-bottom: 3rem
}

.d_bloc {
  display: block
}

.info_recrut span {
  font-size: 1.6rem;
  line-height: 1.75;
  color: #005187;
  font-weight: 600
}

.info_recrut .icon_work:before,
.info_recrut .icon_map:before {
  font-size: 1.7rem;
  width: 1.7rem;
  vertical-align: middle;
  margin-right: 0.5rem
}

.info_recrut .icon_map:before {
  text-align: center
}

.mb_1 {
  margin-bottom: 1rem
}

/* page offres */

/*page loa offres*/
.py-2 {
  padding: .5rem 0 2rem
}

.loa-txt {
  line-height: 1.75
}

.loa-txt h2 {
  font-size: 2rem;
  color: #005187
}

.loa-txt p,
.loa-txt ul {
  margin-bottom: 2.5rem
}

.offres-bloc {
  margin-bottom: 0;
  padding: 2rem 0 4rem
}

.sticky .bg_preform_loa .ep_select .btn_orange.btn-resp,
.bg_preform_loa .ep_select .btn_orange.btn-resp {
  display: inline-block;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 1.1rem 2.8rem;
  font-size: 1.5rem;
  line-height: 1.2;
  border-radius: 3rem;
  color: #fff !important;
  height: auto
}

.bg_preform_mutuelle .btn_orange a {
  color: #fff
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px
}

.col-lg-3,
.col-lg-12 {
  position: relative;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 1.5rem
}

.container-fluid {
  width: 100%;
  max-width: 128rem;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 5rem
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  text-align: center;
  height: 100%
}

.card-header img {
  margin: 0 auto 1rem;
  width: 20rem
}

.card-header p {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  color: #005187;
  margin-bottom: 0;
  text-transform: uppercase
}

.card-header span {
  font-size: 1.6rem
}

.card-header .border-light {
  margin: 2rem 0 1rem;
  border: 0;
  border-top: 1px solid #d0d1d4
}

.card-body .loa-span {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  display: block
}

.card-body .loa-span:first-of-type {
  margin-bottom: 1rem
}

.card-body .loa-span:last-of-type {
  font-weight: 400
}

.card-body .bloc-prix {
  font-weight: 700;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: center
}

.card-body .loa-prix {
  font-size: 5.5rem;
  line-height: 1
}

.card-header .loa-capital {
  text-transform: capitalize;
  display: block
}

.card-header .loa-small {
  display: block;
  font-size: 1.2rem
}

.card-body .btn-resp {
  padding: 1rem 2.8rem;
  margin: 2.5rem 0
}

.card-header {
  padding: 2rem
}

.card-body {
  padding: 0 2rem
}

.card-new {
  position: absolute;
  top: -1.7rem;
  right: -4.5rem;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  background: #C42F66;
  color: #fff;
  padding: 4rem 3rem 0.25rem;
  transform: rotate(45deg)
}

.row-blur .col-lg-3 .card-header,
.row-blur .col-lg-3 .card-body {
  filter: blur(8px);
  -webkit-filter: blur(8px)
}

.auto-grid-btn {
  position: absolute;
  z-index: 1;
  top: 60%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  display: flex;
  width: 100%;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.row-blur {
  position: relative
}

.offres-title {
  position: relative;
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.offres-title span {
  margin: 0 1.5rem;
  font-size: 2.8rem;
  line-height: 1.2;
  font-weight: 700;
  text-align: center
}

.row-blur .col-lg-3 {
  display: none
}

.row-blur .col-sm {
  display: block
}

.row-blur .col-lg-3:nth-last-child(-n+5) {
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0.14)))
}

.fluid-paragraph {
  width: 100%;
  margin: auto;
  position: relative;
  text-align: center;
  padding: 5.2rem 0;
  background-color: #fff;
  border-radius: .6rem
}

.fluid-paragraph p {
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 0;
  padding: 0 1.5rem;
  letter-spacing: -.08rem
}

.loa-mentions p {
  font-size: 1.3rem;
  line-height: 1.5;
  color: #003050;
  font-family: "Poppins", Arial, sans-serif;
  margin-bottom: 2rem
}

/*btn cta loa*/
.cta_content .txt span {
  font-weight: 400;
  font-size: 1.5rem;
  display: block;
  padding: 0.7rem 0 0
}

.icon_cust:before {
  display: inline-block;
  background: url(../imgs/loa/fleche.svg) no-repeat right center;
  line-height: normal;
  font-size: 1.5rem;
  width: 2.5rem;
  height: 1.3rem
}

/*cta content logo*/
.cta-img img {
  margin-bottom: 1.5rem
}

.cta_content .txt .cta-img .cta-content-titre,
.cta_content .txt .cta-img .cta-content-txt {
  font-size: 2.4rem;
  font-weight: 700;
  padding: 0
}

.cta_content .txt .cta-img .cta-content-titre {
  margin-bottom: 2rem
}

.cta_content .txt .cta-img .cta-content-txt {
  display: inline-block;
  padding: 1.8rem 3.5rem;
  border-radius: 1rem;
  background: #F1F2F7
}

.cta_content .txt .cta-img .cta-content-txt strong {
  font-size: 4rem;
  line-height: 1;
  color: #FE523B
}

/*bloc seo ancien*/
.content_premium .wrapper>* {
  display: table-cell;
  vertical-align: middle
}

.cp_img {
  width: 60rem
}

.cp_img img {
  display: block;
  width: auto;
  height: 40rem
}

.cp_text {
  width: calc(100% - 66rem);
  padding: 2.5rem 7.5rem;
  background: #f1f2f7
}

/* bloc seo */
.cp_text {
  width: calc(100% - 66rem);
  padding: 2.5rem 7.5rem;
  background: #f1f2f7
}

.content_premium {
  display: table;
  width: 100%;
  height: 40rem;
  background-color: #f1f2f7
}

.content_premium .wrapper {
  display: table;
  height: 40rem;
  padding: 0;
  max-width: none
}

.content_premium .wrapper>* {
  display: table-cell;
  vertical-align: middle
}

.full-img {
  width: 90rem;
  max-width: 100%;
  height: auto;
  padding-bottom: 3rem
}

.full-img img {
  display: block;
  border: 0;
  width: 100%;
  height: auto
}

/* lexique */
.lexique {
  margin: 0 0 2.2rem
}

.content .content_in .lexique ul:not(.dot) li:before {
  content: none
}

.lexique ul {
  margin: 0;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: .2rem 0;
  padding-left: 0
}

.lexique li {
  display: table-cell
}

.lexique li.off {
  opacity: 0.5
}

.lexique li.off a {
  cursor: default;
  text-decoration: none
}

.lexique li a {
  display: table;
  width: 100%;
  background: rgba(0, 81, 135, .4);
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0.8rem 0;
  letter-spacing: .5rem
}

.lexique li a:first-letter {
  padding-left: .8rem
}

.lexique li:not(.off) a:hover,
.lexique li.sel a {
  background: #005187;
  text-decoration: none
}

.bloc_lexique {
  display: none
}

.lex_sel {
  display: block;
  font-size: 0;
  margin-bottom: 4rem
}

.bloc_lexique .bloc_lettre {
  display: inline-block;
  width: calc(33.333% - .8rem);
  vertical-align: top
}

.bloc_lexique .bloc_lettre:not(:last-child) {
  margin-right: 1.2rem
}

.bloc_lexique .bloc_lettre .titre {
  font-size: 4rem;
  color: #005187;
  font-weight: bold;
  padding-bottom: .5rem;
  border-bottom: .1rem solid #373737;
  margin-bottom: 1.2rem
}

.bloc_lexique .bloc_lettre a {
  color: #3C3C48;
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: 1rem;
  display: inline-block
}

.bloc_lexique .bloc_lettre li:before {
  content: none
}

.bloc_lexique ul {
  padding-left: 0
}

.nav_bloc {
  display: table;
  width: 100%;
  margin-bottom: 3.5rem
}

.nav_bloc>* {
  display: inline-block;
  float: left
}

.nav_bloc .next {
  float: right;
  text-align: right
}

.nav_bloc .btn {
  color: #003050;
  display: inline-block
}

.nav_actus {
  padding: 2.5rem 0;
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0 0 1.5rem 0rem
}

.nav_actus>* {
  max-width: 35rem
}

.content_in .lexique li:before {
  content: none
}

.content .content_in .lexique li {
  padding-left: 0
}

.content .content_in .lexique li a {
  text-decoration: none
}

/* page contenu type */
.fil_ariane {
  display: flex;
  justify-content: flex-start;
  line-height: 1.2;
  font-size: 0;
  margin: 0 auto;
  max-width: 132rem;
  padding: 2rem;
  position: relative
}

.fil_ariane>li {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

[class*='bg_preform_'] .fil_ariane {
  padding: 0;
  margin-bottom: 3.5rem;
  text-align: left
}

.fil_ariane>li:not(:last-child)>span {
  cursor: pointer
}

.fil_ariane li {
  display: inline;
  font-size: 1.3rem
}

.fil_ariane li:not(:last-child) {
  padding-right: .5rem
}

.fil_ariane li:not(:first-child) span:before {
  content: '>';
  color: #003050;
  padding-right: .5rem
}

.fil_ariane .card-breadcrumb {
  min-height: auto;
  padding: 4rem 2rem;
  grid-gap: 1.5rem
}

.fil_ariane .card-breadcrumb.active {
  display: flex
}

.fil_ariane .card-breadcrumb li {
  font-size: 1.6rem;
  padding: 0 !important;
  margin: 0 !important
}

.fil_ariane .card-breadcrumb li a {
  text-decoration: none
}

.fil_ariane .card-breadcrumb li:not(:first-child) span:before {
  transform: rotate(90deg);
  display: block;
  margin-bottom: 0.5rem;
  pointer-events: none
}

.fill_ariane li a {
  color: #0065AD
}

.fill_ariane li span {
  color: #003050
}

.content_in .first_img {
  margin-bottom: 1.5rem
}

.content_in .first_img img {
  max-width: 100%;
  width: 100%;
  display: block
}

.old_img {
  float: right;
  margin: 0 0 1.5rem 1.5rem
}

.h1_premium {
  font-size: 4rem;
  line-height: 1.25;
  text-align: center;
  font-weight: bold;
  margin: 2rem auto 3.5rem;
  max-width: 128rem;
  padding: 0 2rem;
  width: 100%
}

.col_right ul li:before {
  content: none
}

.content .col_title,
.bloc_wrapper .col .col_title {
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #005187;
  line-height: 1;
  display: block;
  margin: 0 0 2rem
}

.content .content_in {
  max-width: calc(100% - 40rem);
  display: inline-block;
  font-size: 1.6rem;
  margin: 0 0 5rem
}

.content .w100,
.content .content_calc {
  max-width: none
}

.content .content_calc {
  padding: 0
}

.content {
  max-width: 128rem;
  width: 100%;
  margin: 0 auto;
  font-size: 0
}

.content_msan {
  display: block !important;
  text-align: center;
  margin-top: 15px
}

.content_msan .content_in {
  max-width: 90rem !important;
  text-align: left
}

.col_right,
.col-right {
  width: 34rem;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 3rem 6rem;
  font-size: 1.5rem;
  position: relative
}

.bloc_partner {
  width: 32rem;
  display: inline-block;
  vertical-align: middle
}

.col_right a,
.bloc_wrapper a {
  color: #003050;
  text-decoration: none
}

.col_content {
  margin-bottom: 5rem;
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  padding: 2rem 1.5rem;
  background: #fff
}

.col_content ul+div {
  margin-top: 5rem
}

.col_right a:hover {
  text-decoration: none
}

.content .col_right ul {
  margin: 0;
  list-style: none
}

.content .col_right ul li {
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.4
}

.content .col_right ul li:not(:last-child),
.content .bloc_wrapper ul li:not(:last-child) {
  margin-bottom: 2rem
}

.content .writter {
  width: 100%;
  text-align: right;
  font-weight: 300;
  font-size: 1.4rem;
  margin: 0 0 1rem
}

.content_in .first_img+.writter {
  margin: -1.5rem 0 1rem;
  float: right
}

.content .writter span {
  font-weight: 600
}

.pa_left>p,
.pa_left>h2,
.pa_left>h3,
.pa_left>h4,
.pa_left>ul,
.pa_left>ol,
.pa_left>.cta_content,
.pa_left>iframe,
.pa_left+.nav_actus,
.pa_left>.graph_analyse,
.pa_left .embed_video,
.content_in .list_bloc,
.pa_left .taux_faq {
  margin-left: 12rem;
  width: calc(100% - 12rem);
  display: block
}

.share {
  float: left;
  margin-bottom: 1rem;
  top: 0
}

.share+div,
.share+table,
.share+blockquote {
  margin-left: 12rem
}

.content_in .share p {
  padding: 0;
  font-weight: 600;
  margin-bottom: 0
}

.share .rs_icon {
  display: table;
  margin: .75rem 0;
  margin-left: 6.5rem
}

.content_in blockquote p,
.content_in .note p {
  padding-left: 0
}

.entete_preform.small_preform {
  height: 22.5rem;
  overflow: hidden
}

.ep_select form {
  display: table;
  position: relative;
  z-index: 10;
  padding: .5rem;
  background: rgba(0, 0, 0, 0.25)
}

.small_preform .ep_title,
.op_bloc {
  text-align: center
}

.small_preform .ep_select {
  margin: 1.5rem auto;
  text-align: center;
  animation: fadeIn ease 0.1s forwards
}

.bloc_wrapper .nm_taux {
  margin-bottom: 1.5rem;
  font-size: 1.4rem
}

.bloc_wrapper .text_taux {
  font-size: 1.2rem;
  line-height: 1.4;
  margin: 1.5rem 0 0
}

.bloc_wrapper .text_taux+span {
  margin-top: 1rem
}

.col_right .text_taux {
  margin: 1.5rem 0 0;
  line-height: 1.4
}

.bloc_wrapper .col .nm_taux .text_taux p {
  display: block;
  text-align: center;
  font-size: 1.2rem;
  color: #fff
}

.col_right .text_taux p {
  margin-bottom: 0
}

.col_right .text_taux p:first-child {
  margin-bottom: .5rem
}

.col_right .text_taux+*,
.bloc_wrapper .text_taux+* {
  display: inline-block;
  font-weight: 700;
  margin-top: 0.5rem
}

.col_right .taux_c .text_taux {
  font-size: 1.3rem
}

.col_content .nm_taux span,
.bloc_wrapper .nm_taux span {
  padding: 0;
  margin: 0.25rem 0;
  font-size: 5.4rem;
  font-weight: 600
}

.col_right .col_content .nm_taux,
.bloc_wrapper .nm_taux {
  height: auto;
  display: flex;
  flex-direction: column;
  width: calc(100% + 3rem);
  border-radius: 1rem 1rem 0 0;
  margin: -2rem -1.5rem 2rem;
  background: #005187;
  color: #fff
}

.col_right .col_content .nm_taux p,
.bloc_wrapper .col .nm_taux p {
  font-weight: 600;
  font-size: 1.5rem;
  margin: 0
}

.content .col_right .text_taux.icon_rate {
  width: 100%;
  padding-left: 7.5rem;
  position: relative;
  margin-bottom: 2rem
}

.col_right .text_taux.icon_rate:before {
  position: absolute;
  left: 0;
  font-size: 7rem;
  color: #33637e;
  top: 50%;
  transform: translateY(-50%)
}

.nm_bloc.immo .nm_taux span {
  font-weight: 700
}

.nm_taux span {
  letter-spacing: -.2rem
}

.col_right a>span {
  display: block
}

.col_right .subtext,
.bloc_wrapper .subtext {
  display: block;
  font-weight: 400;
  color: #9fa0a1;
  font-size: 1.2rem;
  line-height: 1.4;
  margin-top: .75rem
}

.col_right .btn_orange a {
  color: #fff;
  font-size: 1.6rem;
  text-align: center
}

.col_right .col_sticky_title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  color: #005187;
  margin-bottom: 1rem
}

.col_right .col_sticky .popin-marker {
  position: absolute;
  margin-top: -0.2rem
}

.col_content img {
  max-width: 100%;
  height: auto
}

.col_right .col_sticky {
  position: relative;
  text-align: center;
  z-index: 1
}

.col_sticky_corner {
  position: absolute;
  right: 0;
  top: 0;
  padding: 1rem;
  background: #005187;
  border-radius: 0 1rem;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700
}

.col_sticky_content {
  position: relative;
  text-align: left
}

.col_sticky_circle {
  position: relative;
  width: 12.5rem;
  height: 9.6rem;
  margin-top: -5rem;
  display: inline-flex;
  justify-content: flex-end;
  flex-direction: column;
  color: #fff;
  font-weight: 700;
  padding: 1rem;
  padding-bottom: 2rem;
  overflow: hidden
}

.col_sticky_circle:before {
  content: '';
  position: absolute;
  min-width: 12.5rem;
  min-height: 12.5rem;
  background: #FE523B;
  border-radius: 50%;
  bottom: 0;
  left: 0;
  z-index: -1
}

.col_alternative .col_sticky_title {
  position: absolute
}

.sticky_content_bigger {
  font-size: 3.6rem;
  display: block;
  letter-spacing: -0.25rem;
  margin-top: 0.5rem
}

.col_content.col_sticky.col_alternative p {
  line-height: 1.5;
  text-align: center;
  margin: 2rem 0 1rem;
  font-size: 1.6rem
}

.col_content.col_sticky.col_alternative p span {
  display: block
}

.col_right .col_alternative .col_sticky_title {
  bottom: 1rem;
  white-space: nowrap
}

.oa_actu {
  width: calc(33.333% - 3rem);
  display: inline-table;
  vertical-align: top;
  margin: 0 2rem 2rem 0;
  font-size: 0
}

.oa_actu:last-child {
  margin: 0
}

.oa_actu img {
  width: 12rem;
  height: auto;
  border-radius: 1rem
}

.oa_text {
  display: inline-block;
  font-size: 1.4rem;
  text-align: left;
  width: calc(100% - 12rem);
  vertical-align: top;
  padding-left: 1.5rem;
  line-height: 1.4
}

.oa_text a {
  color: #3C3C46
}

.other_page {
  font-size: 0;
  margin-bottom: 1.5rem
}

.other_actu {
  padding: 4rem 0
}

.wrapper_wp+.bg_grey .other_page {
  padding-bottom: 8rem
}

.op_item {
  width: calc(25% - 1.13rem);
  height: 8rem;
  display: inline-table;
  vertical-align: top;
  font-size: 1.5rem;
  margin-right: 1.5rem;
  background: #fff;
  text-align: left;
  border-radius: 1rem
}

.op_item:nth-child(4n),
.op_item:last-child {
  margin-right: 0
}

.op_item:nth-last-child(n+5) {
  margin-bottom: 1.5rem
}

.op_item>* {
  color: #003050;
  display: table-cell;
  vertical-align: top;
  padding: 0 2rem;
  line-height: 1.2;
  text-decoration: none;
  vertical-align: middle
}

.col3 .op_item {
  width: calc(33.333% - 1rem);
  margin-right: 1.5rem
}

.col3 .op_item:nth-child(3n) {
  margin-right: 0
}

.col3 .op_item:nth-last-child(n+4) {
  margin-bottom: 1.5rem
}

.content .op_item a {
  color: #003050;
  text-decoration: none;
  transition: all 0.2s ease
}

.op_bloc .op_item.active_item {
  font-weight: 700
}

.op_bloc .op_item.active_item>* {
  color: #003050
}

.other_page .h2style,
.lh_bloc .h2style {
  line-height: 1
}

.other_page .h2style {
  display: table;
  width: auto;
  margin: 0 auto 2.5rem
}

.content .oa_actu:hover,
.content .oa_actu:hover a {
  text-decoration: none;
  color: #005187
}

.content .col_right ul li ul li {
  border: none;
  padding-left: 2rem
}

.actu_guide,
.other_guide,
.list_history,
.other_page,
.list_project {
  position: relative
}

.actu_guide:before,
.other_guide:before,
.list_history:before,
.other_page:before {
  content: '';
  position: absolute;
  background: #f1f2f7;
  left: 50%;
  width: 100vw;
  top: 0;
  height: 100%;
  transform: translateX(-50%);
  z-index: -1
}

.list_history,
.other_page {
  margin-bottom: 0;
  padding: 4rem 0;
  font-size: 0;
  border: none
}

.other_page+.other_page,
.list_history+.other_page {
  padding-top: 2rem
}

.og_help {
  font-size: 0;
  text-align: center;
  display: flex;
  gap: 2rem
}

.og_help+div {
  margin-top: 2.5rem
}

.og_help .og_item {
  display: flex;
  color: #003050;
  font-size: 1.5rem;
  font-weight: 700;
  position: relative;
  text-decoration: none;
  line-height: 1.25;
  text-align: center;
}

.og_help [class*=icon_] {
  width: 25%;
  max-width: 25rem;
  display: inline-table;
  padding: 7.5rem 2.5rem 1.5rem;
}

@media (max-width: 767.98px) {
  .og_help {
    flex-direction: column
  }

  .og_help .og_item {
    max-width: none;
    align-items: center;
    gap: 1.6rem;
    text-align: left;
  }

  .og_help .og_item br {
    display: none
  }
}

@media (min-width: 768px) {
  .og_help {
    justify-content: center;
    gap: 2rem;
    margin: 0 auto
  }

  .og_help .og_item {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    width: 25%;
  }

  .og_help .og_item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem
  }
}

@media (min-width: 1024px) {
  .og_help {
    gap: 4rem
  }
}

@media (min-width: 1280px) {
  .og_help .og_item {
    width: 20rem
  }
}

.col6 .og_item {
  max-width: 21rem
}

.col3 .og_item {
  width: 33%;
  max-width: none
}

.og_help .og_item:hover {
  text-decoration: none
}

.og_help .og_item a+p {
  font-weight: 400;
  margin-top: .5rem
}

.og_item:before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 6rem;
  color: #005187;
  width: auto
}

.content .actu_guide {
  border: none
}

.guide_actu .oa_actu {
  width: calc(50% - .75rem);
  display: inline-table;
  margin-bottom: 0;
  vertical-align: top
}

.guide_actu .oa_actu:nth-child(odd) {
  margin-right: 1.5rem
}

.guide_actu {
  margin-bottom: 3rem;
  display: inline-block;
  font-size: 0
}

.guide_actu:last-child {
  margin-bottom: 0
}

.content .guide_actu p {
  margin-bottom: 0
}

.content .guide_actu .oa_text p,
.content .guide_actu .oa_text a {
  line-height: 1.4
}

.content .guide_actu .oa_text a {
  font-weight: 600
}

/* page actualite */
.large_actu .la_item {
  font-size: 1.4rem;
  line-height: 1.4;
  position: relative
}

.large_actu .la_item img,
.grid_actu .ga_item img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block
}

.large_actu,
.grid_actu {
  margin-bottom: 3.5rem
}

.row_actu {
  border-top: .1rem dotted #dedfe0;
  border-bottom: .1rem dotted #dedfe0;
  padding: 1rem 0;
  margin-bottom: 0
}

.row_actu .la_item {
  width: 100%
}

.content .row_actu .la_item a {
  display: inline-block
}

.row_actu .la_item .date {
  margin: 1rem 0
}

.content .la_item a,
.content_in .ga_item a {
  color: #003050;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 1rem 0;
  display: block;
  line-height: 1.5;
  text-decoration: none
}

.grid_actu .ga_item .date,
.large_actu .la_item .date {
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-top: auto;
  font-size: 1.5rem;
  font-weight: 600
}

.grid_actu .ga_item,
.large_actu:not(.row_actu) .la_item {
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1.4rem;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  margin-bottom: 3rem
}

.grid_actu .ga_item img,
.large_actu .la_item img {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem
}

.ga_item_body {
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem
}

.ga_item_body>a {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #003050
}

.content .ga_item a,
.content_ul .ga_item a {
  font-size: 1.5rem
}

.content .la_item p {
  margin-bottom: 1rem
}

.lh_bloc {
  background: #fff;
  font-size: 0;
  padding: 4rem;
  border-radius: 1rem;
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1)
}

.lh_item {
  display: inline-table;
  width: 33.333%;
  font-size: 1.4rem;
  padding: 0 0 2.5rem 5rem
}

.content .lh_item .year,
.list_history .lh_item .year {
  font-weight: 700;
  color: #0faad2;
  font-size: 1.6rem;
  margin-bottom: .5rem
}

.lh_item ul li {
  list-style: none
}

.content .lh_item ul li:before,
.list_history .lh_item ul li:before,
.content_ul .lh_item ul li:before {
  content: none
}

.content .lh_item a,
.content_ul .lh_item a,
.list_history .lh_item a {
  text-decoration: none;
  color: #3C3C48
}

.content .lh_item ul,
.content_ul .lh_item ul,
.list_history .lh_item ul {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  margin-top: 0;
  line-height: 1.75
}

.lh_item:nth-child(3n+1) {
  border: none
}

.lh_item ul:first-of-type {
  padding-right: 1.5rem
}

.col_taux {
  font-size: 1.4rem;
  width: calc(50% - 2rem);
  display: inline-table
}

.col_taux ul {
  width: 50%;
  display: inline-table;
  vertical-align: top;
  margin-bottom: 0
}

.col_taux .title {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1.5rem
}

.col_taux:first-child {
  border-right: .1rem solid #dedfe0;
  margin-right: 4rem
}

.col_taux ul li:not(:first-child) {
  margin-top: 1rem
}

.col_taux ul li:last-child {
  margin-bottom: 1rem
}

/* home guide */
.category_bloc {
  font-size: 0;
  margin: 0 0 4rem;
  display: table;
  width: 100%;
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1);
  border-radius: 1rem
}

.category_bloc img {
  width: 100%;
  height: auto;
  border-radius: 1rem 1rem 0 0
}

.category_bloc .title {
  font-size: 2.8rem;
  font-weight: 700;
  margin: 0 0 1rem;
  line-height: 1.2;
  color: #003050;
  text-align: center
}

.cb_content:nth-child(even) {
  float: left
}

.cb_content:nth-child(odd) {
  float: right
}

.bloc_letter .title,
.bloc_letter .subtitle {
  padding: 0 2rem
}

.cb_content {
  font-size: 1.6rem;
  width: 50%;
  display: inline-block;
  margin-top: 2rem;
  vertical-align: top
}

.content .category_bloc .cb_content>*,
.content_in .category_bloc .cb_content>* {
  display: block;
  margin: 0 0 2rem 0;
  color: #003050;
  text-decoration: none;
  line-height: 1.4
}

.content .category_bloc .cb_content a,
.content_in .category_bloc .cb_content a {
  color: #003050;
  text-decoration: none
}

.content .category_bloc .cb_content .subtitle {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1.5rem
}

.category_bloc .category_body {
  display: table;
  width: 100%;
  padding: 2.5rem;
  font-size: 1.6rem
}

/* page partenaires commerciaux */
.client-data {
  display: block
}

.partner-data {
  margin-left: 1rem
}

/* pages taux immo et conso */
[class*='trend']:before {
  font-size: 1.5rem;
  color: #fcb200
}

.trend_down:before {
  color: #009bbc;
  transform: rotateZ(45deg)
}

.trend_up:before {
  color: #ff743e;
  transform: rotateZ(-45deg)
}

.st0_on,
.st0_off:hover {
  fill: #005187;
  ;
  cursor: pointer
}

.st0_off {
  fill: #f1f2f7
}

.tab_taux .titre_tab_contenu {
  background: #005187
}

.tab_taux .empty {
  background: #fff;
  width: 7rem
}

.bloc_baro .tab_taux .tab_contenu .titre_tab_contenu.empty {
  background: #fff;
  width: 20rem
}

.bloc_baro .tab_taux caption {
  font-weight: bold
}

.bloc_baro .tab_taux tr:nth-child(2) .titre_tab_contenu {
  background: #003050;
  color: #fff
}

.bloc_baro .bloc_taux .nm_taux {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}

.tab_taux .tab_contenu tbody,
.tab_taux .tab_contenu_custom tbody {
  border: .1rem solid #dedfe0
}

.content_in table p,
.content_in table ul {
  line-height: 1.4;
  padding-left: 0
}

.content_in .tab_taux table.tab_contenu {
  margin-bottom: 0
}

.content_in .tab_taux .tab_contenu thead+tbody tr:first-child td {
  color: initial
}

.content_in .tab_taux table.tab_contenu tr:first-child {
  background: none
}

.emp_select {
  position: relative
}

.emp_select select {
  width: 100%;
  color: #005187;
  border-radius: 3rem
}

.bloc_titre_reg {
  margin: 0 0 2.5rem 0;
  max-width: 40rem;
  width: 100%
}

.bloc_titre_reg label select {
  height: 5rem
}

.map_taux .map {
  display: flex;
  flex-direction: column;
  align-items: center
}

.map_taux .tab_taux td {
  text-align: center
}

.content_in .mention_taux {
  font-size: 1.2rem;
  line-height: 1.2;
  margin: .75rem 0 2.5rem;
  text-align: right;
}

.content_in .bloc_taux+.mention_taux {
  margin: .5rem 0
}

.histo_taux .emp_select {
  width: calc(33.333% - .5rem);
  display: inline-table;
  margin: 0 .75rem 1rem 0
}

.histo_taux {
  display: table;
  width: 100%
}

.histo_taux .emp_select:last-child {
  margin: 0
}

.content_in .bloc_baro+.bloc_baro {
  margin-top: 3.5rem
}

.content_in a.nm_taux,
.content_in div.nm_taux {
  text-decoration: none;
  color: #fff
}

.bloc_taux {
  position: relative;
  display: table;
  width: 100%
}

.bloc_taux img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 1rem 1rem 0 0
}

.bloc_taux .nm_taux {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2rem;
  background: rgba(4, 170, 211, .9)
}

.bloc_baro .bloc_taux .nm_taux sup {
  font-size: 2rem
}

.content_in .subtitle_baro,
.content_in .all_baro {
  display: inline-block;
  width: auto;
  margin-bottom: .5rem
}

.content_in .all_baro {
  float: right;
  font-weight: 700
}

.content .content_in .all_baro a {
  color: inherit;
  text-decoration: none
}

.form_taux_trav>* {
  display: inline-block;
  width: auto
}

.form_taux_trav label {
  margin: 0 1.5rem .5rem 0
}

.embed_video {
  position: relative;
  padding-bottom: 48.6%;
  height: 0;
  margin: 0 0 2.5rem 0
}

.embed_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1rem
}

.embed_video div[data-hide-on-vendor-consent] {
  width: 100%;
  height: 100%;
  background: #dce3e8;
  z-index: 10;
  position: absolute;
  border-radius: 1rem
}

.embed_video div[data-hide-on-vendor-consent] button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 25rem;
  padding: 1rem 2rem;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 600
}

.content-video {
  max-width: 68rem;
  margin: 0 auto
}

.custom_baro_page {
  display: table
}

.custom_baro_page>* {
  display: table-cell;
  vertical-align: top
}

.custom_baro_page .tab_taux {
  max-width: 100%;
  width: 40rem
}

.custom_baro_page .cbp_txt {
  padding-right: 3.5rem
}

.bloc_video {
  max-width: 76rem;
  margin: 0 auto 2.5rem
}

.bloc_video .embed_video {
  padding-bottom: 54%
}

.about_emp.about_emp_video .h2style {
  text-align: center
}

/* .h2style2, .nm_simulateur h2, .bloc_actualites h2, .about_emp .h2style, .bloc_actualites .h2style, .nos_metiers .h2style, .other_page .h2style, .bloc_partners .h2style, .content_in .h2content{font-size:4rem;line-height:1.3;color:#003050}*/
.content_in .h2content {
  margin-bottom: 1.5rem;
  font-weight: 700
}

.about_emp.about_emp_video .embed_video,
.bloc_content.about_new_emp_video .embed_video {
  width: 45rem;
  padding-bottom: 19.8%;
  display: inline-table;
  margin: .5rem 3rem 1rem 0;
  float: left
}


/********bloc temporaire************/
.event_calendar {
  display: flex;
  grid-gap: 3rem;
}

.event_calendar .extend {
  width: 28%;
  font-size: 1.4rem;
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1);
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.event_calendar img {
  width: 100%;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.event_calendar .date {
  text-align: right;
}

.event_calendar .ga_item_body {
  background-color: #FFF;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  line-height: 1.25;
}

/********fin bloc temporaire************/

/*tableau arrondi*/
table th:first-child,
table td:first-child,
.tab_contenu_custom td:first-child,
.tab_contenu_custom th:first-child,
.tab_contenu td:first-child,
.tab_contenu th:first-child {
  border-left: none
}

.content_in .tab_contenu_custom,
.content_in .tab_contenu,
.content_in table {
  border-radius: 1rem;
  border-spacing: 0;
  border-collapse: separate
}

.content_in table th {
  border-top: none;
  vertical-align: middle
}

.content_in caption {
  font-weight: 600;
  font-size: 1.8rem;
  color: #003050;
  margin-bottom: 1rem;
  text-align: left;
}

.table-info {
  margin-top: -2rem;
}

.table-info>* {
  font-size: 1.2rem;
}

.tab_contenu_custom th,
table td,
.tab_contenu_custom th,
.tab_contenu td,
.tab_contenu th,
table td,
table th {
  padding: 1.5rem
}

.tab_contenu_custom tr,
table tr {
  text-align: left
}

table th.tab_contenu_custom th,
.tab_contenu th {
  border-top: none
}

.content_in table:not([class]) tr:first-child>th,
.content_in table:not([class]) tr:first-child>td {
  color: #fff
}

.content_in table tr:last-child td:first-child {
  border-radius: 0 0 0 1rem
}

.content_in table tr:last-child td:last-child {
  border-radius: 0 0 1rem 0
}

.content_in table:not([class]) tr td .btn_orange {
  display: table;
  padding: 1rem 2.5rem;
  margin: auto
}

.content_in table:not([class]) tr td .btn_orange span {
  display: table-cell;
  vertical-align: middle
}

.tab_contenu_custom th:first-child,
.tab_contenu th:first-child {
  border-radius: 1rem 0 0 0
}

.tab_contenu_custom th:last-child,
.tab_contenu tr:first-child th:last-child {
  border-radius: 0 1rem 0 0
}

.tab_contenu_custom tr:last-child td:first-child,
.tab_contenu tr:last-child td:first-child {
  border-radius: 0 0 0 1rem
}

.tab_contenu_custom tr:last-child td:last-child,
.tab_contenu tr:last-child td:last-child {
  border-radius: 0 0 1rem 0
}

.tab_taux .tab_contenu_custom .titre_tab_contenu {
  background: #fff
}

.content_in table tr td[colspan="2"] {
  text-align: center
}




/* page agences */
.carte_coord .carte_fr {
  width: 100%;
  height: 55rem
}

[data-requires-vendor-consent="Gmaps"] {
  background: #dce3e8;
  display: flex !important;
  align-items: center;
  justify-content: center
}

.carte_coord .coord {
  float: right;
  width: 32rem;
  line-height: 120%
}

.gg_info_ea {
  display: flex;
  flex-direction: column;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 1.4rem;
  padding: 1.2rem 2rem 1.2rem
}

.gg_info_ea .stitre {
  font-weight: 700;
  margin-bottom: 0.1rem;
  font-size: 1.6rem
}

.gg_info_ea .titre {
  font-size: 1.1rem;
  color: #003050
}

.gg_info_ea .titre span {
  color: #5e5b5c
}

.carte_coord .gg_info_ea .btn {
  margin: 1.2rem auto 0
}

.carte_coord .coord .intitule {
  color: #32647f
}

.carte_coord .gm-style .gm-style-iw-c,
.carte_coord .gm-style .gm-style-iw-d {
  max-width: 28rem !important
}

.carte_coord .gm-ui-hover-effect {
  width: 40px !important;
  height: 40px !important
}

.carte_coord .gg_info_ea b {
  font-weight: 400
}

.gm-ui-hover-effect>span {
  background-color: #005187;
  width: 20px !important;
  height: 20px !important
}

.carte_coord .coord .ag_nom {
  font-weight: bold;
  color: #32647f;
  text-transform: uppercase
}

.bl_acceo {
  display: table;
  margin: .4rem auto;
  border-collapse: separate;
  border-spacing: .5rem 0;
  color: #a51984;
  font: normal 1.4rem 'Arial', sans-serif
}

.bl_acceo span,
.bl_acceo img {
  display: table-cell;
  vertical-align: middle
}

.bl_acceo.ag_acceo {
  margin: 1.1rem 0;
  margin-left: -.5rem;
  color: #f8ab0e
}

.content_in .agence_card p {
  font-size: 1.6rem;
  padding-right: 1.5rem;
  margin-bottom: 1.5rem;
  line-height: 1.5
}

.content_in .agence_card {
  font-size: 0;
  padding: 2rem;
  margin-bottom: 2rem;
  background: #f1f2f7
}

.ac_col {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding-left: 4rem
}

.ac_col:first-child {
  border-right: .1rem solid #dce3e8;
  padding: 0
}

.ac_col .icon_acceo {
  color: #f8ab0e;
  padding-left: 2.5rem;
  position: relative
}

.ac_col .icon_acceo:before {
  font-size: 3rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

.content .list_agence {
  font-size: 0;
  width: 100%;
  display: table;
  margin-top: 4rem
}

.list_agence>* {
  font-size: 1.6rem;
  display: inline-table
}

.list_agence .col {
  width: calc(16.65% - 1.5rem);
  text-align: left;
  margin-right: 1.5rem;
  display: inline-table
}

.list_agence .col>* {
  font-size: 1.4rem;
  display: table;
  line-height: 1.25;
  margin: 0 0 .75rem 0;
  cursor: pointer;
  color: #005187
}

.item_agence {
  min-height: 22rem;
  width: 100%;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 .4rem 1.5rem rgba(0, 0, 0, 0.15)
}

.item_agence p {
  margin-bottom: 0;
  line-height: 1.5
}

.item_agence .title {
  display: block;
  margin-bottom: 1.5rem;
  color: #005187;
  font-size: 2.2rem
}

.item_agence:last-child {
  margin-bottom: 0
}

.bloc_agence {
  width: 100%;
  font-size: 0;
  margin-bottom: 2.5rem
}

.item_agence .arrow {
  position: absolute;
  right: 2.5rem;
  bottom: 1.5rem;
  font-weight: 700
}

.item_agence .img_agence img {
  max-width: 100%;
  object-fit: cover;
  border-radius: 1rem 1rem 0 0
}

.item_agence .content_agence {
  padding: 1rem 1.5rem 3rem;
  width: 100%
}

.appel-agence {
  margin-bottom: 2rem
}

.tel-agence,
.geo-agence {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  text-align: center;
  margin-right: 0.5rem
}

.fa_bloc:first-of-type p {
  margin-bottom: 1.5rem;
  line-height: 1.5
}

.fa_bloc:first-of-type {
  font-size: 1.6rem;
  margin-bottom: 2.5rem
}

.hours-agence .opening,
.bloc-contact-agence {
  display: inline-block
}

.bloc-contact-agence {
  color: #005187
}

.content .fa_item>* {
  margin-bottom: 0;
  line-height: 1.5
}

.content .fa_item>*:first-child {
  font-size: 1.6rem;
  font-weight: 400;
  display: grid;
  gap: 2rem;
  grid-template-columns: 8.5rem auto
}

.fa_item.day_on {
  color: #005187
}

.fiche_agence .fa_bloc .title {
  font-size: 2rem
}

.fa_img {
  display: block;
  width: 43.2rem;
  float: left;
  margin-right: 2rem
}

.fiche_agence .fa_bloc:first-of-type:after {
  content: '';
  display: table;
  clear: both
}

.fa_bloc:first-of-type p span:first-child {
  display: table
}

.fiche_agence .fa_bloc:first-of-type a span {
  display: inline-block
}

.fiche_agence .carte_agence {
  height: 25rem
}

.table-w60 {
  max-width: 64rem;
  margin: 0 auto;
  padding: 3rem 0 6rem
}

.verticale-middle {
  vertical-align: middle
}

/* tns slider */
.tns-outer {
  padding: 0 !important
}

.tns-outer [hidden] {
  display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s
}

.tns-slider>.tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
  float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
  margin-right: -100%
}

.tns-no-calc {
  position: relative;
  left: 0
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px
}

.tns-gallery>.tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active {
  position: relative;
  left: auto !important
}

.tns-gallery>.tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s
}

.tns-autowidth {
  display: inline-block
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6
}

.tns-lazy-img.tns-complete {
  opacity: 1
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s
}

.tns-ovh {
  overflow: hidden
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em
}

.tns-transparent {
  opacity: 0;
  visibility: hidden
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0
}

.tns-normal,
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1
}

.tns-vpfix {
  white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
  display: inline-block
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0
}

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both
}

.tns-t-ct>div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left
}

.tns-inner {
  overflow: hidden
}

.tns-controls {
  display: block
}

.shadow {
  box-shadow: 0 0.3rem 0.6rem #e00000;
  padding: 3rem;
  background: #fff;
  display: flex;
  justify-content: center
}

.tns-outer [hidden] {
  display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer
}

.tns-slider {
  -webkit-transition: all 0;
  -moz-transition: all 0;
  transition: all 0
}

.tns-slider>.tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
  display: inline-flex;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: top;
  white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
  float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
  margin-right: -100%
}

.tns-no-calc {
  position: relative;
  left: 0
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px
}

.tns-gallery>.tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0;
  -moz-transition: transform 0s, opacity 0;
  transition: transform 0s, opacity 0
}

.tns-gallery>.tns-slide-active {
  position: relative;
  left: auto !important
}

.tns-gallery>.tns-moving {
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  transition: all .25s
}

.tns-autowidth {
  display: inline-block
}

.tns-lazy-img {
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  transition: opacity .6s;
  opacity: .6
}

.tns-lazy-img.tns-complete {
  opacity: 1
}

.tns-ah {
  -webkit-transition: height 0;
  -moz-transition: height 0;
  transition: height 0
}

.tns-ovh {
  overflow: hidden
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em
}

.tns-transparent {
  opacity: 0;
  visibility: hidden
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0
}

.tns-normal,
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1
}

.tns-vpfix {
  white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
  display: inline-block
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0
}

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both
}

.tns-t-ct>div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left
}

.box-avis {
  font-family: "Poppins", sans-serif;
  font-size: 1.3rem;
  color: #424242;
  font-weight: 400;
  text-align: center;
  margin: 0 1rem;
  border: 0.1rem solid #CBCBCB;
  border-radius: 0.4rem;
  box-shadow: 0 .4rem .8rem rgba(0, 0, 0, 0.25)
}

.box-body {
  padding: 1.5rem 1rem;
  min-height: 17rem;
  display: flex;
  flex-direction: column;
}

/*Avis angence*/
.content-goggle-avis {
  display: flex;
  padding: 0 0 5rem
}

.content-txt-avis {
  width: 25%;
  margin: auto;
  text-align: center
}

.content-txt-avis .titre-avis-google {
  font-size: 2.4rem;
  color: #042549;
  margin: auto
}

.content-txt-avis .avis-stars {
  font-size: 6.4rem;
  font-weight: bold;
  color: #042549
}

.content-txt-avis .text-avis img {
  position: relative;
  top: 0.3rem;
  left: 0.3rem
}

.bloc-google-avis {
  width: 70%;
  margin: auto;
  position: relative;
  z-index: 50
}

.bloc-google-avis .box-nom-avis {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  border-top: 0.1rem solid #005187;
  color: #042549;
  padding-top: 0.5rem;
  margin: auto 0 0
}

.bloc-google-avis .customize-tools button {
  position: absolute;
  top: 45%;
  background-color: transparent;
  cursor: pointer
}

.bloc-google-avis .customize-tools button:first-child {
  left: -1rem
}

.bloc-google-avis .customize-tools button:last-child {
  right: -1rem
}

.content .txt-avis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  color: #042549;
  line-height: 1.8rem;
  margin-top: 0.5rem
}

.content .pointer {
  cursor: pointer
}

.content .toggle_display {
  display: block
}

/* bloc specifique comparer offres */
.grid-3-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3rem
}

.grid-offers .grid-title {
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.25
}

.grid-offers .grid-title span {
  color: #51AE32
}

.grid-offers .grid-box {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.10);
  padding: 2.5rem 2rem;
  margin: 2.5rem 0
}

.grid-offers .content-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 2.5rem
}

.grid-offers .content-box img {
  max-width: 13rem;
  margin-right: 4rem
}

.grid-offers .text-box span {
  font-weight: 700
}

.grid-offers .text-box .small-font {
  font-size: 1.4rem;
  display: block;
  margin-bottom: 1rem
}

.grid-offers .text-box .big-font {
  font-size: 4.5rem
}

.grid-offers .grid-box .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin-bottom: 2.5rem
}

.grid-offers .grid-box .fe-btn-offre {
  display: flex;
  align-items: center;
  padding: 0 2rem;
  height: 4.5rem;
  background: #FE523B;
  color: #fff;
  font-weight: 600;
  border-radius: 3rem;
  transition: box-shadow ease 0.25s
}

.grid-offers .grid-box .fe-btn-offre:hover {
  box-shadow: 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.1)
}

.grid-offers .grid-box .show-more {
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 4rem);
  height: 4.5rem;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  margin: 0 -2rem -2.5rem;
  border-top: 0.1rem solid #D0D2D8;
  cursor: pointer
}

.grid-offers .details-box {
  display: none;
  margin-top: 4rem
}

.grid-offers .details-box .tiny-font {
  font-size: 1.4rem
}

.grid-offers .active+.details-box {
  display: block
}

.grid-offers .informations-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2.5rem;
  font-size: 1.25rem
}

.grid-offers .informations-box>span:first-child {
  width: 11rem;
  font-weight: 600
}

.grid-offers .informations-box>span:last-child {
  font-size: 2.2rem
}

.grid-offers .grid-box .card-body {
  border: 0.1rem solid #D0D2D8;
  border-radius: 1rem;
  padding: 0
}

.grid-offers .details-title {
  font-size: 1.4rem;
  font-weight: 700;
  margin: 3rem 0 1rem
}

.grid-offers .sm-body span {
  position: relative;
  width: 100%;
  display: block;
  padding: 0;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.5
}

.grid-offers .sm-body>span {
  padding: 1.5rem 4rem 1.5rem 1.5rem
}

.grid-offers .sm-body svg {
  margin-left: 0.5rem
}

.grid-offers .accordion-item-header span:after {
  margin-left: auto
}

.grid-offers .card-box {
  display: none;
  padding: 0 1.5rem 1.5rem
}

.grid-offers .card-box p {
  font-size: 1.4rem;
  line-height: 1.5
}

.is-active+.details-box,
.grid-offers .active+.card-box {
  display: block
}

.grid-offers .accordion-item-header.is-disabled {
  background: #edf2f9
}

.grid-offers .accordion-item-header:not(:last-child) {
  border-color: #D0D2D8
}

.grid-offers .show-more svg {
  margin-left: 1rem;
  transition: transform ease-in-out 0.25s
}

.grid-offers .show-more.is-active svg {
  transform: rotate(180deg)
}

.grid-offers .sm-body span:after {
  content: ''
}

.grid-offers .sm-body>span:after {
  content: '';
  background: url(/assurance-pret/formulaire/imgs/svg/up-down.svg) no-repeat right center;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.2rem;
  height: 1.2rem;
  transition: transform ease-in-out 0.25s
}

.grid-offers .sm-body.active>span:after {
  transform: translateY(-50%) rotate(180deg)
}

.note-block {
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  line-height: 1.4
}

.note-block span {
  margin-right: 1rem
}

/* styles specifiques univers */
.bloc_project .ep_select {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 2rem 0
}

.bloc_project {
  height: 22rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%
}

[class*=lp_bloc] {
  display: inline-table;
  height: 25rem;
  background: #fff;
  font-size: 1.5rem;
  background-repeat: no-repeat;
  box-shadow: 0 0.4rem 2rem 0 rgb(0, 0, 0, 0.15)
}

.list_project {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  font-size: 0;
  position: relative
}

.lp_content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 2rem
}

.lp_content>* {
  margin: 1rem auto
}

.lp_content .arrow {
  font-weight: bold;
  display: inline-block
}

[class*=lp_bloc] {
  padding-bottom: 12.5rem;
  vertical-align: top;
  background-position: right bottom;
  background-size: auto 12.5rem
}

.project_bloc {
  display: table;
  line-height: 1.2;
  margin: 0 0 3.5rem
}

.project_bloc>* {
  display: table-cell;
  vertical-align: middle
}

.project_bloc img {
  height: auto;
  width: 30rem;
  border-radius: 1rem
}

.pb_item {
  padding: 0 2.5rem
}

.pb_item .title {
  color: #003050;
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  display: inline-block
}

.pb_item .title:hover {
  text-decoration: none
}

.label_cpt {
  font-size: 0;
  display: table;
  width: 100%;
  max-width: 85rem;
  margin: 0 auto;
  padding: 3rem 2rem
}

.label_cpt>* {
  display: inline-table;
  vertical-align: middle;
  font-size: 1.8rem
}

.img_label {
  width: 26rem;
  max-width: 100%;
  margin-right: 3rem
}

.label_cpt .img_label img {
  width: 100%;
  max-width: 26rem;
  height: auto
}

.fil_ariane+.label_cpt {
  padding-top: 0
}

.txt_label {
  width: calc(100% - 29rem);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4
}

/* styles pages specifiques */
.list_guide {
  font-size: 0;
  margin-bottom: 4rem;
  padding-bottom: 4rem;
  border-bottom: .1rem solid #dedfe0
}

.content .lg_item {
  margin: 0 1.5rem 0 0;
  height: 8rem;
  background: #f1f2f7;
  font-size: 1.5rem;
  display: inline-table;
  width: calc(33.333% - 1rem);
  border-radius: 1rem
}

.content .lg_item:last-of-type {
  margin-right: 0
}

.content .lg_item>* {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  padding: 0 1.5rem;
  color: #003050;
  font-weight: 700
}

.content .content_in .lg_item a:hover {
  text-decoration: none
}

.list_guide:after {
  content: '';
  display: block;
  clear: both
}

.list_letter {
  font-size: 1.5rem;
  padding: 0 2rem;
  margin: 1rem 0 4rem
}

.list_letter>* {
  display: table;
  width: 100%;
  line-height: 1.2;
  padding: 2rem 1rem 2rem 4rem;
  font-weight: 600
}

.list_letter>*:not(:last-child) {
  border-bottom: .1rem solid #dedfe0
}

.content_in .list_letter a {
  color: #3C3C3E;
  position: relative;
  text-decoration: none
}

.list_letter>*:before {
  font-size: 4rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3.5rem;
  height: 3.5rem;
}

.category_bloc .subtitle {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 700;
  margin: .25rem 0 1rem
}

.lettre_type {
  background: #f1f2f7;
  padding: 4rem 5.5rem;
  margin-bottom: 4rem
}

.dl_lettre {
  display: table;
  position: relative;
  height: 7.5rem;
  width: 100%;
  border-width: .1rem .1rem 0 .1rem;
  border-style: solid;
  border-color: #f1f2f7
}

.dl_lettre a {
  display: table-cell;
  text-align: center;
  font-weight: 700;
  vertical-align: middle;
  padding-left: 5.5rem;
  color: #005187
}

.dl_lettre a:before {
  font-size: 5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -5.5rem
}

.dl_lettre:hover {
  background: #005187
}

.dl_lettre:hover a,
.dl_lettre:hover a:before {
  color: #fff
}

.grid_social {
  margin: 1.5rem 0;
  font-size: 0;
  width: 100%
}

.gs_item {
  display: table;
  background: #fff;
  padding: 2rem 1.5rem;
  font-size: 1.6rem;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto
}

.grid_social .gs_item {
  width: calc(25% - 1.125rem);
  border-bottom: 1.5rem solid #f1f2f7
}

.gs_item p {
  line-height: 1.4;
  margin: 0 0 1.5rem
}

.gs_item p:last-child {
  margin: 0
}

.gs_item a {
  color: inherit
}

.gs_item img {
  width: 100%;
  margin: 0 0 1.5rem
}

.grid_social .gs_item a {
  float: right;
  margin-top: 1.5rem;
  text-decoration: none
}

.gs_item .title {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
  color: #005187;
  margin: 0 0 1rem
}

.filters {
  display: table;
  margin: 1rem auto 3.5rem;
  text-align: center
}

.filters>* {
  background: #fff;
  padding: .75rem 1rem;
  margin: 0 1rem 1rem 0;
  display: inline-block;
  cursor: pointer
}

.filters>*:last-child {
  margin-right: 0
}

.content_in .filters .active {
  color: #04afdd
}

.content_in .filters>*:not(.active):hover {
  color: #005187
}

.show_more {
  font-size: 1.5rem;
  display: table;
  margin: 0 auto;
  font-weight: 700;
  position: relative
}

.show_more:after {
  content: '>';
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotateZ(90deg);
  top: 1.75rem
}

.bloc_static {
  padding: 0;
  font-size: 1.5rem;
  border: none;
  background: none
}

.bloc_static .com_bloc {
  background: #005187;
  color: #fff
}

.bloc_static>* {
  padding: 2rem 1.5rem;
  display: inline-block;
  width: 100%;
  background: #fff;
  margin-bottom: 1.5rem;
  border-radius: 1rem
}

.bloc_static .title {
  color: #003050
}

.bloc_static .com_bloc .title {
  color: #fff;
  position: relative;
  padding-left: 6rem;
  margin-bottom: 2rem
}

.bloc_static .com_bloc .title:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

.grid_social .gs_item .bs_bloc a {
  float: none;
  font-weight: 700;
  color: #003050;
  display: table;
  position: relative;
  padding: 1rem 1rem 1rem 4.5rem;
  text-decoration: none
}

.bloc_static .com_bloc .icon_contact:before {
  background: url(/imgs/icons/icon-contact-white.svg);
}

.grid_social .gs_item .bs_bloc a:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3.5rem;
  height: 3.5rem;
}

.simulation_pinel .h1_premium {
  text-align: left;
  padding: 1rem 0 0 0
}

.simulation_pinel form {
  margin: auto;
  max-width: 800px;
  text-align: center;
  background: #FFF;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.6rem;
  margin: 50px auto;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 4rem 2rem 2.5rem
}

.simulation_pinel form .block_simulation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 50rem;
  margin: auto;
  padding-bottom: 5rem
}

.simulation_pinel form .block_simulation h4 {
  font-weight: 700;
  font-size: 2rem
}

#input_montant_impo {
  display: block;
  width: 100%;
  height: 6rem;
  padding: 0.6rem 1.2rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  position: relative;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  min-width: 0;
  margin-bottom: 0;
  border-radius: .6rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.simulation_pinel form .block_simulation div {
  position: relative
}

.simulation_pinel form .block_simulation div span {
  font-size: 1.6rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .6rem 1.2rem;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  color: #003050;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .4rem;
  -ms-flex-pack: center;
  justify-content: center;
  width: 8rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px
}

#submit_simulation {
  background-color: #1babd1;
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  padding: 1.7rem 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  border-radius: 0.6rem;
  cursor: pointer
}

#submit_simulation:hover {
  opacity: 0.8
}

.simulation_pinel form .block_simulation span {
  font-size: 1.4rem
}

.simulation_pinel .conteiner .marge-liste {
  margin-left: 30px
}

.simulation_pinel form .erreur {
  color: #fe0000
}

.form_montant_impot {
  border-radius: 0.6rem
}

.simulation_pinel .input-group {
  width: 100%;
  height: calc(5.8rem + 2px);
  margin-bottom: 2rem
}

/*new preform simulez votre baisse d'impôts*/
.simuler-impots {
  display: inline-block;
  margin-right: 0.7rem
}

.simuler-impots .input-group {
  width: 33rem
}

.simuler-impots .input-group,
.simulation_pinel .input-group {
  position: relative;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.input-group>.form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group .form-control {
  display: block;
  width: 100%;
  height: 4rem;
  padding: .6rem 1.2rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  position: relative;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  min-width: 0;
  margin-bottom: 0;
  border-radius: .6rem
}

.input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .6rem 1.2rem;
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.6;
  color: #003050;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .4rem;
  -ms-flex-pack: center;
  justify-content: center;
  width: 8rem
}

.simuler-impots .input-group-text {
  background-color: #fff;
  font-weight: 600;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 4rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  border-radius: 0 2.5rem 2.5rem 0
}

.simuler-impots .input-group .form-control {
  border-top-left-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem;
  height: 5rem;
  border-right: 0
}

.small-preform {
  display: block;
  padding-top: 2rem;
  font-size: 1.4rem;
  color: #3C3C3E
}

.sticky .small-preform {
  color: #9e9e9e;
  padding: 0 0 1rem 0;
  text-align: center;
  padding-right: 1rem
}

/*effet btn*/
.block_simulation .like-focus~span {
  border-color: #005187 !important;
  background: #005187 !important;
  color: #fff !important
}

.block_simulation .like-focus {
  border-color: #005187 !important
}

.block_simulation .form-control:focus {
  border-color: #005187 !important
}

.block_simulation .form-control:focus~span {
  border-color: #005187;
  background: #005187;
  color: #fff
}

/* espace presse & groupe */
.ep_bloc,
.bloc_contact .bc_bloc {
  padding: 2rem;
  background: #fff;
  border-radius: 1rem;
  word-break: break-word
}

.bloc_press .ep_bloc+.ep_bloc,
.bloc_contact .bc_bloc+.bc_bloc {
  margin-top: 1.5rem
}

.ep_bloc>*:last-child {
  margin-bottom: 0
}

.ep_bloc.list_letter {
  padding: 0 2rem;
  margin: 0;
  border-radius: 1rem
}

.ep_bloc.list_letter>* {
  border: none
}

.content_in .bp_title {
  margin-bottom: .5rem;
  text-transform: uppercase;
  font-size: 1.5rem;
  color: #003050
}

.bloc_press+.all_actus:not(:last-child) {
  margin: 1rem 0 4rem
}

.ep_itw>* {
  display: table
}

.ep_itw,
.content_in .bloc_texte a {
  display: block
}

.ep_bloc_header {
  display: flex;
  align-items: center;
  flex-direction: column;
  grid-gap: 2rem;
  margin-bottom: 3rem
}

.ep_itw {
  display: flex;
  grid-gap: 2rem;
  align-items: flex-start
}

.ep_bloc_header img {
  max-width: 18rem;
  max-height: 6rem;
  width: auto;
  height: auto
}

.ep_itw:after {
  content: '';
  display: table;
  clear: both
}

.ep_bloc p,
.content_in .bloc_texte a {
  line-height: 1.5;
  margin: 0 0 1rem;
  color: #3C3C3E;
  text-decoration: none
}

.content_in .ep_bloc [class*="visu_"] {
  display: inline-block;
  width: auto;
  padding: .5rem 1rem;
  margin: 0 1rem 0 0;
  text-decoration: none;
  color: #005187;
  border: .1rem solid #005187
}

.content_in .ep_bloc [class*="visu_"]:hover {
  color: #fff;
  background: #005187
}

.content .show_other {
  font-weight: bold
}

.bloc_press:not(:first-of-type) {
  margin-top: 3.5rem
}

.content_in .filters a,
.content_in .show_more a {
  color: #003050;
  text-decoration: none
}

.gs_item.f_rdp img,
.gs_item .visu_bloc img {
  width: auto;
  max-width: 100%
}

.nav_rdp a {
  font-weight: 700
}

.nav_rdp .next {
  float: right
}

.nav_rdp:after {
  content: '';
  display: table;
  clear: both
}

.nav_rdp .previous {
  float: left
}

.form_revue select {
  width: auto
}

.form_revue label {
  margin: 0 0 1.5rem;
  display: inline-table
}

.content_in .eg_bloc {
  background: #fff;
  padding: 1rem 1.5rem;
  display: block;
  margin-top: 3rem;
  cursor: pointer
}

.group_bloc {
  font-size: 0;
  padding: 4rem 0
}

.group_bloc>* {
  display: inline-table;
  position: relative;
  font-size: 1.6rem;
  width: calc(50% - .75rem);
  background: #fff;
  height: 23rem;
  padding: 3rem 2rem;
  text-align: center;
  line-height: 1.75
}

.gb_item:not(:last-child) {
  margin-right: 1.5rem
}

.gb_item .title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.5rem
}

.gb_item .arrow {
  font-weight: 700;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%)
}

.bc_group div:before {
  color: #005187
}

.listing_presse {
  display: table;
  width: 100%;
  font-size: 0;
  line-height: 1.5
}

.listing_presse .item_press {
  width: 33.333%;
  font-size: 1.4rem;
  display: inline-table;
  vertical-align: top;
  text-align: center;
  padding: 2rem 3rem
}

.item_press img {
  display: table;
  margin: 1.5rem auto;
  max-width: 100%
}

.lp_txt {
  font-size: 1.5rem;
  margin: 2.5rem 0;
  text-align: center
}

.btn_content {
  display: table;
  margin: 0 auto
}

.btn_content>* {
  font-size: 1.6rem;
  height: 4rem;
  display: table-cell;
  vertical-align: middle
}

.it_bloc_txt:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 10rem;
  height: 10rem
}

.it_bloc_txt.icon_pdf {
  padding-bottom: 10rem;
  position: relative
}

.bc_group .icon_security:before {
  font-size: 6.5rem;
  top: 1.5rem
}

.bc_bloc .h3style+.tel:not(:last-child) {
  margin-bottom: 3rem
}

.content_in .bloc_contact .h3style {
  margin-bottom: .5rem
}

.bloc_contact .tel>* {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2
}

.bloc_contact .tel .acceo {
  margin: 0 2rem 0 1rem;
  color: #a41984
}

.bloc_contact .tel img {
  max-width: 100%
}

.bloc_contact .ep_select,
.bloc_contact label {
  display: table;
  margin: 0 0 2.5rem
}

.arealike {
  width: 100%;
  height: 20rem;
  padding: 1rem
}

.bloc_contact .btn_iceberg {
  display: table;
  margin: 0 auto
}

.bloc_contact label[for="civilite"] select {
  width: 15rem
}

label[for="message"] {
  width: 100%;
  margin-bottom: 1.5rem
}

.bloc_contact .inputlike,
.bloc_contact select {
  width: 100%;
  font-weight: 400
}

/*page auteur*/
.card-auteur {
  max-width: 84.5rem;
  margin: 0 auto 3rem;
  padding: 2rem;
  border-radius: 1rem;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  text-align: center
}

.card-auteur .content-link {
  display: block;
  text-align: center;
  padding-bottom: 1.5rem
}

.card-auteur .link-auteur {
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #003050
}

.card-auteur .icon_lkin:hover {
  text-decoration: none
}

.page-author .author {
  width: 6.2rem;
  margin: 0 auto;
  display: block;
  padding-bottom: 0.5rem
}

/*page auteurs*/
.grid-trio {
  display: grid
}

.card-valeur {
  display: flex;
  flex-direction: column;
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 2.5rem;
  border-radius: 1rem
}

.card-authors {
  display: grid
}

.card-authors .author {
  width: 10rem;
  height: 10rem;
  margin-right: 2.7rem
}

.card-authors .description {
  display: flex;
  flex-direction: column;
  color: #3C3C3C;
}

.card-authors .poste-bloc {
  font-size: 1.6rem;
  line-height: 1.2;
  margin-bottom: 0.5rem
}

.content-author {
  display: flex;
  align-items: center;
}

.card-valeur {
  row-gap: 1rem
}

.card-valeur .h3style {
  margin-bottom: 0;
  line-height: 1.4
}

.card-valeur .txt-descript {
  color: #3C3C3C
}

.lien-author {
  text-decoration: none
}

.reviewer {
  display: block
}

/* Styles pour les liens */
.lien-reviewer,
.lien-author {
  text-decoration: underline;
  cursor: pointer;
  position: relative;
}

/* Styles pour les popins */
.reviewer-popin,
.author-popin {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  width: 200px;
  z-index: 1;
}

/* Styles pour afficher les popins au clic */
.lien-reviewer:focus+.reviewer-popin,
.lien-author:focus+.author-popin {
  display: block;
  z-index: 2;
}

/* Styles pour masquer les popins sur mobile */
@media (max-width: 768px) {

  .reviewer-popin,
  .author-popin {
    display: none
  }
}

@media only screen and (max-width:767.98px) {
  .content_in .post-author .txt-author {
    font-size: 1.2rem;
    line-height: 1.6
  }

  .card-authors {
    margin-bottom: 3rem;
    row-gap: 3rem;
  }
}

@media only screen and (max-width:1023.98px) {
  .grid-trio {
    row-gap: 3rem
  }
}

@media only screen and (min-width:768px) {
  .card-authors {
    justify-content: space-between;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 6rem
  }

  .lien-reviewer,
  .lien-author {
    cursor: pointer;
    position: relative
  }

  .content_in .post-author .txt-author {
    font-size: 1.3rem
  }

  .card-authors {
    padding-top: 1.5rem;
    gap: 4rem 9rem
  }
}

@media only screen and (min-width:1024px) {
  .contrib_preform .ep_title {
    font-size: 4rem;
    line-height: 1.25;
    margin-bottom: 3rem
  }

  .grid-trio {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3.7rem;
  }

  .card-authors .lien-author {
    font-size: 1.8rem
  }
}

/* home espace client + page parrainage */
.entete_preform.bg_espace_perso,
.entete_preform.bg_parrainage {
  min-height: 75rem
}

.register_client {
  background: rgba(255, 255, 255, 0.9);
  padding: 3rem;
  max-width: 45rem;
  margin: 4rem auto 0
}

.register_client .title {
  position: relative;
  font-size: 1.8rem;
  font-weight: 700;
  padding-left: 3.5rem;
  margin-bottom: 0.5rem;
  text-align: left
}

.bg_parrainage .register_client .title {
  padding-left: 4.5rem
}

.register_client .form_cli {
  padding: 0
}

.register_client .form_cli>* {
  width: 100%;
  margin: 0
}

.register_client .form_cli>*:not(:last-child) {
  font-weight: normal
}

.register_client:after {
  content: '';
  display: table;
  clear: both
}

.register_client .title:before {
  position: absolute;
  left: 0;
  bottom: -.5rem;
  font-size: 4rem
}

.register_client form.form_cli label {
  margin-bottom: 1rem;
  display: inline-block;
  text-align: left;
  margin-top: 2.5rem
}

.menu_top.menu_customer {
  margin-left: auto;
  display: flex;
  align-items: center;
  grid-gap: 2.5rem
}

.forgot_pwd {
  text-align: center;
  display: table;
  margin: 2rem auto 0;
  font-size: 1.4rem;
  color: #373737;
  font-style: italic;
  border-bottom: .1rem solid #373737
}

.bg_parrainage .forgot_pwd {
  color: #fff;
  border-color: #fff
}

.first_log {
  max-width: 45rem;
  margin: 0 auto;
  padding: 2rem;
  text-align: center;
  background: rgba(50, 101, 128, .7)
}

.first_log>* {
  color: #fff;
  font-weight: 600;
  border-bottom: .1rem solid #fff
}

.first_log .b_info {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: #fff;
  border-radius: 50%;
  position: relative;
  vertical-align: middle;
  margin-left: 1rem
}

.first_log .b_info:after {
  content: "i";
  font-size: 1.3rem;
  font-weight: 600;
  color: #23485f;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%)
}

.register_client form.form_cli .btn_iceberg {
  width: auto;
  margin: 2rem auto 0;
  display: table
}

.checkbox_form+label:before {
  content: "";
  border: .1rem solid black;
  padding: .75rem;
  background: #fff;
  margin: 0 1rem 0 0;
  vertical-align: middle;
  display: inline-block
}

.checkbox_form:checked+label:after {
  content: "✔";
  font-size: 1.25rem;
  position: absolute;
  left: .4rem;
  top: .25rem
}

.checkbox_form+label {
  position: relative
}

.bg_parrainage .inputlike {
  padding: 0 1rem 0 1rem
}

.bg_parrainage .brd_focus {
  border: .1rem solid #000
}

.bg_parrainage .brd_error {
  border: .1rem solid #FF0000
}

.bg_parrainage .brd_valide {
  border: .1rem solid #68de73
}

.bg_parrainage .ep_area {
  vertical-align: top
}

.bg_parrainage .form_cli label.valide:after {
  content: "✔";
  font-size: 1.5rem;
  color: #68de73;
  padding: 0 1rem
}

.bg_parrainage .form_cli label.error:after {
  content: "X";
  font-size: 1.5rem;
  padding: 0 1rem;
  color: #FF0000
}

.bg_parrainage .reponse {
  display: none;
  text-align: center
}

.bg_parrainage .reponse h2 {
  color: #0dabd0;
  font-size: 2rem
}

.bg_parrainage .reponse p {
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 0 0 2rem 0
}

.bg_parrainage .reponse span {
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer
}

.bg_parrainage .supp_env span {
  cursor: pointer;
  font-size: 2rem;
  margin: 0;
  text-decoration: none;
  font-weight: normal
}

.bg_parrainage .supp_env {
  margin: 0;
  color: #005187;
  padding: .8rem 0;
  text-align: right
}

.bg_parrainage .sous_rub {
  display: block;
  position: absolute
}

.bg_parrainage .correction_mail {
  color: #FFF;
  margin: 0;
  overflow: auto;
  display: block;
  width: 39rem;
  background-color: #005187;
  border: .1rem solid #000;
  position: relative;
  z-index: 10;
  text-align: center;
  padding: 0.8rem 0
}

.bg_parrainage .correction_mail .a_supp_corriger {
  margin: 0;
  color: #FFF;
  padding: .8rem;
  right: 0;
  position: absolute;
  top: 0;
  cursor: pointer
}

.bg_parrainage .correction_mail .a_corriger {
  cursor: pointer;
  text-decoration: underline;
  margin: 0 auto;
  display: block;
  width: 25%;
  padding: 1rem 0 0 0
}

.bg_parrainage .correction_mail .a_corriger:hover {
  text-decoration: none
}

#rech_cci {
  color: #FFF;
  margin: 0;
  padding: 0;
  max-height: 12rem;
  overflow: auto;
  display: block;
  width: 39rem;
  background-color: #005187;
  border: .1rem solid #000;
  position: relative;
  z-index: 10
}

#rech_cci span {
  text-decoration: none;
  cursor: pointer;
  padding: 1rem;
  width: 100%;
  display: block
}

#rech_cci span:nth-child(n) {
  border-bottom: .1rem solid #FFF
}

#rech_cci span:last-child {
  border: none
}

#rech_cci span:hover {
  background-color: #1db5db
}


/* home comparateur */
.block_comp {
  font-size: 0;
  margin-bottom: 5rem;
  animation: fadeIn ease 0.5s forwards
}

.block_comp>*,
.fullblock_comp>* {
  font-size: 1.5rem;
  display: inline-table;
  width: calc(50% - 1rem);
  vertical-align: top;
  background: #fff;
  padding: 0 3rem 6rem;
  position: relative;
  border-radius: 1rem
}

.calculs-carousel .block_comp>* {
  padding: 0
}

.content_in .fullblock_comp>* {
  width: 100%;
  margin-bottom: 2rem
}

.block_comp .bc_item:nth-child(odd) {
  margin-right: 2rem
}

.bc_content {
  display: grid;
  align-items: center;
  gap: 2rem;
  flex-direction: column;
  height: 18rem;
}

.content_in .bc_item .btn_orange {
  position: absolute;
  bottom: 2rem;
  left: 3rem;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: center
}

.bc_content p {
  margin-bottom: 2rem;
  line-height: 1.4
}

.bc_content .title,
.block_comp h3 a {
  font-weight: 600;
  font-size: 1.6rem;
  margin-bottom: 1.25rem
}

.bc_content:before {
  position: absolute;
  left: 2rem;
  width: 6rem;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  font-size: 6rem;
  color: #005187
}

.icon-calculette-pinel:before {
  content: url("../imgs/calculette-pinel-1.svg")
}

.block_comp .w-100 {
  width: 100%
}

.content_in .row_comp>* {
  width: 100%;
  margin: 0;
  padding-bottom: 0
}

.content_in .row_comp .bc_item:not(:first-child),
.block_comp .bc_item:nth-child(n+3) {
  margin-top: 2rem
}

.row_comp .bc_content {
  height: 14rem;
  padding-right: 3rem;
  background: url(/imgs/arrow-nav.svg) no-repeat right center / 1.2rem
}

.row_comp .title,
.row_comp a.title {
  display: inline-block;
  margin-bottom: 1rem;
  color: #3C3C3E;
  text-decoration: none
}

.content .row_comp .title a {
  color: #3C3C3E;
  text-decoration: none;
  margin-bottom: 0
}

.bc_item.arrow:after {
  font-size: 5rem;
  font-weight: 300;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%)
}


@media only screen and (max-width:767.98px) {

  .bc_content,
  .row_comp .bc_content {
    padding: 3rem 0;
    height: auto;
    background: none
  }

  .bc_content svg {
    margin: 0 auto;
  }
}

@media only screen and (min-width:768px) {
  .bc_content {
    grid-template-columns: auto 1fr;
  }
}

/* styles tableaux */
.content_in:not(#global-calculette) > table,
content:not(#global-calculette) > table {
  width: 100%;
  margin-bottom: 2.5rem;
  text-align: center;
  line-height: 1.4;
}

.content_in table.tab_contenu td,
.content_in table.tab_contenu th,
.content_in table.tab_contenu_custom td,
.content_in table.tab_contenu_custom th,
.content_in table td {
  padding: 1.5rem;
  vertical-align: middle;
  font-size: 1.4rem;
  font-weight: 600;
}

.content_in table.tab_contenu a {
  color: #005187
}

.content_in table.tab_contenu .center {
  text-align: center
}

.content_in .tab_taux table.tab_contenu tbody tr:nth-child(odd) {
  background-color: #f1f2f7
}

.content_in table.tab_contenu td.titre_tab_contenu,
.content_in table.tab_contenu th.titre_tab_contenu {
  font-weight: bold
}

.content p.titre_tab_contenu_maj {
  font-size: 1.5rem;
  font-weight: bold;
  color: #005187;
  margin: 2rem 0 1.2rem 0
}

.content p.titre_tab_contenu_maj.nomargin_b {
  margin: 2rem 0 0rem 0
}

.content_in table.tab_contenu .titre_col_tab_contenu {
  font-size: 1.4rem;
  font-weight: bold
}

.content_in table.tab_contenu ul {
  margin: 0 0 .8rem 0
}

.content_in table.tab_contenu td ul:last-child {
  margin: 0
}

.content_in table.tab_contenu ul li:last-child {
  margin-bottom: 0
}

.content_in table td .trend_svg {
  width: 3.1rem
}

.tab_contenu .tab_cell li {
  display: block;
  text-align: left
}

.tab_contenu tbody {
  box-shadow: 0 .4rem 2rem rgba(0, 0, 0, 0.15);
  background: #fff;
  border-radius: 1rem;
  overflow: hidden
}

.content_in table:not([class]) tbody tr:first-of-type>* {
  color: #fff
}

.table-container {
  margin-bottom: 2.5rem;
}

@media (min-width: 768px) and (max-width: 1023.98px) {

  /* styles tableaux */
  .table-container {
    overflow-x: auto;
    max-width: 100%;
  }
}

.sticky-part {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: #fff;
  z-index: 1000;
  width: 100%;
}

.logo-empruntis {
  margin-right: 20px;
}

.logo-empruntis img {
  height: 40px;
  width: auto;
}

/* Comportement sticky */
body.sticky .sticky-part {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* styles recherche oscar */
.ep_select .recherche_article {
  background: inherit;
  width: 80%;
  margin: auto;
}

#toggle_contenu_oscar {
  display: none;
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 10px;
  cursor: pointer;
  background: rgba(241, 242, 247);
}

#toggle_contenu_oscar img {
  padding: 2px
}

.recherche_contenu_oscar {
  display: none;
  background: rgba(241, 242, 247);
}

.recherche_contenu_oscar .oscar_no_result {
  text-align: center;
}

body .preform_search_oscar {
  height: auto;
}

.preform_search_oscar .ep_select {
  max-height: 13vh;
}

.sticky .preform_search_oscar .ep_select {
  max-height: 100vh;
  height: 100vh;
  overflow: auto;
}

.sticky .preform_search_oscar #submit_recherche_article_oscar {
  min-height: auto
}

.sticky .preform_search_oscar .recherche_article .input_group {
  padding: 0;
}

.sticky .preform_search_oscar .wrapper_wp {
  padding: 0;
}

/* Style pour le conteneur principal */
.sticky .recherche_contenu_oscar {
  display: none;
  position: fixed;
  top: 12vh;
  left: 0;
  width: 100%;
  max-height: 88vh;
  background: rgba(241, 242, 247, 0.98);
  overflow-y: auto;
  z-index: 89;
}

.no-scroll {
  overflow: hidden !important;
  position: fixed;
  width: 100%;
  height: 100%;
}

/* Style pour le toggle */
#toggle_contenu_oscar {
  cursor: pointer;
}

/* Style pour afficher le contenu */
.recherche_contenu_oscar.active {
  display: block;
}

.recherche_oscar {
  line-height: 21px;
  margin: 20px 0
}

.recherche_oscar li {
  display: flex;
  border-bottom: 1px dotted gray;
  padding: 20px 0
}

.recherche_oscar li div {
  flex: 3 1 0
}

.recherche_oscar li h5 {
  display: inline-flex
}

.recherche_oscar li h5 a {
  color: #003050;
  margin: auto
}

.recherche_oscar li h5 span {
  padding: 10px;
  margin-right: 20px;
  color: #fff
}

.recherche_oscar li .bloc_droite_oscar {
  flex: 1 1 0
}

.recherche_oscar li .bloc_droite_oscar img {
  width: 100%;
  border-radius: 10px
}

.guide_recherche_oscar li h5 span {
  background-color: #51ae32
}

.actu_recherche_oscar li h5 span {
  background-color: rgba(0, 48, 80, 1)
}

.pertinance_oscar {
  display: none;
  text-align: center
}

.pertinance_oscar p {
  padding: 20px
}

.pertinance_oscar img {
  margin: 0 10px;
  cursor: pointer
}

.feedback-oscar-thank {
  display: none
}

.feedback-oscar-thank svg {
  width: 25px;
  top: 5px;
  position: relative
}

.recherche_contenu_oscar #autre_resultat_oscar {
  display: block;
  margin: auto;
  background: #fff;
  color: #FE523B;
  border: 1px solid #FE523B
}

.recherche_contenu_oscar #autre_resultat_oscar:hover {
  background: #FE523B;
  border: 1px solid #FE523B;
  color: #FFF
}

body.sticky #toggle_contenu_oscar {
  margin-top: 10px;
  /* Ajuster en fonction de la hauteur de la partie sticky */
}

/* Styles responsifs */
@media (max-width: 768px) {
  .sticky-part {
    flex-direction: column;
  }

  .preform_search_oscar:not(.small_preform):not(.bg_preform_home) .ep_select form {
    width: 100%;
  }

  .ep_select input {
    width: auto;
  }

  .ep_select #submit_recherche_article_oscar {
    width: auto;
  }

  .logo-empruntis {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width:968px) {
  .recherche_contenu_oscar li h5 span {
    display: block;
    margin-bottom: 20px;
    width: fit-content
  }

  .recherche_oscar li h5 {
    display: block
  }

  .recherche_contenu_oscar .bloc_droite_oscar {
    display: none
  }
}

/* footer */
.bloc_footer {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5
}

.bloc_footer .title {
  color: #005187;
  text-transform: uppercase;
  display: block
}

.bloc_footer .title:hover {
  text-decoration: underline
}

.bf_univers {
  margin-top: 2.5rem
}

.bf_univers {
  display: table;
  width: 100%;
  line-height: 1.75
}

.bf_univers>div {
  display: table-cell;
  width: 18%;
  padding-right: 2rem
}

.bf_univers>div:last-child {
  width: 10%;
  padding: 0;
  margin-bottom: 0
}

.bf_univers .detached {
  margin-top: 2.5rem;
  font-weight: 700
}

.mentions {
  border-top: .1rem solid #d0d1d4;
  text-align: center;
  font-size: 1.1rem;
  line-height: 1.2;
  color: #003050
}

.mentions p {
  margin-bottom: 1.5rem
}

.mentions .copyright {
  margin: 0
}

footer .img_footer {
  display: table;
  text-align: center;
  width: 100%;
  margin-bottom: 2rem
}

/* alert msg footer */
footer .alert {
  position: relative;
  background: #003050;
  color: #fff;
  border-bottom: .1rem solid #fff
}

footer .alert .wrapper {
  position: relative;
  padding: 4rem 2rem 4.5rem;
  z-index: 10
}

footer .alert .title {
  text-align: center;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.6rem
}

footer .alert .title img {
  width: 2rem;
  height: auto
}

footer .alert p {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 600
}

#_lm_pix {
  background-color: #f1f2f7
}

/* CTA content */
.cta_content,
.content_in .cta_content {
  text-align: center;
  margin: 3.5rem auto 4.5rem;
  max-width: 75.5rem;
  background-color: #fff;
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1);
  border-radius: 1rem !important;
  padding: 3rem 1.5rem
}

.cta_content .txt {
  margin: 0 0 1rem 0;
  text-align: center;
  font-size: 1.6rem !important;
  line-height: 1.4 !important;
  font-weight: 700
}

.cta_content a,
.content_in .cta_content .bgi,
.btn a,
.bl_submenu .m_btn [class*="cta_"] {
  text-align: center;
  text-decoration: none;
  color: #fff
}

[class*='bg_preform_'].bg_v1 .cta_hidden {
  display: none
}

[class*='bg_preform_'] .cta-preform {
  display: inline-block;
  padding: 1.5rem 2.5rem;
  height: auto;
  font-size: 1.6rem;
  line-height: 1.3
}

.cta_content span,
.nm_bloc .btn_orange span,
.grid2 .btn_orange span,
.cta-preform span,
.card-taux .btn-outline span,
.btn .fleche {
  background: url(../imgs/fleche.svg) no-repeat right center;
  padding-right: 3rem
}

.cta_content span {
  display: inline-block
}

.cta_content .btn_orange,
.nm_bloc .btn_orange,
.content_in .bc_item .btn_orange {
  margin: 1.5rem auto 0
}

.btn_orange {
  display: inline-flex;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 500;
  display: -ms-flexbox;
  min-height: 5rem;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: all 0.2s ease
}

.cta_content .btn_orange {
  display: -ms-inline-flexbox;
  display: inline-flex
}

.cta_content .cta_taux small {
  font-size: 1.6rem;
  padding-right: 0.5rem;
  color: #A3A5AB
}

.grid2 .btn_orange.extend {
  display: flex;
  min-height: 6rem;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

/* CTA focus */
.cta_content .btn_orange:focus {
  outline: 0;
  border-color: transparent;
  box-shadow: 0 0 0 0 transparent
}

/* V2 */
.ctaV2 .txt {
  width: calc(100% - 28rem);
  display: inline-table;
  vertical-align: top;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 1.5rem
}

.right_side {
  width: 100%;
  display: inline-table;
  vertical-align: middle
}

.ctaV2 {
  font-size: 0;
  margin-bottom: 2.5rem;
  margin-top: 1rem
}

.ctaV2 .txt strong {
  display: inline;
  color: #fcb200;
  font-size: 1.8rem
}

.cta_content .cta_taux {
  margin-bottom: 1rem;
  font-size: 2.2rem;
  line-height: 1
}

.cta_content .cta_taux span {
  display: block;
  vertical-align: baseline;
  font-size: 4.2rem;
  color: #005187;
  font-weight: 700;
  padding: 0
}

.cta_content .cta_taux span sup {
  vertical-align: super;
  font-size: 2.8rem
}

/*CTA V3 avec img*/
.media {
  display: flex;
  align-items: center;
  text-align: left
}

.avatar {
  position: relative;
  display: inline-block;
  width: 6.2rem
}

.bloc-row {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.media .bloc-avatar {
  margin-right: 4.7rem !important
}

.media .bloc-row p,
.ctaV4 .bloc-row p {
  font-size: 1.8rem;
  line-height: 1.45;
  font-weight: 700;
  padding-right: 2rem;
  margin: 0
}

.media .cta-icon {
  background: url(../imgs/cta/fleche.svg) no-repeat right center;
  display: block;
  width: 32px;
  height: 19px;
  padding-left: 4rem
}

.ctaV4 .cta-icon {
  background: url(../imgs/cta/fleche-mini.svg) no-repeat right center;
  display: block;
  width: 25px;
  height: 13px
}

.cta_content.ctaV3 {
  position: relative;
  padding: 3.5rem
}

.cta_content.ctaV4 {
  text-align: left;
  position: relative;
  padding: 3rem;
  box-shadow: none
}

.cta_content.ctaV4 {
  background-color: #F1F2F7
}

/*cta avec deux taux*/
.content_txt_taux {
  display: grid;
  grid-gap: 1.6rem;
  margin-bottom: 1.6rem
}

.content_txt_taux .txt {
  margin: 0
}

/*bloc download*/
.bloc-download {
  background: #005187;
  color: #fff;
  border-radius: 1rem;
  display: grid;
  box-shadow: 0 0.4rem 1.5rem rgb(0 0 0 / 10%);
  padding: 3rem 2rem;
  justify-content: space-between;
  max-width: 75.5rem;
  margin: 0 auto
}

.grid-2 {
  display: flex;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2rem;
  margin: auto
}

.bloc-download .bloc-svg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 8rem;
  width: 8rem;
  border-radius: 1rem;
  transition: ease background .5s;
  position: relative
}

.bloc-download .bloc-svg:hover {
  background-color: #fff
}

.bloc-download .google-svg {
  background-image: url(/imgs/googledoc.svg)
}

.bloc-download .google-svg:hover {
  background-image: url(/imgs/googledoc-hover.svg)
}

.bloc-download .word-svg {
  background-image: url(/imgs/word.svg)
}

.bloc-download .word-svg:hover {
  background-image: url(/imgs/word-hover.svg)
}

.bloc-download p {
  margin-bottom: 0.5rem;
  font-size: 1.8rem;
  line-height: 1.4
}

.bloc-download .titre-download {
  font-size: 2rem;
  font-weight: 700
}

/* styles popin cookie */
.cookie_banner {
  position: fixed;
  width: 100%;
  background: rgba(90, 90, 90, 0.85);
  margin: 0;
  left: 0;
  bottom: 0;
  z-index: 1000;
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 1.3rem;
  padding: 1rem
}

.cookie_banner span {
  display: inline-block;
  padding: 1rem !important
}

.cookie_accept {
  background-color: rgb(48, 48, 48);
  border: .1rem solid rgba(0, 0, 0, .1);
  border-radius: 0.2rem;
  color: rgb(255, 255, 255);
  padding: 0.4rem;
  text-decoration: none;
  white-space: nowrap;
  margin-left: 0.6rem
}

.cookie_banner a:last-of-type {
  background-color: rgb(48, 48, 48);
  border: .1rem solid rgba(0, 0, 0, .1);
  border-radius: 0.2rem;
  color: rgb(255, 255, 255);
  padding: 0.4rem;
  text-decoration: none;
  white-space: nowrap;
  margin: 0.6rem
}

.popin_cookie {
  position: fixed;
  max-width: calc(100% - 4rem);
  width: 80rem;
  max-height: 90%;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: #fff;
  z-index: 2000;
  line-height: 1.25;
  overflow: auto
}

.under_cookie {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
  z-index: 1000
}

.popin_cookie .close {
  position: absolute;
  width: 3rem;
  height: 3rem;
  right: 1rem;
  top: 1rem;
  font-size: 3rem;
  font-weight: 200;
  cursor: pointer
}

.popin_cookie .title {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  padding: 3rem 4rem;
  border-bottom: .1rem solid #dce3e8
}

.popin_cookie .text {
  padding: 2rem 3rem;
  border-bottom: .1rem solid #dce3e8
}

.popin_cookie .text p:not(:last-child) {
  margin-bottom: 2rem
}

.popin_cookie .text a {
  color: #005187
}

.content_form {
  padding: 2rem 3rem;
  border-bottom: .1rem solid #dce3e8
}

.submit_cookie {
  padding: 2rem;
  text-align: right
}

.form_cookie label {
  display: table;
  margin-bottom: 2rem;
  font-weight: 700
}

.popin_cookie .close:before,
.popin_cookie .close:after {
  content: '';
  position: absolute;
  right: 0;
  top: 1.5rem;
  height: .1rem;
  width: 2.5rem;
  background: #003050
}

.popin_cookie .close:before {
  transform: rotateZ(45deg)
}

.popin_cookie .close:after {
  transform: rotateZ(-45deg)
}

.form_cookie input[type=checkbox] {
  display: none
}

.form_cookie .toggle {
  cursor: pointer;
  width: 5.5rem;
  height: 3rem;
  margin-left: 1rem;
  background: grey;
  display: inline-table;
  vertical-align: middle;
  border-radius: 5rem;
  position: relative
}

.form_cookie .toggle:after {
  content: '';
  position: absolute;
  top: .2rem;
  left: .2rem;
  width: 2.6rem;
  height: 2.6rem;
  background: #fff;
  border-radius: 5rem;
  transition: 0.3s
}

.form_cookie input:checked+.toggle {
  background: #005187
}

.form_cookie input:checked+.toggle:after {
  left: calc(100% - .2rem);
  transform: translateX(-100%)
}

.form_cookie .toggle:active:after {
  width: 4rem
}

.form_cookie .slide {
  opacity: 0;
  color: #005187;
  font-weight: 600;
  margin-left: 1rem;
  transition: opacity .3s ease
}

.form_cookie input[type=checkbox]:checked~.slide {
  opacity: 1;
  transition: opacity .3s ease
}

/*style guide sommaire*/
.color-bl {
  color: #005187;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0 !important
}

.color-bl li {
  line-height: 2
}

.guide-sommaire {
  padding: 0 0 4rem;
  border-bottom: .1rem solid #dedfe0;
  margin-bottom: 4rem !important
}

.content .guide-sommaire h2 {
  margin-top: 0
}

.guide-sommaire a {
  color: #005187;
  font-size: 1.5rem
}

p[id^="bl-sommaire"] {
  padding-top: 80px;
  position: relative;
  top: -80px;
  margin-bottom: -80px
}

.content_in ol {
  padding-left: 1.8rem
}

/* preform sticky */
*:not(.sticky)>[class*='bg-preform'] .d-none {
  display: none;
}

.test_seo {
  height: auto
}

.test_seo .ep_select {
  opacity: 0;
  height: 0;
  margin: 0
}

.sticky .entete_preform .ep_select {
  position: fixed;
  visibility: visible;
  left: 0;
  top: 0;
  z-index: 199;
  margin: 0;
  width: 100% !important;
  max-width: none;
  background: #f1f2f7;
  border-bottom: .1rem solid #d0d1d4;
  animation: slidestick ease-in .5s forwards;
  opacity: 1;
  height: auto
}

.sticky .entete_preform:not(.bg_preform_agences) .ep_select form:not(.form-custom) {
  margin: 0.5rem auto;
  transition: none;
  background: #fff;
  border: 1px solid #D0D2D8;
  border-radius: 3.5rem;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.08)
}

.sticky .entete_preform .ep_select label {
  margin: 0;
  transition: none
}

.sticky .entete_preform .ep_select select,
.sticky .entete_preform .simuler-impots .form-control {
  background: #fff;
  transition: none;
  height: 4rem;
  padding-left: 1rem
}

.sticky .entete_preform .ep_select select {
  font-size: 1.8rem
}

.sticky .entete_preform .ep_select .btn_orange {
  width: auto;
  display: inline-block;
  vertical-align: top;
  min-height: 4rem;
  font-size: 1.6rem
}

.sticky .entete_preform .ep_select .btn_header_sticky {
  display: inline-grid;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.sticky .entete_preform .ep_select form.form_montant_impot .input-group {
  width: 100%
}

.sticky .logo {
  display: none;
  position: fixed;
  top: 0;
  z-index: 400;
  width: 16rem;
  height: 6.3rem;
  align-items: center;
  animation: slidestick ease-in .5s forwards
}

.sticky .entete_preform .ep_select .form_montant_impot .btn_orange {
  border-radius: 2.5rem
}

.sticky .logo {
  text-align: left
}

[class*='bg_preform_'].preform_hidden {
  height: 0
}

[class*=bg_preform_].preform_hidden .ep_select_content {
  min-height: 0 !important
}

.bg_preform_conso .links-preform a {
  grid-column: span 2
}

.preform_hidden .ep_select {
  display: none
}

.sticky .preform_hidden .ep_select {
  display: block
}

/*preform home*/
.card-preforms {
  display: grid;
  gap: 2rem
}

.card-preforms .card-preform {
  border-radius: 2rem;
  box-shadow: 0px 6px 30px rgba(0, 81, 135, 0.3)
}

.card-preforms .card-preform-body {
  font-weight: 600
}

h1 .txt-color {
  color: #51AE32
}

.nb-agences {
  color: #003050
}

.card-preforms .card-preform-footer {
  background: #005187;
  font-size: 1.3rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.25;
  min-height: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem 0;
  border-radius: 0 0 2rem 2rem
}

.card-preforms .card-preform-footer .taux {
  font-size: 2rem
}

.bg_preform_home .subtitle {
  font-size: 1.4rem;
  line-height: 1.2
}

.bg_preform_home .subtitle a {
  color: #003050;
  text-decoration: underline
}

/*bloc agence home*/
.trouver-agence {
  max-width: 76rem;
  margin: 0 auto
}

.trouver-agence .titre {
  text-align: center
}

.trouver-agence .content-search {
  background: #fff;
  box-shadow: 0 .4rem 2rem rgba(0, 81, 135, 0.15);
  padding: 3.4rem 2rem 3rem;
  margin-bottom: 3.5rem;
  border-radius: 2rem
}

.trouver-agence .content-search .input_group {
  border: 0.1rem solid #D0D2D8
}

.form-agence .error-location {
  position: absolute;
  top: 100%;
  margin-top: 0.8rem;
  font-size: 1rem;
  color: #FE3B43
}

.card-preforms .titre-col,
.rac-preforms .arrow {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjMDAzMDUwIiBkPSJNLjk1OC4yNDNhMSAxIDAgMCAwIDAgMS4zNThsNC4xNzQgNC40OTMtNC4xNzQgNC4yMjhhLjk1OC45NTggMCAwIDAtLjIyLjMwOS45OTcuOTk3IDAgMCAwIC4xNzIgMS4wOGMuMDg3LjA5Mi4xOS4xNjYuMzA1LjIxNmEuODgxLjg4MSAwIDAgMCAxLjAyMi0uMjMybDQuNzc4LTQuODcyYS45OTkuOTk5IDAgMCAwIC4yOC0uNjg2Ljk4Ljk4IDAgMCAwLS4yNDctLjc0NEwyLjI1NC4yODJhLjkxNS45MTUgMCAwIDAtLjI5Ny0uMjA5Ljg4Ljg4IDAgMCAwLTEgLjIwOVYuMjQzWiIvPjwvc3ZnPg==);
  background-size: 0.5rem;
}

.card-preforms .titre-col {
  font-size: 1.6rem
}

/**/
.menu_right_desktop {
  display: none
}

.menu_right_desktop .submenu_right {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

@keyframes slidestick {
  from {
    transform: translateY(-7rem)
  }

  to {
    transform: translateY(0)
  }
}

.sticky .entete_preform .ep_select .form_montant_impot .btn_orange {
  border-radius: 2.5rem
}

.sticky .bg_preform_loa .ep_select .ep_title {
  width: 40%;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.8rem;
  color: #003050;
  margin: 0;
  padding-right: 2rem
}

.sticky .bg_preform_loa .ep_select .small_preform .ep_loa {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.8rem;
  color: #003050;
  margin: 0
}

.sticky .bg_preform_mutuelle .ep_select {
  text-align: center
}

/* accordion */
.accordion-item-header span:after {
  content: url(/imgs/arrow-nav.svg);
  width: 1rem;
  height: 1.5rem;
  margin-left: 1.5rem;
  transform: rotate(90deg);
  transition: transform .3s
}

.taux_faq {
  padding-top: 1.5rem
}

.taux_faq .h2style {
  color: #003050
}

.content_in .hide-accordion-content {
  display: none;
  visibility: hidden;
  margin-bottom: 2.5rem
}

.accordion-item-header.active span:after {
  transform: rotate(-90deg)
}

.accordion-item-header.active .hide-accordion-content {
  display: block !important;
  visibility: visible !important;
  font-weight: 400
}

.accordion-item-header span {
  font-size: 1.6rem;
  color: #003050;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  cursor: pointer;
  margin: 0;
  line-height: 1.2;
  padding: 2rem 0;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.accordion-item-header:not(:last-child) {
  border-bottom: 1px solid #edf2f9
}

/*kit ui*/
.model-bloc {
  padding: 2rem 2rem 4rem
}

.single-bloc,
.note {
  padding: 0 2rem 2rem
}

.model-bloc.summary {
  margin: 3rem auto 4rem
}

.model-bloc.summary ul {
  padding: 0
}

.model-bloc.summary ul li,
.model-bloc.summary ol li {
  font-size: 1.4rem;
  line-height: 1.4
}

.model-bloc.summary ul li a {
  transition: opacity 3s
}

.model-bloc.summary ul li a:hover {
  opacity: 0.8;
  text-decoration: none
}

.note {
  padding: 4rem;
  margin-bottom: 3rem
}

.note .h3style {
  padding-bottom: 1.5rem
}

.single-bloc,
.model-bloc,
.note,
blockquote,
.blockquote,
.agence-bloc {
  max-width: 90rem;
  border-radius: 1rem;
  background-color: #fff;
  box-shadow: 0px .4rem 1.5rem rgba(0, 0, 0, 0.15)
}

.single-bloc,
.model-bloc {
  text-align: center
}

.info-bloc {
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.info-bloc .img-round {
  -ms-flex-item-align: center;
  align-self: center
}

.content_in .single-bloc p:empty {
  padding-bottom: 0;
  margin-bottom: 0
}

.content_in .single-bloc h2,
h3,
h4 {
  margin-top: 0
}

.single-bloc {
  margin: 10rem auto 4rem;
  padding: 0 2rem 4rem
}

.model-bloc .resume h2 {
  color: #005187;
  text-align: left
}

.content_in .red-bloc .h3style,
.content_in .red-bloc .h2style {
  color: #FE3B43;
  text-align: center
}

.content_in .green-bloc .h3style,
.content_in .green-bloc .h2style {
  color: #6BD8A8;
  text-align: center
}

.content_in .summary .h2style,
#global-calculette .footer_txt .summary .h2style {
  color: #005187;
  font-size: 2.8rem;
  line-height: 1.4;
  margin-bottom: 0;
  text-align: center
}

.single-bloc .h3style {
  text-align: left
}

.single-bloc .h2style,
.single-bloc .h3style,
.single-bloc .h4style {
  margin-bottom: 0
}

.content_in .alert-bloc .h2style {
  text-align: center;
  margin-top: 0
}

.resume .emoji {
  padding-right: 1rem
}

.resume h2,
.resume .h2style,
.single-bloc .h2style {
  color: #005187
}

.single-bloc p,
.model-bloc p,
.note p {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: left;
  color: #003050;
  margin: 0
}

.single-bloc p:not(:last-child),
.model-bloc p:not(:last-child) {
  padding-bottom: 2.5rem
}

.single-bloc .center {
  text-align: center
}

.img-round {
  display: inline-block;
  border-radius: 50%;
  height: 120px;
  width: 120px;
  line-height: 120px;
  margin: -6rem auto 1.5rem;
  position: relative;
  z-index: 9;
  background: #f1f2f7;
  text-align: center
}

.emoji-star {
  font-size: 4rem
}

.img-round:after {
  content: '';
  position: absolute;
  background: #005187;
  height: 100px;
  width: 100px;
  top: 10px;
  left: 10px;
  border-radius: 50%;
  z-index: -1
}

.red-bloc .img-round:after,
.alert-bloc .img-round:after {
  background: #FE3B43
}

.green-bloc .img-round:after {
  background: #6BD8A8
}

.single-bloc ul,
.model-bloc ul {
  list-style-type: none;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: left
}

.single-bloc ul li,
.model-bloc ul li {
  padding-left: 2rem
}

.model-bloc .red-bloc ul li,
.model-bloc .green-bloc ul li {
  font-size: 1.8rem;
  line-height: 1.4
}

.nm_bloc_ade .single-bloc {
  margin: 5rem 0;
  padding: 0 2rem 2rem
}

.nm_bloc_ade .single-bloc a {
  display: block;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.5;
  color: #005187;
  font-weight: 700;
  padding-bottom: 2.5rem;
  text-transform: uppercase
}

.nm_bloc_ade .img-round [class*="icon_"] {
  font-size: 6rem;
  color: #fff
}

.nm_bloc_ade .single-bloc .arrow {
  display: block;
  font-weight: 700;
  font-size: 1.8rem;
  text-align: right
}

.nm_bloc_ade .single-bloc {
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  word-wrap: break-word
}

.nm_bloc_ade .single-bloc .img-round {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: center;
  align-self: center
}

.nm_bloc_ade .single-bloc .bloc-arrow {
  display: block;
  font-size: 2.5rem;
  font-weight: 700;
  color: #005187;
  margin-top: auto;
  text-align: right
}

.nm_bloc_ade .single-bloc .bloc-arrow:after {
  content: ">";
  margin-left: .5rem;
  vertical-align: middle;
  transition: margin ease .25s
}

.full-video {
  margin-bottom: 4rem
}

.full-video .embed_video {
  padding-bottom: 52.6%
}

/*post author*/
.content_in .first_img+.post-author {
  border-top: none;
  padding-top: 0;
  position: relative
}

.content_in .post-author {
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  padding: 1.5rem 0;
  margin-bottom: 2rem;
  border-bottom: 1px solid #DEDFE0
}

.content_in .post-author .author {
  width: 6rem;
  height: 6rem;
  margin-right: 1.5rem
}

.content_in .post-author .date-pub,
.content_in .post-author .description {
  font-size: 1.2rem;
  line-height: 1.6;
  margin: 0;
  padding-bottom: 0;
  display: block;
}

.content_in .post-author .txt-author {
  -ms-flex-item-align: center;
  align-self: center;
  color: #000E0A
}

.content_in .post-author .txt-author a {
  color: #3C3C3C
}

.content_in p .lien-author {
  color: #3C3C3C;
  text-decoration: none
}

/*btn télécharger*/
.pop-in .h3style {
  margin-bottom: 1rem
}

.post-author .btn {
  gap: 1rem
}

.btn-download span {
  margin-right: 1rem
}

.bloc-flex {
  display: flex
}

/*pop-in download*/
.pop-in {
  display: none;
  position: fixed;
  top: 10%;
  max-width: 68rem;
  height: auto;
  width: 90%;
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  padding: 5rem 3rem 3rem;
  margin: 0 auto;
  z-index: 1000
}

.content_in .pop-in .input-error-text {
  margin-bottom: 1.8rem
}

.pop-in .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 38px;
  cursor: pointer
}

.pop-in input[type="email"] {
  width: 100%;
  max-width: 49rem;
  padding: 1.6rem 3rem;
  border: 1px solid #D0D2D8;
  border-radius: 3.5rem;
  height: 6rem;
  margin-bottom: 3rem;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08)
}

.pop-in .toggle-classic {
  gap: 1rem;
  align-items: center;
  text-align: left
}

.pop-in .toggle-btn {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-bottom: 2.5rem
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  z-index: 999;
  display: none
}

#overlay.active {
  display: block
}

.pop-in.active {
  display: block
}

/*btn partager*/
.content-btn-share {
  display: flex;
  align-items: center;
  position: relative;
}

.share-btn {
  display: flex;
  line-height: 1;
  align-items: flex-end;
}

.share-btn span {
  color: #005187;
  font-weight: 700
}

.share-btn .svg-partage {
  margin-right: 0.5rem
}

.desktop-share-popin {
  display: none;
  position: absolute;
}

.desktop-share-popin.popin-open {
  display: block;
  position: absolute;
  top: calc(100% + 2rem);
  transform: translateX(-10%);
  border-radius: 1rem;
  box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.15);
}

.desktop-share-popin.popin-open .popin-content {
  display: flex;
  flex-direction: column;
  width: 15rem;
  padding: 1.5rem;
  row-gap: 1.5rem;
  background-color: #fff;
  border-radius: 1rem;
}

.desktop-share-popin.popin-open .share-link {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: 1.5rem 1fr;
  align-items: center;
  font-size: 1.3rem
}

.desktop-share-popin.popin-open:after {
  content: " ";
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 28px solid #fff;
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%)
}

/*popin actualité*/
.popin-partage {
  display: none
}

.overlay-dark {
  display: none
}

.popin-partage {
  position: fixed;
  width: 100%;
  max-width: 68rem;
  max-height: 22rem;
  left: 50%;
  z-index: 10000;
  box-shadow: rgba(0, 0, 0, 0.1) 0 .4rem 1.5rem;
  line-height: 1.5;
  font-size: 1.6rem;
  text-align: center;
  background: #fff;
  border-radius: 1rem;
  bottom: 2rem
}

.popin-txt {
  font-size: 1.6rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}

.list-share {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.3rem;
}

.popin-partage .titre-popin-actu {
  font-weight: 700;
  margin-bottom: 1rem;
}

.popin-partage .content-emoji {
  margin-bottom: 1rem;
}

.close-btn {
  position: absolute;
  line-height: 1;
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px
}

.overlay-dark {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999
}

.contribut-popin {
  display: none;
}

.contribut-popin-open {
  position: absolute;
  width: 32rem;
  box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.15);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  row-gap: 1.5rem;
  background-color: #fff;
  border-radius: 1rem;
  font-size: 1.2rem;
  line-height: 1.3;
  color: #3C3C3C
}

.contribut-popin-open .name {
  font-weight: 700;
  margin-bottom: 0.3rem;
  display: block
}

.contribut-popin-open .title {
  font-style: italic
}

.contribut-popin-open#auteur-pop {
  top: 3.8rem;
  right: 0
}

.contribut-popin-open#relecteur-pop {
  top: 6.5rem;
  right: -2rem
}

.contribut-popin-open .link {
  color: #005187;
  text-align: center;
  display: block;
  font-weight: 700;
  line-height: 1.5;
  border-top: 1px solid #F1F2F7;
  padding-top: 1.5rem;
}

.contribut-popin-open#auteur-pop .bloc-flex {
  margin-bottom: 1rem;
}

.contribut-popin-open .bloc-flex {
  display: grid;
  grid-template-columns: 5rem 1fr;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}

.contribut-popin-open .popin-content .bloc-flex .img-contribut {
  width: 5rem;
  height: 5rem
}

.contribut-popin-open .popin-content .bloc-flex .contribute-poste {
  font-style: italic;
}

.contribut-popin-open .popin-content .bloc-flex .contribute-name {
  font-weight: 700;
}

.contribut-popin-open .popin-content .description {
  height: 4.8rem;
  ;
  margin-bottom: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

.contribut-popin-open .popin-content .desc {
  font-size: 1.2rem;
  line-height: 1.3
}

.contribut-popin-open:after {
  content: " ";
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 28px solid #fff;
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%)
}

.post-author .bloc-flex {
  position: relative
}

@media screen and (max-width: 767.98px) {
  .popin-partage {
    width: calc(100% - 30px);
    left: 15px;
    right: 15px;
    bottom: 20px;
    padding: 2rem;
  }

  .popin-partage .btn_orange {
    margin: 0 auto
  }

  .close-btn {
    top: 1rem;
    right: 1rem;
  }

  .close-btn svg {
    max-width: 1.5rem;
    max-height: 1.5rem
  }

  .txt-author .barre-oblique {
    display: none;
  }

  .txt-author .poste-bloc {
    display: block
  }

  .content-btn-share {
    justify-content: center
  }

  .share-btn {
    font-size: 1.2rem;
    padding: 0.3rem 0.5rem;
    position: absolute;
  }

  .share-btn .svg-partage {
    width: 1.5rem;
    height: 1.5rem;
  }

  .article .content_in .post-author {
    padding: 0;
    gap: 1.5rem;
  }

  /*popin actualité*/
  .popin-actualite {
    width: calc(100% - 3rem);
  }
}

@media only screen and (min-width: 768px) {
  .close-btn {
    top: 1.6rem;
    right: 1.6rem;
  }

  .popin-partage {
    padding: 4rem 3rem;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .txt-author .md-italic {
    font-style: italic
  }

  .titre-popin-actu {
    font-size: 2.2rem
  }

  .content_in .post-author .date-pub,
  .content_in .post-author .description {
    font-size: 1.4rem
  }

  .share-btn {
    background: transparent;
  }
}

@media only screen and (min-width: 1024px) {
  .content-btn-share {
    margin-left: auto
  }
}

/*étapes*/
.content_in ol,
.lt-custom {
  text-align: left;
  list-style: none;
  padding: 0
}

.content_in ol:not(.fil_ariane)>li,
.lt-custom li {
  counter-increment: item;
  line-height: 1.6;
  position: relative;
  padding: 0 0 2.5rem;
  padding-left: 5rem
}

.content_in ol:not(.fil_ariane)>li:before,
.lt-custom li:before {
  content: counter(item);
  background-color: #003050;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
  min-width: 3.7rem;
  height: 3.7rem;
  left: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  counter-increment: line
}

.model-bloc {
  font-size: 1.6rem;
  line-height: 1.6
}

#red-bloc ul li:before {
  background-color: #FE3B43
}

#green-bloc ul li:before {
  background-color: #6BD8A8
}

/*bloc blockquote*/
.content_in blockquote:before,
.content_in .blockquote:before {
  position: absolute;
  content: url(../imgs/guillemet.svg);
  top: -1rem;
  left: 1rem
}

blockquote,
.blockquote {
  max-width: 90rem;
  background-color: #fff;
  position: relative;
  font-size: 1.6rem;
  margin: 9rem 0 3rem;
  background-color: #fff;
  padding: 3rem 2rem;
  text-align: left;
  padding: 3rem 2rem;
  position: relative;
  font-size: 1.6rem;
  margin: 0 auto 3rem
}

.resume {
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto
}

.bg_preform_home .resume {
  padding-bottom: 4rem
}

.resume:not(.border-none) .txt-content {
  margin-bottom: 4rem;
  padding-left: 2.5rem;
  border-left: 5px solid #005187
}

.content_in .first_img {
  position: relative
}

.content_in .first_img .titre-photo {
  position: absolute;
  bottom: 3%;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  background: #005187;
  opacity: .9;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 700;
  padding: 1rem;
  text-align: center
}

/*bandeau étapes*/
.bg_bleu2 {
  background-color: #005187
}

.txt-white-stroke {
  font: 600 9rem/1.2 "Arial";
  color: #51AE32;
  -webkit-text-stroke-width: 0.15rem;
  -webkit-text-stroke-color: #51AE32;
  padding-right: 1rem
}

.bg_bleu2 .txt-white-stroke {
  color: transparent;
  -webkit-text-stroke-color: #fff
}

.grid-3 {
  display: grid
}

.etape-content {
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.etape-content p {
  font: normal 1.6rem/1.5 "Poppins", Arial, sans-serif;
  color: #003050
}

.bg_bleu2 .etape-content p {
  color: #fff
}

.etape-content strong {
  display: block
}

.bloc_partners_stitre {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  padding: 0
}

.avis-bloc {
  word-wrap: break-word
}

.content_in .avis-bloc ul {
  padding-left: 0
}

/*new preform home*/
*:not(.sticky)>[class*='bg_preform_'] .d-none {
  display: none
}

.bg_preform_home .card-body,
.bg_univers .card-body,
.bg_preform_12 .card-body,
.links-projets .card-body {
  padding: 0
}

.links-preform,
.links-preform-sm {
  display: grid;
  row-gap: 1.6rem
}

.entete_preform .trust-horizontal {
  margin-top: 2rem
}

.entete_preform .trust-horizontal {
  z-index: 10;
  position: relative
}

[class*='bg_preform_'] {
  background: #D8E9FF;
  overflow: hidden
}

.overflow_preform {
  overflow: initial !important
}

.bg_preform_home,
.bg_univers {
  background: #D8E9FF
}

.bg_preform_agences {
  background: #D8E9FF;
  overflow: initial !important
}

.bg_preform_agences:not(.small_preform) {
  background: #D8E9FF
}

[class*='bg_preform_']:not(.small_preform):not(.entete-preform):after {
  content: '';
  right: 0;
  left: 0;
  bottom: -0.1rem;
  height: 20rem;
  background: url(/imgs/preform/wave-preform-page.svg) no-repeat center bottom / cover;
  position: absolute;
  pointer-events: none;
  z-index: 1
}

.bg_preform_home.bg_univers:after {
  content: '';
  right: 0;
  left: 0;
  bottom: -0.1rem;
  height: 20rem;
  background: url(/imgs/preform/wave-preform-page.svg) no-repeat center bottom / cover;
  position: absolute;
  pointer-events: none;
  z-index: 1
}

.bg_preform_home:not(.small_preform):after {
  background: url(/imgs/preform/wave-preform.svg) no-repeat center bottom / cover
}

[class*='bg_preform_'] .title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  margin-bottom: 3rem
}

[class*='bg_preform_'] .title,
[class*='bg_preform_'] .ep_subhome,
[class*='bg_preform_'] .primary h2 {
  color: #003050
}

[class*='bg_preform_'] .ep_subhome {
  text-align: left;
  font-size: 1.6rem
}

.bg_preform_2_xl .title {
  margin-bottom: 2rem
}

/*preform rac*/
.title-lead {
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400
}

.form-rac input:checked+label {
  background-color: #D8E9FF;
  color: #005187;
  border-color: #005187
}

.card-rac {
  padding: 2.4rem 1.7rem;
  max-width: 49.5rem;
  margin: 0 auto
}

.card-rac .titre-nb-rac,
.card-rac .nb-group {
  font-size: 1.8rem;
  margin-bottom: 3rem
}

.nb-group {
  display: flex;
  justify-content: center;
  gap: .9rem
}

.card-rac .nb-group .nb-label input {
  display: none
}

.nb-group .nb-label:hover {
  box-shadow: 0.2rem 0.2rem 1rem 0 rgb(0 0 0 / 10%);
  transition: box-shadow .25s ease, box-shadow .25s ease, -webkit-box-shadow .25s ease, -webkit-box-shadow .25s ease
}


.nb-group .nb-label.is-active,
.nb-group .nb-label:focus,
.nb-group .nb-label:active {
  background-color: #D8E9FF;
  color: #005187;
  border-color: #005187
}


.card-rac p {
  margin-bottom: 1.5rem
}

.nb-group .nb-label {
  border: 1px solid #D0D2D8;
  border-radius: .6rem;
  height: 6rem;
  max-width: 6rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: auto;
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: 600;
  color: #003050
}

.links-preform .card,
.links-preform-sm .card,
.links-projets .card,
.card-rac {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1);
  font-weight: 700;
  border-radius: 1rem;
  transition: transform ease 0.3s
}

.links-preform .card,
.links-preform-sm .card,
.links-projets .card {
  justify-content: center;
  padding: 0 4rem 0 1rem;
  height: 8rem;
  cursor: pointer
}

.links-preform .card .titre-col {
  color: #003050
}

.bg_preform_home .wrapper .grid,
.bg_univers .wrapper .grid {
  margin: 0 auto;
  align-items: flex-start
}

[class*='bg_preform_'] .img-right {
  position: absolute;
  right: 0;
  top: 0
}

.grid2 .ep_select {
  margin: 0 0 3rem
}

[class*='bg_preform_'] .wave-shape {
  position: absolute;
  bottom: 0;
  left: -540px
}

.img-right {
  display: none
}

.list-engagement {
  margin-top: 8rem;
  position: relative;
  z-index: 2
}

.trust-horizontal .star-rating img {
  width: 13rem;
  height: auto;
  margin-right: 1rem;
  vertical-align: middle
}

.trust-horizontal .logo-star img {
  width: 8rem;
  height: auto
}

.trust-horizontal .icon_star {
  vertical-align: middle
}

.trust-horizontal .titre-trustpilot {
  font-size: 1.4rem;
  font-weight: 600
}

.trust-horizontal .note-moy {
  font-size: 1.4rem;
  font-weight: 700
}

.trust-horizontal .d-block-sm {
  display: inline-flex;
  align-items: center
}

.trust-horizontal svg {
  vertical-align: sub
}

.entete_preform .sub-title {
  font-size: 1.6rem;
  font-weight: 700;
  margin-right: 1rem;
  vertical-align: middle
}

.bg_preform_home ol {
  margin-bottom: 0
}

.bg_preform_home .wrapper {
  padding-bottom: 0
}

.bg_univers .fil_ariane {
  text-align: left
}

[class*='bg_preform_'] .grid2 .btn_orange.extend {
  text-transform: none;
  margin-bottom: 2.5rem
}

/*preform immo, conso, rac*/
[data-grid-name="title"] {
  grid-area: title
}

[data-grid-name="content"] {
  grid-area: content
}

[data-grid-name="links"] {
  grid-area: links
}

[data-grid-name="trust"] {
  grid-area: trust
}

/* bloc page mutuelle sante */
.offer-item {
  box-shadow: 0 4px 20px 0 rgb(0 0 0 / 15%);
  border-radius: 1rem;
  padding: 1rem 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 3rem
}

.content-offers {
  margin-bottom: 4rem
}

.offer-item .item-content {
  min-height: 6rem
}

.offer-item .item-content-large {
  width: 25rem
}

.offer-item .item-content p {
  font-size: 1.4rem;
  margin-bottom: 0;
  line-height: 1.25
}

.offer-item .item-content p:not(:last-child) {
  margin-bottom: 0.75rem
}

.offer-item .item-content .title {
  font-weight: 700;
  font-size: 1.2rem
}

.offer-item .item-content .price {
  font-size: 2.8rem;
  font-weight: 700
}

.offer-item .item-button .btn_orange span,
.item-button .btn_orange a {
  color: #fff;
  text-transform: none
}

.offer-item .item-button .btn_orange {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 5rem;
  padding: 0 2rem;
  font-size: 1.4rem
}

/*bloc meilleur taux immo */
.wrapper_taux {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  display: block;
  padding-left: 2rem
}

.blocs_meilleur_taux {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  max-width: 106rem;
  margin: 0 auto;
  margin-bottom: 3rem;
  animation: fadeIn ease 0.5s forwards
}

.body_taux {
  position: relative;
  font-family: "Poppins", Arial, sans-serif;
  color: #fff;
  font-weight: 700;
  background: #003050;
  ;
  padding: 3.5rem 1rem;
  border-radius: 1rem;
  text-align: center;
  width: 25rem;
  transition: 0.3s ease transform
}

.body_taux .stretched-link {
  color: #fff;
  cursor: pointer
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""
}

.body_taux .titre {
  font-size: 1.8rem;
  padding-bottom: 1.6rem
}

.body_taux .taux {
  font-size: 5.4rem;
  padding-bottom: 1.6rem;
  display: block
}

.body_taux .txt_taux {
  font-size: 1.8rem;
  display: block;
  margin-bottom: 2rem
}

.bloc_wrapper {
  display: grid;
  gap: 3rem;
  background-color: #f1f2f7;
  margin-bottom: 3rem;
}

.content .bloc_wrapper ul li {
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.2
}

.bloc_wrapper .col {
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  padding: 2rem 1.5rem;
  background: #fff;
  align-self: flex-start
}

.bloc_wrapper .col p {
  font-size: 1.4rem;
  line-height: 1.3;
  margin-bottom: 0.5rem
}

/*bulle taux page contenu immo*/
.entete_preform .bulle-taux {
  display: none
}

.bg_taux .wrapper {
  position: relative
}

.bg_taux .bulle-taux {
  animation: fadeIn ease 0.5s forwards;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  background: #c8dcf3;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  border-radius: 100% 100% 0 0;
  width: 100%;
  bottom: 0;
  right: 0
}

.bg_taux .bulle-taux .taux-min {
  align-self: flex-start;
  color: #003050;
  font-size: 1.5rem;
  font-weight: 600
}

.bg_taux .bulle-taux .taux-min .d-block {
  display: inline
}

.bg_taux .classic-bubble .taux-min {
  line-height: 1.2
}

.bg_taux .taux-bulle {
  font-size: 2.6rem;
  font-weight: 700
}

.md-block {
  display: block
}

.bg_grey .other_page.wrapper {
  padding-bottom: 8rem
}

.time-bulle {
  font-weight: bold;
  font-size: 1.6rem;
  padding-top: 0.5rem
}

/* page simulation */
.scoring-box {
  background: #fff;
  position: relative;
  border-radius: 1rem;
  margin: 1.5rem 0;
  width: 100%
}

.scoring-content ul li:before {
  content: url(/imgs/icons/checked.svg) !important;
  background: none !important;
  width: 1.5rem !important;
  height: auto;
  top: 0.3rem !important;
  line-height: 1.2
}

.scoring-box .title {
  line-height: 1.4;
  margin-bottom: 1.5rem
}

.scoring-box img {
  margin: 0 0 2rem
}

.scoring-box .content-toggle {
  display: none
}

.content_in .scoring-box ul {
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 0
}

.scoring-body {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  padding: 3rem
}

.scoring-notation {
  text-align: center
}

.scoring-btn {
  text-align: center
}

.scoring-img {
  width: 100%
}

.scoring-btn .btn_orange {
  max-width: 34rem;
  width: 100%
}

.scoring .title,
.scoring-notation .title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: .5rem
}

.scoring .popin-marker {
  padding: 0;
  margin-top: -0.1rem;
  margin-right: -1rem;
  margin-left: 0;
  justify-content: center
}

.scoring-round {
  margin-bottom: 2.5rem;
  width: 10rem;
  height: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: .5rem solid #F1F2F7
}

.scoring-mark {
  font-size: 2.5rem;
  font-weight: 700;
  white-space: nowrap
}

.scoring-box .color-default {
  color: #F1F2F7
}

.scoring-box .color-primary {
  color: #51AE32
}

.scoring-box .color-secondary {
  color: #FE523B !important
}

.scoring-notation .color-secondary-half {
  background: #FE523B;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.scoring .chart {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10rem;
  margin-bottom: 2rem
}

.scoring .chart canvas {
  display: block;
  position: absolute;
  transform: scale(0.5) scaleX(-1)
}

.scoring .chart span {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 10rem;
  height: 10rem;
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
  color: #51AE32
}

.scoring .chart-bigger {
  width: 14rem;
  height: 12rem
}

.scoring .chart-bigger span {
  font-size: 2.2rem
}

.pictos-carousel {
  height: 33rem;
  overflow: hidden
}

.pictos-carousel>* {
  background: 0 0;
  display: block;
  width: auto;
  padding: 1.5rem;
  margin: -1.5rem
}


.pictos-carousel {
  scrollbar-width: thin;
  scrollbar-color: #005187 #f1f2f7
}

.pictos-carousel::-webkit-scrollbar {
  width: 0.6rem !;
  height: 0.6rem;
  border: none
}

.pictos-carousel::-webkit-scrollbar-track {
  background: #f1f2f7;
  border: none
}

.pictos-carousel::-webkit-scrollbar-thumb {
  background-color: #005187;
  border-radius: 10rem;
  border: none
}

.pictos-carousel .widget-content {
  min-width: 31rem
}



.pictos-carousel {
  width: calc(100% + 4rem);
  padding: 2rem;
  margin: -2rem -2rem 2rem;
  overflow: scroll;
  overflow-y: auto
}

.block_comp_slider .title {
  line-height: 1.3;
  margin-bottom: 1.5rem
}

.block_comp_slider .bc_item {
  min-height: 25rem
}


.block_comp_flex:not(.block_comp_flex.tns-slider),
.pictos-carousel {
  display: flex;
  grid-gap: 1.5rem
}

.content_in .block_comp.block_comp_flex .bc_item,
.pictos-carousel .widget-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0;
  padding: 2.5rem 1.5rem;
  box-shadow: 0 0.4rem 1.5rem rgb(0 0 0 / 15%);
  transition: 0.1s ease box-shadow;
  border-radius: 1rem;
  background: #fff;
  transition: transform ease .3s
}

.block_comp.block_comp_flex .bc_item .bc_content {
  position: initial;
  padding: 0;
  height: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

.block_comp.block_comp_flex:not(.block_comp_slider) .bc_item .bc_content {
  margin-bottom: 3rem
}

.block_comp_flex .bc_content:before {
  position: initial;
  left: initial;
  top: initial;
  transform: none;
  margin: 0 auto 1rem
}

.content_in .block_comp_flex .bc_item .btn_orange {
  position: initial;
  left: auto;
  transform: none;
  margin-top: auto
}

.block_comp.block_comp_flex.tns-carousel>*,
.pictos-carousel.tns-carousel>* {
  background: none;
  display: block
}

.content_in .block_comp.block_comp_flex .bc_item:hover,
.pictos-carousel .widget-content:hover {
  transform: translateY(-0.3rem)
}

.content-toggle:after {
  content: url(/imgs/arrow-nav.svg);
  margin-left: 0.5rem;
  transform: rotate(90deg) scale(0.9);
  transition: transform 0.3s ease
}

.active.content-toggle:after {
  transform: rotate(-90deg) scale(0.9)
}

.content_in .scoring-box ul li:not(:last-child) {
  margin-bottom: 1.5rem
}

.content_in .scoring-box ul li:not(.sublist > ul > li) {
  padding-left: 2.25rem
}

/*slider avec des pictos*/
.content-slider .pictos-carousel {
  margin-bottom: 3rem
}

.pictos-carousel a {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  align-self: flex-start
}

.pictos-carousel .item-picto {
  margin: 0 auto
}

.pictos-carousel .item-picto img {
  max-width: 100%;
  vertical-align: middle;
  max-height: none;
  display: block;
  width: 20rem;
  height: 20rem;
  margin: 0 auto
}

.pictos-carousel .widget-content {
  grid-gap: 1.5rem
}

/*timeline*/
.timeline {
  position: relative
}

.timeline-content {
  position: relative;
  align-items: center;
  padding-left: 5rem;
  transition: font-weight .3s
}

.timeline-content span,
.timeline-content a {
  color: #003050;
  font-size: 1.6rem;
  line-height: 1.4;
  display: flex;
  align-items: center
}

.timeline-content span:before,
.timeline-content a:before {
  content: "";
  border: 1px solid #005187;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  position: absolute;
  left: 0;
  z-index: 1;
  background: #fff;
  transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out
}

.timeline-content span:after,
.timeline-content a:after {
  content: "";
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 0;
  z-index: 3;
  border-radius: 50%
}

.timeline-content.is-active span:after,
.timeline-content.is-active a:after {
  background: #005187
}

.timeline-content span:after,
.timeline-content a:after {
  background: #fff
}

.timeline-content span:after,
.timeline-content a:after,
.timeline-content.is-active span:after,
.timeline-content.is-active a:after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  left: 5px;
  z-index: 3;
  border-radius: 50%
}

.timeline-content a:visited {
  color: #9E9E9E
}

.timeline-content a:visited:after {
  background: #D8E9FF
}

.timeline-content.is-active {
  font-weight: 700
}

.timeline-content:not(:last-child):before {
  content: "";
  position: absolute;
  height: calc(50% + 45px);
  width: .1rem;
  background-color: #005187;
  left: 10px;
  top: 50%
}

.timeline-content a:hover,
.timeline-content span:hover {
  cursor: pointer;
  color: #005187
}

.timeline-title .col_title {
  display: flex;
  position: relative;
  margin-bottom: 0;
  padding: 1rem 0;
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: none;
  color: #003050
}

.timeline-title.show .col_title:after {
  transform: rotate(-180deg)
}

.timeline-collapse {
  padding-top: 2rem
}

.timeline-content:hover .timeline-dot:after {
  background-color: #005187
}

/*bloc card-taux page travaux*/
.card-lg {
  max-width: 75.5rem;
  margin: 3.5rem auto 4.5rem
}

.card-lg .txt-info {
  font-size: 1.2rem;
  font-weight: 600;
  color: #005187;
  text-align: right;
  margin-top: 1rem
}

.card-taux {
  justify-content: space-between;
  position: relative;
  font-family: "Poppins", Arial, sans-serif;
  color: #fff;
  font-weight: 700;
  border-radius: 1rem;
  text-align: center;
  padding: 2.5rem 1.5rem;
  transition: 0.3s ease transform
}

.shadow {
  box-shadow: 0 0.4rem 1.5rem rgb(0 0 0 / 10%)
}

.bg-gradient {
  background: linear-gradient(180deg, #005187 0, #005187 100%)
}

.btn-outline {
  font-size: 1.6rem;
  display: inline-flex;
  justify-content: center;
  border-radius: 3rem;
  padding: 1.5rem 2rem;
  border: 1px solid #fff;
  text-align: center;
  border-color: #fff;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn-outline:hover {
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 25%), 0 3px 10px 5px rgb(0 0 0 / 5%) !important
}

.btn-outline a {
  color: #fff
}

.card-lg-txt {
  padding-bottom: 2rem
}

.card-lg-txt span {
  display: block
}

.content_in .txt-left,
.content_in .txt-right {
  font-size: 2.4rem;
  line-height: 1.2;
  margin-bottom: 0
}

.txt-left .card_txt:first-child {
  text-align: left
}

.card-lg-txt .lg_txt {
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 700
}

.card-lg-txt .lx_txt {
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.5rem
}

.card-lg-txt .small_txt {
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
  margin-bottom: 0.5rem
}

.card-lg-txt .txt-right {
  font-weight: 400
}

.card-lg-txt .txt-right .card_txt {
  display: flex;
  flex-direction: column;
  text-align: center
}

.card-lg-txt .txt-right .small_txt {
  font-weight: 600
}

/*custom preform calculettes immo*/
.content-card-preform {
  display: inline-flex;
  flex-direction: column;
  max-width: 60rem;
  width: 100%
}

.links-preform-sm .card-body {
  display: flex;
  text-align: left;
  align-items: center
}

@media only screen and (max-width: 767.98px) {
  .links-preform-sm .card-body {
    column-gap: 1.6rem;
  }
}

/* new ade preform */
.links-preform-vertical .titre-col {
  height: auto
}

.links-preform-vertical .card-body {
  padding: 0
}

.links-preform-vertical {
  display: flex;
  align-items: center
}

.links-preform-vertical .separator span {
  padding: 2rem;
  font-weight: 700;
  background: #D8E9FF;
  position: relative
}

.links-preform-vertical .separator {
  position: relative
}

.links-preform-vertical .separator:before {
  content: '';
  width: 0.1rem;
  height: 13rem;
  background: #003050;
  position: absolute;
  top: -5.5rem;
  left: 50%;
  transform: translateX(-50%)
}

.links-preform-vertical .card-body img {
  margin-left: auto
}

.links-preform-vertical .card-body .titre-col {
  margin-right: 1.5rem
}

.links-preform-vertical .separator {
  display: flex;
  text-align: center;
  width: 100%;
  justify-content: center
}

.links-preform-vertical .separator:before {
  top: 50%;
  width: 100%;
  height: 0.1rem
}

.links-preform-vertical .separator span {
  padding: 0 2rem
}

.content-card-preform .links-preform-sm.links-preform-vertical svg:last-child {
  margin-left: auto;
  margin-right: 0;
  width: 1.75rem;
  min-width: auto
}

.links-preform-sm.links-preform-vertical .bgi {
  width: 100%
}

.agence-preform .title-lead {
  margin-bottom: 2rem
}

.agence-preform .avis-google {
  margin-top: 2.5rem;
  font-weight: 600
}

.picto-google {
  vertical-align: middle;
  margin-left: 0.5rem
}

/* download ebook */
.box-subscribe {
  background: #FFFFFF;
  box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.15);
  border-radius: 1rem;
  padding: 3.5rem 2rem
}

.box-subscribe .title {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.25;
  color: #003050;
  margin-bottom: 1.5rem
}

.box-subscribe .subtitle {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.25;
  color: #005187;
  margin-bottom: 2rem
}

.box-subscribe .content-search {
  max-width: 50rem;
  width: 100%
}

.box-subscribe .content-search form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 2rem
}

.box-subscribe .content-search .input_group {
  min-height: 6rem;
  border: 1px solid #D0D2D8;
  font-size: 1.8rem;
  color: #003050
}

.box-subscribe .content-search .input_group input {
  display: inline-flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.box-subscribe .content-search .input_group input,
.box-subscribe .content-search .input_group input::placeholder {
  font-size: 1.8rem;
  color: #003050
}

.toggle-group,
.contact-coord .toggle-group {
  display: flex;
  grid-gap: 1rem;
  text-align: left;
  line-height: 1.25;
  cursor: pointer
}

.toggle-group .bgi {
  text-decoration: underline;
}

.toggle-classic {
  display: flex;
  margin-top: 0.25rem
}

.toggle-classic input {
  display: none
}

.toggle-classic .toggle {
  cursor: pointer;
  min-width: 3.5rem;
  height: 2rem;
  background: #D0D2D8;
  border-radius: 5rem;
  position: relative
}

.toggle-classic .toggle:after {
  content: '';
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  border-radius: 5rem;
  transition: 0.3s
}

.toggle-classic input:checked+.toggle {
  background: #003050;
}

.toggle-classic input:checked+.toggle:after {
  transform: translateX(1.5rem)
}

.content_in .input-error-text {
  display: none;
  margin: 0
}

.box-subscribe .tiny-text {
  font-size: 1.1rem;
  margin-top: 0.5rem;
  transform: translateY(1.5rem)
}

/*bloc home ilage + texte */

.bloc_content .bloc_content_img {
  display: grid;
  gap: 2rem
}

.bloc_content .bloc_content_img img {
  max-width: 100%
}

/*new header*/
@media only screen and (max-width: 1279.98px) {
  .head_sup {
    display: flex;
    align-items: center;
    width: 100%;
    height: 8rem;
    max-width: 192rem;
    padding: 0 2rem;
    margin: 0 auto
  }

  /* menu all in one v3*/

  .logo {
    display: inline-block;
    vertical-align: middle
  }

  .logo {
    width: 100%;
    text-align: center;
  }

  .logo img {
    width: 16rem;
  }

  .smenu {
    display: none
  }

  .active_m #menu_under {
    display: block
  }

  .smenu_bis_on {
    display: table
  }

  .btn_active .second-spinner {
    transform: translateX(-30%);
    opacity: 0;
  }

  .btn_active .first-spinner {
    transform: rotate(45deg) translate(8px, 7px);
  }

  .btn_active .third-spinner {
    transform: rotate(135deg) translate(-8px, 8px);
  }

  .menu-button {
    width: 4rem;
    background: none;
    cursor: pointer
  }

  .menu-button .spinner {
    width: 80%;
    height: 0.3rem;
    background: #003050;
    margin: 0.8rem auto;
    border-radius: 2.5rem;
    transition: 0.3s ease-in-out all
  }


  .active_m,
  .active_m body {
    overflow: hidden;
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    position: fixed
  }

  .active_m #content {
    overflow: hidden;
    -webkit-overflow-scrolling: touch
  }

  .menu_under {
    opacity: 0
  }

  .menu_under.under_on {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 6rem;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 50;
    opacity: 1;
    transition: opacity .25s ease;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .04);
  }

  #d_menu {
    position: absolute;
    background: #fff;
    margin-top: 6rem;
    top: 0;
    width: 32rem;
    z-index: 10000;
    height: 100%;
    transform: translateX(-100%);
    transition: transform .25s ease;
  }

  .menu_right.menu_customer {
    display: none;
  }

  #submenu_immo .submenu {
    transform: translateX(36rem);
  }

  .submenu {
    transform: translateX(-100%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: calc(100% - 6rem);
    width: calc(100vw - 32rem);
    background: #fff;
    transition: transform .25s ease-in;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    z-index: -1;
  }

  .submenu .container {
    height: 100%;
    margin: 0;
    overflow: auto;
    margin-bottom: 3rem;
  }

  .submenu>li {
    display: table-cell
  }

  .m_menu .el_menu,
  .m_menu .menu_right {
    position: relative;
  }

  .m_menu {
    width: 100%;
    overflow: auto;
    background: #fff;
    padding: 2rem 2rem 0;
  }

  .menu_right,
  .content-avis-mobile {
    padding: 0 2rem;
  }

  .menu_right li:last-child {
    padding-bottom: 2rem;
  }

  .content-avis-mobile {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.4rem;
    font-weight: 500;
  }

  .d_menu_on {
    background: #fff;
  }

  .m_menu .el_menu .item_menu a br {
    display: none;
  }

  .m_menu .el_menu .item_menu a,
  .m_menu .el_menu .item_menu span {
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    height: 5rem;
  }

  .menu_right span {
    color: #003050;
    font-size: 1.4rem;
  }

  .m_menu .el_menu:last-child,
  .border-mobile .el_menu:last-child {
    border-bottom: 0.1rem dashed #A3A3A3;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }

  .arrow-svg {
    background: url(/imgs/menu/chevron-right.svg) center right no-repeat;
  }

  .bl_submenu .m_btn {
    display: table;
    width: 100%;
    height: 4rem;
    margin: 0 0 1.5rem
  }

  .bl_submenu .m_btn [class*="cta_"] {
    display: table-cell;
    vertical-align: middle;
    padding: 0 1rem;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    text-decoration: none
  }

  .bl_submenu .m_btn [class*="cta_"] a {
    color: #fff
  }

  .bl_submenu li {
    font-size: 1.3rem;
    margin-bottom: 1.8rem;
  }

  .hide_onmob,
  .submenu .m_retour {
    display: none
  }

  .bl_submenu li.mention_taux {
    font-size: 1.2rem;
    margin: .5rem 0 2.5rem
  }


  ul.submenu ul.bl_submenu li.m_title {
    font-size: 1.8rem;
  }




  .submenu.submenu_on {
    transform: translateX(32rem);
    transition: transform .25s ease;
  }

  #d_menu.d_menu_on {
    transform: translateX(0);
    transition: transform .25s ease;
  }

  span.menu-retour {
    display: flex;
    align-items: center;
  }

  span.menu-retour:before {
    content: url(/imgs/menu/menu-retour.svg);
    background-position: center;
    margin-right: 0.8rem;
  }

  .submenu_right .item_submenu,
  .menu_right .item_right {
    display: flex;
    width: 100%;
    height: 4rem;
    margin: 0;
    align-items: center
  }

  .submenu_right {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .submenu_right .item-svg {
    vertical-align: middle;
    margin-right: 1.2rem;
  }

  .menu_right .item_right {
    border-bottom: 0.1rem solid #D0D2D8
  }

  .submenu_right .item_submenu>* {
    color: #003050;
  }

  .menu_rate {
    color: #003050;
    margin-bottom: 2rem;
  }


  .know_more {
    font-size: 1.5rem;
    font-weight: 700;
    height: 5rem;
    padding: 0 2rem;
    align-items: center;
    display: flex;
    border-width: 0 0.1rem 0.1rem 0.1rem;
    border-style: solid;
    border-color: #d7dadf;
    border-radius: 0 0 1rem 1rem;
  }

  p.menu_mentions {
    margin-bottom: 2rem;
    font-size: 1.2rem;
    color: #005187;
  }

  .menu_rate p {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
  }

  .bl_submenu .menu-visuel {
    margin-bottom: 2rem;
    max-width: 100%;
    width: 100%;
  }

  .submenu .menu_rate .medium_size {
    font-size: 1.8rem;
  }

  .btn_customer {
    display: flex;
    height: 4rem;
    width: 4rem;
    align-items: center;
    justify-content: center;
    margin-left: auto;
  }

  .submenu .m_display,
  .submenu .m_display .arrow {
    margin: 0;
    color: #003050;
    font-weight: 700;
    font-size: 1.6rem;
  }

  .submenu .m_display {
    margin-bottom: 3.5rem;
  }

  .submenu .content-visuel {
    margin-bottom: 3rem;
  }

  .head_sup {
    height: 6rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
  }

  .m_menu .item-arrow+svg {
    display: none
  }

  .m_menu .el_menu .item_menu a,
  .m_menu .el_menu .item_menu span {
    font-size: 1.6rem;
    color: #003050;
  }
}

@media only screen and (max-width: 1279.98px) {
  div.submenu .container {
    height: 100%;
    overflow: auto;
    padding: 1.6rem;
  }
}

@media only screen and (max-width: 767.98px) {
  div.submenu .container {
    margin: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
  .submenu .bl_submenu {
    column-gap: 1.6rem;
  }
}

@media all and (max-width: 1400px) {
  .block_comp_slider {
    width: calc(100% + 4rem);
    padding: 2rem;
    margin: -2rem -2rem 2rem;
    overflow: scroll;
    overflow-y: auto
  }

  .content_in .block_comp.block_comp_slider .bc_item {
    min-width: 28rem;
    min-height: 28rem
  }

  .block_comp_flex {
    scrollbar-width: thin;
    scrollbar-color: #005187 #f1f2f7
  }

  .block_comp_flex::-webkit-scrollbar {
    width: 0.6rem !;
    height: 0.6rem;
    border: none
  }

  .block_comp_flex::-webkit-scrollbar-track {
    background: #f1f2f7;
    border: none
  }

  .block_comp_flex::-webkit-scrollbar-thumb {
    background-color: #005187;
    border-radius: 10rem;
    border: none
  }
}

@media all and (max-width: 1024px) {
  .block_comp_flex {
    padding: 2rem;
    margin: -2rem -2rem 2rem;
    overflow: scroll;
    overflow-y: auto
  }

  .content_in .block_comp.block_comp_flex .bc_item {
    min-width: 28rem
  }

  .scoring-title {
    position: relative;
    width: 100%;
    max-width: none;
    border-radius: 1rem 1rem 0 0;
    justify-content: center;
    text-align: center
  }

  .scoring-box img {
    margin: 0 auto 2rem
  }

  .scoring-img {
    text-align: center;
    margin: -1rem 0 2rem
  }
}

@media all and (max-width: 600px) {
  .scoring-title {
    font-size: 1.4rem;
    height: auto;
    padding: 1rem
  }

  .scoring-img {
    margin: 0
  }

  .scoring-img img {
    max-width: 14.4rem;
    width: 100%;
    height: auto
  }

  .scoring {
    margin: 0;
    justify-content: center
  }

  .scoring-btn .btn_orange {
    width: auto
  }

  .scoring-content {
    text-align: left
  }
}

@media all and (max-width: 480px) {
  .scoring-body {
    padding: 2.5rem 1.5rem
  }

  .scoring-box .content-toggle {
    margin: 0 -1.5rem -2.5rem
  }

  .scoring-body {
    padding-top: 2rem
  }

  .form-contact .calendar .day-item {
    padding: 0 0.5rem;
    margin-bottom: 2.5rem;
  }

  .form-contact .calendar .day-item .day {
    font-size: 1.2rem;
  }

  .form-contact .rendez-vous .form-group.form-group-dual-column {
    flex-direction: column;
    grid-gap: 0
  }

  .form-contact .rendez-vous .arrow {
    background-size: 0.5rem
  }

  .other_actu.other_page.custom_display {
    position: fixed;
    top: 0;
    z-index: 1000;
    bottom: 0;
    height: 100%;
    overflow: auto;
    background: #fff;
    padding: 1.5rem;
    z-index: 10000
  }

  .other_page.custom_display:before {
    background: transparent
  }

  .custom_display .oa_actu {
    display: flex;
    flex-direction: column;
    grid-gap: 1.5rem;
    padding-bottom: 2.5rem;
    margin-bottom: 3rem
  }

  .custom_display .oa_actu:not(:last-child) {
    border-bottom: 0.1rem solid #D0D1D4
  }

  .custom_display .oa_text {
    padding: 0;
    font-size: 1.6rem;
    font-weight: 600;
    width: 100%
  }

  .custom_display .oa_actu img {
    width: 100%;
    height: 20rem;
    object-fit: cover
  }

  .other_actu.other_page.dark-theme.custom_display {
    background: #363739
  }

  .other_actu.other_page.dark-theme.custom_display .h2style {
    color: #FDFEFF
  }

  .other_actu.other_page.dark-theme.custom_display .oa_text a {
    color: #FDFEFF
  }

  .other_actu.other_page.dark-theme.custom_display .oa_text {
    color: #A2A3A7
  }

  .custom_display.dark-theme .oa_actu:not(:last-child) {
    border-bottom: 0.2rem solid #404143
  }
}

@media all and (max-width: 360px) {
  .scoring-body {
    grid-template-columns: 1fr auto
  }

  .scoring-box .popin-mentions {
    right: -3.75rem
  }
}


@media all and (max-width: 1279.98px) {
  .timeline-title .col_title {
    font-size: 1.6rem
  }

  .timeline-title .col_title:after {
    content: '';
    background: url(/assurance-pret/formulaire/imgs/svg/up-down.svg) no-repeat right center;
    width: 1.2rem;
    height: 1.2rem;
    transition: transform .3s ease-in-out;
    margin-left: auto
  }

  .timeline-collapse {
    display: none;
    overflow: hidden
  }

  .timeline-title.show+.timeline-collapse {
    display: block
  }

  .col_right.col_right_secondary {
    order: -1
  }

  .form-textbox~.form-label {
    font-size: 1.4rem
  }

  .menu_top.menu_customer {
    display: none
  }

  .content-avis {
    display: none;
    font-size: 1.3rem;
  }

  .center_part_liste {
    flex-direction: column;
  }

}

@media only screen and (min-width:1280px) {
  header {
    display: flex;
    flex-direction: column;
  }

  .backg-color {
    background-color: #005187;
  }

  .main-nav,
  .head_sup {
    display: flex;
    width: 100%;
    max-width: 144rem;
    padding: 0 2.6rem;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    height: 6rem;
  }

  .content-avis {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.4rem;
  }

  .main-nav {
    color: #fff;
    align-items: center;
  }

  .main-nav {
    color: #fff;
    align-items: center;
  }

  .el_menu.menu_right {
    display: flex;
    align-items: center;
    gap: 3rem;
  }

  .head_sup .btn_customer {
    display: none;
  }

  .m_menu .el_menu {
    display: flex;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    overflow: hidden
  }

  .m_menu .el_menu:not(.menu_right) {
    gap: 0.5rem
  }

  .m_menu {
    display: flex;
    width: 100%;
    margin: 0 auto;
    height: 6rem;
    position: relative;
    z-index: 11;
    gap: 3rem;
  }

  .submenu .menu_rate {
    font-size: 1.6rem;
    color: #003050;
  }

  .bl_submenu .menu-visuel {
    margin-bottom: 2.6rem;
    max-width: 100%;
  }

  .arrow-svg:hover path {
    stroke: #005187
  }

  .d_menu_on .hide-desktop {
    display: none;
  }

  #smenu_btn {
    display: none
  }

  /* #d_menu{width:100%;position:relative; z-index: 199} */
  .item_menu {
    display: table;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100%;
  }

  .submenu {
    position: absolute;
    width: 100%;
    max-width: 144rem;
    left: 50%;
    margin-top: 1px;
    transform: translateX(-50%);
    background: white;
    opacity: 0;
    text-transform: none;
    font-weight: normal;
    text-align: left;
    box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.15);
    transition: opacity ease-in .25s;
    border-radius: 0 0 1rem 1rem;
    overflow: hidden;
    pointer-events: none
  }

  .submenu_on {
    z-index: 100;
    opacity: 1;
    pointer-events: auto
  }

  .submenu .container {
    margin: 0
  }

  li.left_part ul {
    flex: 1
  }

  .bl_submenu .m_btn [class*="cta_"] {
    font-size: 1.4rem;
  }

  .bl_submenu {
    padding: 0;
    display: grid;
    height: auto;
    width: 100%;
    max-width: 192rem;
    margin: 0 auto
  }

  .columns-flex {
    display: flex;
    gap: 3rem;
  }

  .submenu li.m_taux {
    display: table;
    width: 100%;
    margin: 0
  }

  li.ment_taux {
    font-size: 1.2rem;
    text-align: center;
    font-style: italic;
    padding: 1.5rem 0 .5rem;
    letter-spacing: -.01rem
  }

  .item_menu span,
  .item_menu a {
    display: table-cell;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
    height: 100%;
  }

  .item_menu a.hov,
  .item_menu a:hover,
  .item_menu .item_right span:hover,
  .hov_fixed {
    text-decoration: none;
    text-shadow: 0 0 1px currentColor;
  }

  .m_menu .item_menu a {
    border-bottom: 4px solid transparent;
  }

  .m_menu .item_menu a.hov,
  .m_menu .item_menu a:hover,
  .m_menu .hov_fixed {
    border-bottom: 4px solid;
  }

  .menu_right_desktop {
    font-size: 1.4rem
  }

  .m_menu .el_menu:hover .arrow-svg path {
    stroke: #005187
  }

  .item_menu a:after,
  .item_menu .hov:after,
  .hov_fixed:after {
    content: '';
    left: -100%;
    background: #005187;
    transition: all .5s ease;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .6rem;
    z-index: 1000
  }

  /* .item_menu a:hover:after, .item_menu .hov:after, .m_menu .hov_fixed:after{left:0;transition:all .5s ease} */
  #menu_under {
    height: 100%;
    width: 100%;
    z-index: 150;
    position: fixed;
    display: none
  }

  .left_part {
    flex: 2;
    margin: 0;
    display: flex;
    padding: 2.5rem 3.5rem 1.5rem;
    grid-gap: 5rem
  }

  .center_part {
    display: flex;
    gap: 2em;
    padding: 2rem 2.6rem;
    background-color: #F4F4F4;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .center_part_liste li {
    border-radius: 2rem;
    padding: 0.6rem;
    border: 0.8px solid #003050;
    background-color: #F4F4F4;
    transition: all 0.2s ease;
  }

  .center_part_liste li:hover {
    border-radius: 2rem;
    padding: 0.6rem;
    border: 0.8px solid #003050;
    background-color: #033050;
  }

  .center_part_liste li:hover>* {
    color: #fff;
  }

  .center_part_liste .icon_calc {
    font-size: 1.2rem;
    line-height: 1.3;
    padding: 0.7rem;
    font-weight: 500;
  }

  .center_part_liste {
    flex-grow: 1;
    justify-content: space-between;
  }

  .m_title-width {
    white-space: nowrap;
    flex-shrink: 0;
  }

  .mention_taux {
    margin: 0;
    font-size: 1.2rem;
    color: #32647f;
    font-style: italic;
  }

  .bl_submenu .m_btn [class*="cta_"] a {
    color: #fff;
    text-decoration: none
  }

  .bl_submenu li.m_title {
    margin: 0 0 .25rem 0;
    display: inline-block
  }

  .hide_onmob {
    display: inline-block
  }

  .submenu .m_retour,
  .el_menu.nav_secondaire {
    display: none
  }

  .submenu .menu_rate {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 2.3rem;
  }

  .submenu .menu_rate .large_size {
    display: block;
    font-size: 5.4rem
  }

  .submenu .menu_rate .medium_size {
    font-size: 2.4rem
  }

  .submenu .know_more {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 3.5rem;
    color: #ffff;
    font-weight: 700
  }

  .submenu .know_more .arrow {
    background-image: url(/imgs/arrow-white.svg)
  }

  .submenu .know_more a {
    color: inherit
  }

  .submenu .menu_mentions {
    font-size: 1.2rem;
    position: absolute;
    bottom: 3rem;
    text-align: center;
    font-style: italic;
    left: 0;
    right: 0;
    color: #fff;
    padding: 0 2rem
  }

  #d_menu.customer_menu {
    display: none
  }

  .menu_right .item_left.bgi:after {
    content: '|';
    margin: 0 10px
  }

  header {
    position: relative
  }

  .m_menu .el_menu .arrow-svg.hidden {
    visibility: hidden
  }

  .menu_right_mobile {
    display: none
  }

  .menu_right_desktop {
    display: flex;
    gap: 3rem;
  }

  [data-grid-name="grid-special"] {
    grid-template-columns: auto auto 36rem;
    grid-template-areas:
      "c c c"
      "b d a";
    gap: 3rem 2rem;
    margin-bottom: 3rem;
  }

  .submenu ul:not(.center_part_liste) li {
    line-height: 1.4;
    margin-bottom: 1.8rem;
  }

  @media (min-width: 1024px) {
    .area-a {
      padding-right: 2.6rem;
    }

    .area-b {
      padding-left: 2.6rem;
    }
  }

}

@media all and (max-width: 1280px) {
  .bg_preform_home {
    background-size: 55% 100%
  }

  .col_sticky {
    text-align: center
  }

  /*pictos slider*/
  .content-slider {
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem
  }
}

@media all and (max-width: 1024px) {
  .offer-item {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 2rem 1.5rem
  }

  .content-offers {
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 3rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
  }

  .offer-item .item-content {
    margin-bottom: 2rem;
    height: initial
  }

  .offer-item img {
    margin-bottom: 1.5rem
  }

  .blocs_meilleur_taux {
    overflow: auto;
    margin-bottom: 4rem;
  }

  .bg_preform_home {
    background-size: 100%;
    background-position: right -50vw top
  }
}

@media all and (max-width: 680px) {
  .content-offers {
    display: -ms-flexbox;
    display: flex
  }

  .offer-item {
    width: 100%
  }

  .offer-item .item-content-large {
    width: 100%;
    height: auto
  }

  .resume:not(.border-none) .txt-content,
  .content_in ul {
    padding-left: 1.5rem
  }

  .resume:not(.border-none) .txt-content table {
    width: 100vw !important;
    margin-left: -4rem
  }

  .trustbox-content {
    padding-top: 2rem;
    padding-bottom: 2rem
  }
}

@media only screen and (min-width:551px) {
  .bg_parrainage {
    background: url(/imgs/bg_parrainage.jpg) no-repeat center top / cover
  }

  .bg_espace_perso {
    background: url(/imgs/bg_espace_client.jpg) no-repeat center top / cover
  }

  .conso.bloc_project {
    background: url(/imgs/projet-conso-xl.jpg) no-repeat center center / cover
  }

  .auto.bloc_project {
    background: url(/imgs/projet-auto-xl.jpg) no-repeat center center / cover
  }

  .bloc_project {
    background: url(/imgs/projet-immo-xl.jpg) no-repeat center center / cover
  }

  .nm_bloc_calc.col5,
  .nm_bloc_calc.col4 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    gap: 2rem
  }

  .nm_bloc_calc .nm_calc {
    margin-bottom: 0
  }

  .grid_actu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 3.5rem
  }

  .grid_actu .ga_item,
  .large_actu .la_item {
    margin-bottom: 0
  }

  .nm_bloc_calc .nm_calc {
    display: inline-block;
    height: 16rem;
    padding: 10.5rem 1.5rem 1.5rem;
    text-align: center;
    margin-right: 0
  }

  .nm_bloc_calc .nm_calc>span {
    position: absolute;
    width: 100%;
    position: absolute;
    width: 100%;
    top: 3.5rem;
    margin: 0;
    left: 0;
    text-align: center
  }
}

@media only screen and (min-width:660px) {
  .conso .lp_bloc_1 {
    background-image: url(/imgs/conso-projet-creditauto.jpg)
  }

  .conso .lp_bloc_2 {
    background-image: url(/imgs/conso-projet-prettravaux.jpg)
  }

  .conso .lp_bloc_3,
  .auto .lp_bloc_1 {
    background-image: url(/imgs/conso-projet-pretperso.jpg)
  }

  .conso .lp_bloc_4,
  .auto .lp_bloc_5 {
    background-image: url(/imgs/conso-projet-renouvelable.jpg)
  }

  .auto .lp_bloc_2 {
    background-image: url(/imgs/conso-projet-loa.jpg)
  }

  .auto .lp_bloc_3 {
    background-image: url(/imgs/conso-projet-creditaffecte.jpg)
  }

  .auto .lp_bloc_4 {
    background-image: url(/imgs/conso-projet-particuliers.jpg)
  }

  .lp_bloc_1 {
    background-image: url(/imgs/immo-projet-primoaccedant.jpg)
  }

  .lp_bloc_2 {
    background-image: url(/imgs/immo-guide-investimmo.jpg)
  }

  .lp_bloc_3 {
    background-image: url(/imgs/immo-projet-rac.jpg)
  }

  /* bannière pub tv */
  .event .event_item {
    position: absolute;
    right: 0.5rem;
    top: 47.5rem;
    width: 36rem;
    height: 7.5rem;
    background: url(/imgs/bloc-tv-mobile.jpg) no-repeat center center / contain;
    z-index: 5
  }

  /* fin bannière pub tv */
  .bloc_newsletter .newsletter form,
  .bloc_project form,
  .newsletter_footer form {
    padding: 0.5rem;
    background: #fff;
    border: 1px solid #D0D2D8;
    border-radius: 3.5rem;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.08)
  }

  .bloc_newsletter .newsletter_input .newsletter_footer .newsletter_input {
    border-radius: 3.5rem 0 0 4.5rem;
    margin-right: 1rem
  }

  .content_in .bc_item .btn_orange {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
  }

  .bloc_newsletter .btn_iceblue {
    height: 4rem
  }

  .large_actu:not(.row_actu) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 3.5rem
  }

  .content_in table.tab_contenu tr:not(:first-child):not(:last-child) td {
    border-bottom: 0.1rem solid #D0D1D4
  }

  .content_in table.tab_contenu th.titre_tab_contenu {
    color: #fff
  }

  .content_in table tr:first-child *:first-child {
    border-radius: 1rem 0 0 0
  }

  .content_in table tr:first-child *:last-child {
    border-radius: 0 1rem 0 0
  }

  .content_in .tab_custom_pro table tr:nth-child(1) th.titre_tab_contenu:nth-child(2) {
    border-radius: 1rem 0 0 0
  }
}

@media only screen and (min-width:768px) {

  /*générale*/
  [class*=bg_preform_] form:not(form.newsletter):not(.form-rac):not(.form-agence):not(.form-custom) {
    padding: 0.5rem;
    background: #fff;
    border: 1px solid #d0d2d8;
    border-radius: 3.5rem;
    box-shadow: 0 8px 20px 0 rgb(0 0 0 / 8%)
  }

  .entete_preform .ep_select #pret_bank {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .ep_select label {
    margin-right: .5rem
  }

  .nm_bloc_etpaes {
    grid-template-columns: repeat(3, 1fr)
  }

  .bloc-callback svg {
    margin-right: 0.75rem
  }

  .block_offres .col-3:last-child a,
  .offre-candidat .col-6:last-child a {
    margin-left: auto
  }

  .offres-recrut .col-6:last-child a {
    margin-left: auto
  }

  .block_offres .col {
    margin: auto !important
  }

  .offres-recrut .icon_work:before,
  .offres-recrut .icon_map:before {
    text-align: center;
    width: 3.5rem
  }

  .row_offres {
    min-height: 10.4rem
  }

  /* new formulaire express ADE */
  .content_new {
    padding-right: 20px;
    padding-left: 20px
  }

  .content_new.form_express h1 {
    font-size: 2.8rem;
    line-height: 1.5
  }

  .content_new.form_express h1 .small {
    font-size: 2rem;
    line-height: 1.5
  }

  .content_new.form_express h2 {
    font-size: 1.8rem;
    line-height: 1.5
  }

  .content_new .col_7 {
    padding-right: 20px;
    padding-left: 20px
  }

  .content_new .col_6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .content_new .col_4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .content_new .control-inline label {
    margin-right: 3rem;
    align-items: center;
    cursor: pointer;
    margin-bottom: 0
  }

  .content_new .control-inline .form-group {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .content_new.form_express .result_form_express {
    margin: 5rem auto
  }

  .msg_footer .new_size {
    font-size: 1.8rem;
    line-height: 1.5
  }

  /* fin new formulaire express ADE */

  /*page loa offres*/
  .col-lg-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .btn-resp {
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 1.5rem 2.9rem;
    line-height: 1.2
  }

  .fluid-paragraph {
    width: 720px;
    padding: 4.5rem 0
  }

  .offres-title b {
    display: block;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    opacity: .1;
    background-color: #003050
  }

  .fluid-paragraph p {
    font-size: 1.8rem;
    line-height: 1.7;
    font-weight: 700;
    margin-bottom: 0;
    letter-spacing: normal
  }

  .row-blur .col-md {
    display: block
  }

  .auto-grid-btn {
    top: 48%
  }

  .cta_content {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .cta_content.cta_loa .txt span {
    font-weight: 400;
    font-size: 2.2rem;
    display: block
  }

  .ctaV2 .txt {
    margin-right: 3rem
  }

  .cta_content .txt {
    font-size: 2.2rem !important;
    line-height: 1.34 !important;
    padding: 0.7rem
  }

  .btn_orange {
    line-height: 1.45;
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }

  .ctaV2 .cta_taux {
    display: inline-block;
    text-align: center
  }

  .cta_content .cta_taux span {
    font-size: 5rem
  }

  .content_in .bc_item .btn_orange {
    padding-right: 2.9rem;
    padding-left: 2.9rem
  }

  .right_side {
    max-width: 25rem;
    text-align: right
  }

  .content_new .grid {
    display: grid;
    grid-template-columns: 40% 40%;
    column-gap: 2rem
  }

  .nm_bloc_calc.col5 {
    grid-template-columns: repeat(3, 1fr)
  }

  .grid_actu {
    grid-template-columns: repeat(3, 1fr)
  }

  /*cta avec deux taux*/
  .content_txt_taux {
    grid-template-columns: auto 1fr 1fr;
    align-items: center;
    column-gap: 2rem
  }

  .content_txt_taux .txt {
    text-align: left
  }

  /*page auteur*/
  .card-auteur {
    padding: 3rem;
    margin-bottom: 6.5rem
  }

  .card-auteur .content-link {
    padding-bottom: 2.5rem
  }

  /*new ui kit*/
  .single-bloc,
  .model-bloc {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .single-blog {
    text-align: center;
    padding: 0 5rem 5rem;
    margin-bottom: 6rem
  }

  blockquote,
  .blockquote,
  .model-bloc {
    padding: 5rem
  }

  .content_in blockquote:before,
  .content_in .blockquote:before {
    left: 2rem
  }

  .trustbox-slider {
    padding: 6rem 0
  }

  .model-bloc.summary ul li,
  .model-bloc.summary ol li {
    font-size: 1.8rem;
    line-height: 1.3
  }

  /*page articles titre sur la photo*/
  .content_in .first_img .titre-photo {
    font-size: 2.8rem;
    padding: 3.5rem
  }

  .bloc_partners.wrapper {
    position: relative;
    padding-top: 3rem;
    padding-bottom: 3rem;
    overflow: hidden
  }

  /*bandeau étapes*/
  .nm_bloc_etpaes {
    gap: 2rem;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .nm_bloc .btn_orange {
    display: -ms-inline-flexbox;
    display: inline-flex
  }

  .etape-content {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
  }

  .txt-white-stroke {
    padding-right: 0
  }

  /*bloc partners*/
  .bloc_partners_stitre {
    padding-top: 2rem;
    padding-bottom: 2rem
  }

  .ba_content>.ba_social,
  .ba_content>.all_actus {
    display: none
  }

  #green-bloc.avis-bloc {
    margin-right: 3rem
  }

  .avis-bloc {
    width: calc(50% - 2rem);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .bg_preform_home .links-preform,
  .bg_univers .links-preform,
  .bg_preform_12 .links-preform {
    gap: 1.6rem
  }

  .bg_preform_home .grid .title,
  .bg_preform_2_xl .title {
    margin-bottom: 2rem
  }

  [class*='bg_preform_'] .grid2.fil_ariane {
    padding-bottom: 5rem
  }

  .bg_preform_home ol:not(.fil_ariane)>li {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  [class*='bg_preform_'] .grid2 .btn_orange.extend {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 3rem
  }

  .trust-horizontal .logo-star {
    vertical-align: text-bottom
  }

  /*new preform epargne*/
  [class*='bg_preform_'] .input_form input {
    max-width: 30rem
  }

  .bg_preform_home .img-right {
    display: block;
    right: -31rem
  }

  /*bloc meilleur taux immo */
  .body_taux {
    max-width: 34rem;
    width: 100%
  }

  .map_taux {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 4rem
  }

  /*bloc aside full width */
  .bloc_wrapper {
    grid-template-columns: 1fr 1fr
  }

  .bloc_wrapper .col:first-child {
    grid-row: 1 / span 1;
    align-self: flex-start
  }

  .bloc_wrapper .col:nth-child(2) {
    grid-row: 1 / span 2;
    align-self: flex-start
  }

  .taux-min {
    margin-top: 0.75rem
  }

  .all_reviews {
    font-size: 1.4rem
  }

  /*bloc trustpilote*/
  .bloc_trustbox .note_moy {
    font-size: 3rem
  }

  .bloc_trustbox .note_globale {
    max-width: 35rem
  }

  .trustbox:before {
    height: 14rem;
    width: 35rem
  }

  /*bloc card taux*/
  .card-taux {
    padding-left: 3rem;
    padding-right: 3rem
  }

  .card-lg-txt .lg_txt {
    font-size: 2.4rem
  }

  .card-lg-txt .lx_txt {
    font-size: 5rem
  }

  .btn-outline {
    font-size: 1.8rem;
    padding-left: 3rem;
    padding-right: 3rem
  }

  .card-lg-txt {
    display: flex;
    justify-content: space-between
  }

  .txt-left {
    text-align: left
  }

  /*preform calculette immo*/
  .links-preform-sm {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1rem
  }

  .links-preform-sm .card {
    padding: 1.25rem;
    height: 100%
  }

  .links-preform-sm .card-body {
    flex-direction: column;
    text-align: center;
    row-gap: 1.6rem
  }

  .links-preform-sm .titre-col {
    display: flex;
    align-items: center;
    height: 3.6rem;
    margin: 0 auto 1rem;
    color: #003050
  }

  .grid-2 {
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    margin: auto
  }

  .links-preform .card,
  .links-preform-sm .card {
    padding: 1.8rem
  }

  /*preform univers*/
  .bg_univers .title .d-block {
    display: inline-block
  }

  .entete_preform.bg_univers {
    height: 57rem
  }

  .entete_preform.bg_univers,
  .entete_preform.bg_preform_home:after {
    background-size: 110%
  }

  /*preform rac*/
  .card-rac {
    max-height: 39.4rem
  }

  .pop-in {
    min-height: 38rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  /*preform home*/
  .card-preforms {
    grid-template-columns: repeat(2, 28rem);
    justify-content: center
  }
}

@media only screen and (min-width:968px) {
  .bg_taux .bulle-taux {
    top: 17rem;
    height: 14rem
  }
}

@media (min-width: 992px) {

  /*page loa offres*/
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-blur .col-lg-3 {
    display: block
  }

  .card-header {
    padding: 1.5rem
  }

  .card-header span {
    font-size: 1.4rem
  }

  .nm_bloc_calc.col3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    gap: 20px;
    margin-bottom: 0
  }

  .nm_bloc_calc.col4 {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .row-actus {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem
  }

  .all_actus {
    margin: 0;
    grid-column: 1/3;
    display: block;
    text-align: right
  }

  .ba_actu {
    display: inline-table
  }

  .ba_content img {
    width: auto;
    height: 12.5rem;
    display: block;
    margin-left: -2.8rem
  }

  .ba_actu .ba_text {
    padding: 1rem;
    font-size: 1.4rem;
    padding: 1rem
  }

  .row-actus .ba_social {
    grid-column: 1/3
  }

  .bg_preform_home .links-preform,
  .bg_univers .links-preform {
    grid-template-columns: repeat(2, 1fr)
  }

  [class*='bg_preform_'] .title {
    font-size: 3rem
  }

  .bg_preform_conso .links-preform {
    grid-template-columns: repeat(4, 1fr)
  }

  .bg_preform_conso .links-preform a:nth-child(5) {
    grid-column: 2 / span 2
  }
}

/*sidebar timeline*/
@media (min-width:768px) and (max-width: 1279.98px) {
  .col_right.col_right_secondary .col_content {
    max-width: 75rem;
    display: block;
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto
  }

  .bg_preform_rac .trust-horizontal {
    padding-bottom: 3rem
  }
}

.content-avis {
  color: #003050;
  font-weight: 600;
}

.center_part_liste {
  display: flex;
}

.submenu li>*,
ul.submenu li a {
  color: #003050;
  font-size: 1.3rem;
}


.bl_submenu .m_title,
.m_title-width {
  color: #003050;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.4;
}

.submenu ul:not(.center_part_liste) li {
  display: flex;
  align-items: center;
}

[data-grid-name="grid-special"] {
  display: grid;
}

.submenu .column-svg {
  margin-right: 1.6rem;
  vertical-align: middle;
}

.submenu .column-title {
  font-weight: 500;
}

.submenu .nav-link-col {
  padding-left: 3.6rem;
}

.submenu .nav-link:not(.m_title)>* {
  color: #003050;
}

.submenu .link-color>* {
  color: #005187;
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
  [data-grid-name="grid-special"] {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "b a"
      "c a"
      "d a";
  }
}

@media (min-width: 1024px) {
  .area-a {
    grid-area: a;
  }

  .area-b {
    grid-area: b;
  }

  .area-c {
    grid-area: c;
  }

  .area-d {
    grid-area: d;
  }
}

@media (min-width: 1280px) {
  .area-a {
    border-left: 0.1rem dashed #A3A3A3;
    padding-left: 3rem;
  }

  .area-d {
    border-left: 0.1rem dashed #A3A3A3;
    padding-left: 3rem;
  }
}

@media (min-width: 1440px) {
  .center_part {
    gap: 4em;
  }

  .center_part_liste .icon_calc {
    font-size: 1.3rem;
  }
}

/* ========== Version mobile (jusqu'à 1279.98px) ========== */
@media (max-width: 1023.98px) {
  .menu-columns {
    display: none;
  }

  .menu-columns.active {
    display: block;
  }

  .accordion-icon .icon-minus {
    display: none;
  }

  .titre-link.accordion-open .icon-plus {
    display: none;
  }

  .titre-link.accordion-open .icon-minus {
    display: inline;
  }

  .accordion-icon .icon-plus {
    display: inline;
  }

  .accordion-icon svg {
    vertical-align: middle;
    cursor: pointer;
  }

  .m_title-width .column-svg {
    display: none;
  }
}


@media (min-width: 1024px) {
  .accordion-icon {
    display: none;
  }
}

@media (min-width: 1280px) {
  .m_title:not(.m_title-width) {
    display: flex;
    margin-bottom: 3rem;
  }
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
  .titre-link {
    display: block;
    margin-bottom: 3rem;
  }

  .area-menu:not(:last-child) {
    border-bottom: 0.1rem dashed #A3A3A3;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
  }
}


@media (max-width: 1023.98px) {
  .bl_submenu .titre-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.5rem 0;
  }
}

@media (max-width: 1279.98px) {
  .bl_submenu .area-menu:not(:last-child) {
    border-bottom: 0.1rem dashed #A3A3A3;
  }

}

.submenu_on .left_part .icon_calc {
  background: url(/imgs/icons/icon-calc.svg)
}

.submenu_on .left_part .icon_mens {
  background: url(/imgs/icons/icon-mens.svg)
}

.submenu_on .left_part .icon_letter {
  background: url(/imgs/icons/icon-pdf.svg)
}

.submenu_on .left_part .icon_immo {
  background: url(/imgs/icons/icon-immo.svg)
}

.submenu_on .left_part .icon_assur {
  background: url(/imgs/icons/icon-assur.svg)
}

.submenu_on .left_part .icon_chg {
  background: url(/imgs/icons/icon-chg-assu.svg)
}

.submenu_on .left_part .icon_ade {
  background: url(/imgs/icons/icon-ade.svg)
}

.submenu_on .left_part .icon_trav {
  background: url(/imgs/icons/icon-trav.svg)
}

.submenu_on .left_part .icon_perso {
  background: url(/imgs/icons/icon-perso.svg)
}

.submenu_on .left_part .icon_renouv {
  background: url(/imgs/icons/icon-renouv.svg)
}

.submenu_on .left_part .icon_conso {
  background: url(/imgs/icons/icon-conso.svg)
}

.submenu_on .left_part .icon_rac {
  background: url(/imgs/icons/icon-rac.svg)
}

.submenu_on .left_part .icon_teg {
  background: url(/imgs/icons/icon-teg.svg)
}

.submenu .left_part li {
  margin: 1.75rem 0
}

.submenu .left_part [class*="icon_"] {
  padding-left: 3.25rem;
  background-repeat: no-repeat;
  background-size: auto 2.8rem;
  background-position-y: center;
}

.submenu .left_part li>* {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.3rem;
}

.bl_submenu .m_btn {
  min-height: 4rem;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 1rem 1.2rem;
}

/*bloc agence*/
@media only screen and (min-width: 1024px) {
  .bloc_agence {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .bloc_agence {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width:1024px) {

  .h2style2,
  .nm_simulateur h2,
  .bloc_actualites h2,
  .about_emp .h2style,
  .bloc_actualites .h2style,
  .nos_metiers .h2style,
  .other_page .h2style,
  .bloc_partners .h2style,
  .content_in .h2content {
    font-size: 4rem
  }

  h1,
  .h1style {
    font-size: 4rem
  }

  h2,
  .h2style {
    font-size: 2.8rem
  }

  h3,
  .h3style {
    font-size: 2.2rem
  }

  .menu_right.menu_customer {
    position: relative;
    top: initial;
    right: initial;
    margin-left: auto
  }

  .bg_taux .classic-bubble .taux-min {
    max-width: 12rem;
    line-height: 1.2;
    margin-top: 2rem
  }

  .op_item:hover>*,
  .op_item:hover a {
    opacity: 0.8
  }

  .ba_small_actu:hover a:before {
    box-shadow: 0 .4rem 0 #005187
  }

  .nm_bloc_calc.col5 {
    grid-template-columns: repeat(5, 1fr)
  }

  .nm_bloc_ade {
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 2rem;
    column-gap: 2rem
  }

  /* new formulaire express ADE */
  .content_new .col_7 {
    max-width: 74rem
  }

  .content_new {
    padding-top: 4.5rem;
    margin-top: 0
  }

  /* fin new formulaire express ADE */

  /* bannière pub tv */
  .event .event_item {
    right: 2rem !important;
    top: 42.5rem !important;
    width: 24rem !important;
    height: 20.5rem !important;
    background: #fff url("/imgs/bloc-tv.jpg") no-repeat left top !important
  }

  /* fin bannière pub tv */

  /*loa preform*/
  .sticky .entete_preform .ep_select .btn_orange.btn-resp {
    width: auto
  }

  .sticky .entete_preform .mb-hide {
    display: inline-block
  }

  .sticky .entete_preform .ep_select .ep_title {
    width: auto
  }

  /*new kit ui*/
  .single-bloc {
    padding: 0 4rem 4rem
  }

  /*bandeau étapes*/
  .nm_bloc_etpaes {
    align-items: center
  }

  .etape-content {
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left
  }

  .txt-white-stroke {
    padding-right: 1rem
  }

  /*list project*/
  .bloc_project+.list_project {
    margin-top: -4rem
  }

  .bloc_project {
    height: 33rem
  }

  .list_grid,
  .list_project.conso,
  .list_project.auto {
    display: grid
  }

  .list_grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem
  }

  .list_project.conso {
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem
  }

  .list_project.auto {
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem
  }

  [class*=lp_bloc] {
    border-radius: 1rem
  }

  /*bloc actus*/
  .row-actus {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 3.6rem;
    column-gap: 3.6rem
  }

  .ba_small_actu {
    grid-column: 1/3;
    height: 100%
  }

  .ba_content .ba_social {
    -ms-flex-order: 5;
    order: 5
  }

  .ba_content .ba_actu {
    display: block;
    width: 100% !important;
    overflow: hidden
  }

  .ba_content a.all_actus {
    -ms-flex-order: 6;
    order: 6;
    place-self: center;
    grid-column: 2 / 3;
  }

  .ba_content span.all_actus {
    -ms-flex-order: 7;
    order: 7;
    text-align: right
  }

  .ba_content img {
    max-width: 100%
  }

  .ba_content .ba_text {
    font-size: 2rem;
    line-height: 1.3
  }

  .ba_content .ba_text {
    padding: 3rem 2.5rem;
    height: 20rem
  }

  .ba_content .ba_small_actu .ba_text {
    height: auto
  }

  .ba_content img {
    display: block;
    width: 40.3rem;
    height: auto;
    margin: 0
  }

  .ba_small_actu img {
    display: none
  }

  .ba_small_actu {
    height: auto
  }

  .ba_social {
    margin: 0
  }

  .w-80 {
    width: 80% !important;
    margin: 0 auto
  }

  .ba_content .ba_actu,
  .nm_simulateur .nm_calc {
    transition: transform ease .3s
  }

  .ba_content .ba_actu:hover,
  .ba_content .ba_social:hover {
    transform: scale(1.025)
  }

  .ba_content .ba_actu:nth-child(-n+3) {
    margin-bottom: 3.5rem
  }

  /*new preform*/
  .bg_preform_home .trustpilot-widget {
    display: block
  }

  .bg_preform_home .title {
    line-height: 1.2
  }

  .links-preform {
    grid-template-columns: repeat(3, 1fr)
  }

  .bg_preform_conso .links-preform {
    grid-template-columns: repeat(6, 1fr)
  }

  .bg_preform_conso .links-preform a:nth-child(4) {
    grid-column: 2 / span 2
  }

  .bg_preform_home .card-body {
    -ms-flex-direction: column;
    flex-direction: column
  }

  .titre-col {
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 1rem auto 0;
    display: table
  }

  .links-preform .card:hover,
  .links-preform a:active,
  .wrapper_taux .body_taux:hover,
  .nm_simulateur .nm_calc:hover,
  .links-preform-sm .card:hover,
  .links-preform-sm a:active,
  .links-projets .card:hover {
    transform: translateY(-0.3rem)
  }

  .links-preform .card {
    padding: 1.25rem;
    height: 13rem
  }

  /*bloc meilleur taux*/
  .body_taux {
    padding: 3.5rem 2.5rem
  }

  /*bloc aside full width */
  .bloc_wrapper {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto 1fr;
    gap: 4rem
  }

  .bloc_wrapper .col:nth-child(3) {
    -ms-flex-item-align: start;
    align-self: flex-start;
    grid-row: 1 / span 2
  }

  /*bulle taux page contenu immo*/

  .bg_taux .taux-bulle {
    display: block;
    font-size: 2.8rem;
    padding: .5rem 0
  }

  .bg_taux .bulle-taux {
    right: 2rem;
    display: flex;
    width: 20rem;
    height: 20rem;
    top: 11rem
  }

  .time-bulle {
    display: block;
    font-size: 2rem
  }

  .bg_preform_home .img-right {
    right: -19rem
  }

  .bg_preform_rac .links-preform {
    grid-template-columns: repeat(4, 1fr)
  }

  .small_preform .ep_select {
    margin-bottom: 0
  }

  /*bloc trustpilot*/
  .trustbox iframe {
    width: 100%
  }

  .bloc_trustbox .avis-titre,
  .bloc_trustbox .avis-texte {
    font-size: 1.5rem;
    line-height: 1.5
  }

  .trustbox:before {
    height: 11rem
  }

  /*bloc download*/
  .bloc-download {
    grid-template-columns: 40rem auto;
    padding: 3.5rem
  }

  /*page agence multi*/
  .bloc_agence {
    grid-template-columns: repeat(3, 1fr)
  }

  .img-left {
    display: flex;
    align-items: center;
    gap: 2rem
  }

  .carousel-avis {
    padding: 0 6rem;
    position: relative
  }

  .content-avis-agence {
    display: grid;
    grid-template-columns: auto 60rem;
    align-items: center;
    gap: 2rem
  }

  .customize-tools .controls {
    display: block
  }

  .bloc_trustbox .tns-slider .avis-card {
    height: 23rem
  }

  .customize-tools .btn-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 3rem;
    background: #f1f2f7;
    height: 23rem;
    z-index: 10
  }

  .customize-tools .btn-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 3rem;
    background: #f1f2f7;
    height: 23rem;
    z-index: 10
  }

  /*bloc auteur */
  .content_in .post-author {
    align-items: center
  }

  /*pop-in download*/
  .content-btn {
    margin: 0 0 0 auto
  }

  /*home preform*/
  .card-preforms .card-preform-body {
    padding: 2rem 1.5rem
  }

  .bg_preform_home .grid-home .title {
    max-width: 70rem
  }

  .card-preforms {
    gap: 2rem
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {

  .list_grid,
  .list_project.conso,
  .list_project.auto {
    padding-right: 2rem;
    padding-left: 2rem
  }
}

@media (min-width: 680px) and (max-width: 879px) {
  .entete_preform:not(.small_preform):not(.entete-preform) {
    background-position: right -50vw top
  }

  .entete_preform:not(.small_preform):not(.bg_univers):not(.bg_preform_sm):not(.entete-preform) {
    background-size: 100%
  }

  .entete_preform.bg_univers:not(.bg_preform_rac) {
    background-size: 110%
  }
}

@media all and (max-width: 1139px) {
  .entete_preform:not(.small_preform):not(.bg_preform_home) .wrapper {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding-top: 2rem
  }

  .entete_preform:not(.bg_univers) {
    text-align: center
  }

  .entete_preform:not(.small_preform):not(.bg_preform_home) .primary a {
    display: inline-block
  }

  .entete_preform:not(.small_preform):not(.bg_preform_home) .ep_select form:not(.form-custom) {
    margin-left: auto;
    margin-right: auto
  }

  .list-engagement:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: -50vw;
    right: -50vw;
    height: 15rem;
    background: url(/imgs/preform/wave-preform.svg) no-repeat center top / cover
  }

  .list-engagement {
    margin-top: 12rem
  }

  .links-preform-vertical {
    justify-content: center
  }

  .links-preform .card,
  .links-preform-vertical .card,
  .links-projets .card {
    padding: 1rem 1.5rem
  }

  .content-card-preform {
    align-items: center
  }

  .content-trust {
    margin-top: 3rem
  }

  .primary p span {
    font-size: 2.6rem
  }
}

@media only screen and (min-width:1140px) {
  .card-header {
    padding: 2rem
  }

  .card-header span {
    font-size: 1.6rem
  }

  .entete_preform:not(.bg_preform_rac):not(.small_preform):not(.bg_preform_agences):not(.bg_preform_sm):not(.bg_preform_):not(.bg_preform_home):not(.bg_preform_aemp):not(.entete-preform-rac):not(.preform_search_oscar):not(.sticky_sans_preform) {
    height: 57rem
  }

  html body .oscar-preform {
    height: auto
  }

  .entete_preform.bg_preform_home {
    height: 65rem
  }

  .bg_preform_home,
  .bg_univers {
    display: flex;
    justify-content: center
  }

  .fil_ariane+.grid2 h1 {
    max-width: 62.5rem
  }

  .align-item {
    align-items: center
  }

  [class*='bg_preform_'] {
    height: 57rem
  }

  .entete_preform.bg_preform_sm {
    height: 45rem
  }

  [class*='bg_preform_'] .grid2 {
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  [class*='bg_preform_'] .img-right {
    display: block;
    right: -18rem
  }

  [class*='bg_preform_'] .title {
    font-size: 2.8rem
  }

  .bg_preform_rac .links-preform {
    grid-template-columns: repeat(4, 1fr)
  }

  .bg_preform_home .wrapper .grid,
  .bg_univers .wrapper .grid {
    display: grid;
    grid-template-columns: 1fr 60rem;
    column-gap: 4rem;
    grid-template-rows: auto auto;
    justify-content: center;
    align-items: center
  }

  .bg_univers .wrapper .grid {
    grid-template-rows: auto 1fr;
    grid-template-areas: "title links" "content links";
    align-items: flex-start
  }

  .bg_preform_home .wrapper .grid {
    grid-template-rows: auto auto auto;
    grid-template-areas: "title links" "content links" "0 trust"
  }

  .list-engagement {
    margin-top: 0
  }

  .bg_preform_home:not(.bg_univers) .wrapper {
    padding-bottom: 10rem;
    padding-top: 0
  }

  /*bulle taux page contenu immo*/
  .entete_preform .bulle-taux {
    display: none
  }

  .bg_taux .wrapper {
    position: relative
  }

  .bg_taux .bulle-taux {
    position: absolute;
    right: 0;
    left: initial;
    display: flex;
    width: 26rem;
    height: 26rem;
    background: #c8dcf3;
    top: 10rem;
    border-radius: 50%;
    justify-content: center;
    align-items: center
  }

  .bg_taux .taux-bulle {
    font-size: 3.6rem
  }
}

@media only screen and (min-width:1280px) {
  .content {
    display: grid;
    grid-template-columns: 1fr auto
  }

  .content_main {
    display: block
  }

  .content .content_in {
    max-width: none
  }

  .col_right .col_sticky {
    position: sticky;
    top: 9rem
  }

  .list_history,
  .other_page {
    grid-column: 1/3
  }

  .col_right .col_sticky_title {
    text-align: left
  }

  .bg_preform_home .wrapper .grid {
    -webkit-column-gap: 4rem;
    column-gap: 4rem
  }

  .bg_univers .title .d-block {
    display: block
  }

  .content-goggle-avis {
    display: flex
  }

  /*page auteur*/
  .card-auteur {
    padding-bottom: 4.5rem
  }

  /*bandeau étapes*/
  .nm_bloc_etpaes {
    gap: 13rem
  }

  [class*='bg_preform_'] .title {
    margin-bottom: 3rem
  }

  [class*='bg_preform_'] .img-right {
    display: block;
    right: -10rem
  }

  [class*='bg_preform_'] .title {
    font-size: 4rem
  }

  .bg_preform_rac .title {
    font-size: 4.6rem
  }

  .small_preform .grid2 .title {
    font-size: 2.8rem
  }

  .small_preform .grid2 .ep_subhome {
    font-size: 2rem
  }

  .wrapper_taux {
    padding-left: 0;
    padding-right: 0
  }

  /*bloc trustpilot*/
  .trustbox iframe {
    height: 44rem
  }

  /*preform rac*/
  .bg_preform_rac .wrapper {
    position: relative
  }

  .bg_preform_rac .card-rac {
    position: absolute;
    right: 10rem;
    top: 4.5rem
  }

  /*timeline*/
  .col_right_secondary .col_content {
    position: sticky;
    top: 10rem
  }

  .gb_item .arrow {
    position: absolute
  }

  .item_agence .title {
    font-size: 2.8rem
  }

  .carousel-avis {
    padding: 0 6rem
  }

  .content-avis-agence {
    grid-template-columns: auto 80rem
  }
}

@media only screen and (min-width:1400px) {
  .calculs-carousel .tns-outer {
    padding: 2rem
  }

  .pictos-carousel a {
    font-size: 1.5rem
  }

  .calculs-carousel {
    position: relative
  }

  .block_comp_slider {
    padding: 2rem 0
  }

  .customize-tools .controls-calculs {
    display: block
  }

  .calculs-carousel .customize-tools button svg {
    transform: scale(2)
  }

  .calculs-carousel .customize-tools .controls {
    display: block;
  }

  .calculs-carousel .customize-tools .btn-prev {
    left: -6.5rem
  }

  .calculs-carousel .customize-tools .btn-next {
    right: -6.5rem
  }

  .content_in .calculs-carousel .block_comp.block_comp_flex .bc_item {
    margin: 0 0.8rem
  }

  .content_in .calculs-carousel .block_comp.block_comp_flex .tns-item:not(.tns-slide-active) .bc_item {
    box-shadow: none
  }

  /*menu*/
}

@media only screen and (min-width:1600px) {

  /*menu*/
  .m_menu {
    gap: 3rem
  }

  .m_menu .el_menu:not(.menu_right) {
    gap: 1rem
  }
}

@media only screen and (min-width:1920px) {
  [class*='bg_preform_'] .img-right {
    right: 0
  }

  .entete_preform.bg_univers {
    height: 58rem
  }

  /*menu*/
  .m_menu {
    gap: 5rem
  }

}

@media only screen and (max-width:1280px) {

  .wrapper,
  .wrapper_wp,
  .bloc_footer,
  .mentions,
  .content_in,
  .list_history,
  .other_page,
  .other_actu {
    padding-right: 2rem;
    padding-left: 2rem
  }

  .content_premium .cp_col {
    width: 25%
  }

  .cp_text {
    width: auto
  }

  [class*='-circle']:after {
    top: .75rem
  }

  .bloc_comparateur div:before {
    top: .8rem
  }

  .bloc_comparateur div:last-child {
    border-style: solid;
    border-width: 0 .1rem .1rem 0;
    border-color: #dddee5
  }

  .bloc_comparateur.bc_group div:before {
    font-size: 5rem;
    top: 1.75rem
  }

  .ba_social .ba_network {
    height: auto;
    font-size: 0;
    padding: 2rem
  }

  .nm_bloc .nm_taux {
    right: 2rem
  }

  .nm_bloc {
    padding: 2rem
  }

  .bloc_newsletter .newsletter {
    padding: 3rem 2rem 4rem
  }

  .ba_network .ba_lastnews {
    font-size: 0
  }

  .ba_lastnews>div {
    display: inline-table;
    width: calc(33.333% - 2rem);
    margin-bottom: 0
  }

  .ba_lastnews>div:not(:last-child) {
    margin-right: 1.5rem;
    border-right: .1rem solid #c1c1c1;
    padding-right: 1.5rem;
    width: calc(33.333% - .5rem)
  }

  .ba_follow .title {
    width: 100%;
    margin-bottom: 1rem
  }

  .about_emp .ae_txt .col2 div {
    display: block;
    width: 100%;
    padding: 0
  }

  .content .content_in {
    max-width: 100%
  }

  .col_right {
    margin: 4rem 0 0;
    padding: 0 2rem;
    font-size: 0;
    width: 100%;
    order: 2
  }

  .col_content,
  .col_right .bloc_partner {
    width: 47.5%;
    display: inline-table;
    vertical-align: top;
    font-size: 1.4rem
  }

  .col_right .text_taux+* {
    display: block
  }

  .col_right>div:nth-child(odd) {
    margin-right: 5%;
    float: left
  }

  .col_right>div:nth-child(even) {
    float: right
  }

  .col_right>div:last-child {
    float: left
  }

  .content .bloc_partner {
    text-align: center;
    border: none
  }

  .content {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .op_item {
    width: calc(33.333% - 1rem)
  }

  .op_item:nth-child(3n) {
    margin-right: 0
  }

  .op_item:nth-child(4n) {
    margin-right: 1.5rem
  }

  .op_item:nth-last-child(n+4) {
    margin-bottom: 1.5rem
  }

  .lh_item {
    width: 50%
  }

  .block_comp .bc_item:nth-child(odd) {
    margin-right: 0
  }

  .block_comp>*,
  .col_taux ul,
  .col_right .gs_item,
  .group_bloc>* {
    width: 100%
  }

  .block_comp .bc_item:not(:first-child) {
    margin-top: 2rem
  }

  .row_comp .bc_content {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
  }

  .bloc_static .col_item_press {
    width: calc(50% - .75rem)
  }

  .gs_item.bloc_static {
    background: #f1f2f7
  }

  .bloc_static .col_item_press:nth-child(odd) {
    margin-left: 1.5rem
  }

  .grid_social .gs_item {
    width: calc(33.333% - 1rem)
  }

  .col_right .gs_item .com_bloc p:not(:first-child) {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 1rem
  }

  .op_bloc {
    text-align: left
  }

  .col6 .og_item {
    max-width: 25rem
  }

  .gb_item {
    height: auto
  }

  .gb_item:not(:last-child) {
    margin: 0 0 1.5rem
  }

  .ae_video {
    float: right;
    position: relative;
    top: 0;
    transform: none;
    max-width: 100%
  }

  .about_emp h2,
  .about_emp .h2style {
    width: 100%
  }

  .nav_actus,
  .col_right+.nav_actus {
    width: 100%;
    margin-left: 0;
    padding: 2.5rem 2rem
  }

  .cp_img img {
    height: 100%
  }

  .content_premium .cp_img {
    width: 50%;
    overflow: hidden
  }

  .content_premium .cp_text {
    padding: 0 4rem;
    margin: 2.5rem 0;
    width: 50%
  }

  .content_premium .wrapper>* {
    display: inline-block
  }

  .about_emp.about_emp_video .h2style {
    text-align: center
  }

  .about_emp.about_emp_video .embed_video,
  .bloc_content.about_new_emp_video .embed_video {
    width: 45rem;
    padding-bottom: 19.8%;
    display: inline-table;
    margin: .5rem 3rem 1rem 0;
    float: left
  }

  .about_emp.about_emp_video .embed_video,
  .bloc_content.about_new_emp_video .embed_video {
    float: none;
    display: table;
    margin: 2rem auto;
    width: 62rem;
    height: 34.9rem
  }

  .content_in .color-bl li:not(:last-child) {
    margin-bottom: .8rem
  }

  .pmb-5 {
    padding-bottom: 5rem
  }

  .grid-offers .grid-title,
  .grid-offers .text-box .big-font {
    font-size: 2.4rem
  }

  .grid-offers .grid-box {
    padding: 2rem 1rem
  }

  .grid-offers .text-box .small-font {
    font-size: 1.2rem
  }

  .grid-offers .content-box img {
    max-width: 10rem;
    margin-right: 2rem
  }

  .grid-offers .grid-box .show-more {
    margin-bottom: -2rem
  }
}

@media (min-width: 1024px) and (max-width:1139.98px) {

  .bg_preform_home .wrapper .grid,
  .bg_univers .wrapper .grid {
    max-width: 60rem
  }

  .bg_preform_rac.bg_univers .wrapper .grid {
    max-width: 80rem
  }
}

@media all and (max-width: 1139px) {
  .list-engagement:after {
    content: '';
    position: absolute;
    top: 0;
    left: -50vw;
    right: -50vw;
    bottom: 0;
    background: #f1f2f7;
    z-index: -1
  }

  .list-engagement {
    padding-top: 2rem
  }

  .fil_ariane+div h1 {
    text-align: center
  }

  .preform_vertical .title {
    text-align: center
  }
}

@media only screen and (max-width:1023.98px) {
  [class*=lp_bloc] {
    width: 100%;
    height: 8rem
  }

  [class*=lp_bloc]:nth-child(even) {
    padding: 0 0 0 50%;
    background-position: center left;
    background-size: 50% auto
  }

  [class*=lp_bloc]:nth-child(odd) {
    padding: 0 50% 0 0;
    background-position: center right;
    background-size: 50% auto
  }

  .entete_preform.small_preform {
    height: auto
  }

  .sticky .entete_preform .ep_select select {
    display: table;
    width: 100%
  }

  .sticky .entete_preform .ep_select label {
    display: inline-block;
    width: 100%;
  }

  /*preforms*/
  .links-preform-sm .arrow,
  .links-preform .card-body .titre-col {
    margin-left: 1.5rem
  }

  .trustbox-content {
    padding-bottom: 2rem
  }

  .bg_preform_rac .card-body svg,
  .bg_preform_conso .card-body svg,
  .links-projets .card-body svg {
    transform: scale(.8)
  }

  /*bloc download*/
  .bloc-download .text-download {
    margin-bottom: 3rem
  }

  .bg_preform_home .card-body,
  .bg_univers .card-body {
    display: flex;
    align-items: center
  }

  .img-left img.verticale-middle {
    display: block;
    margin: 0 auto
  }

  /*preform home*/
  .card-preforms .card-preform-body {
    display: flex;
    border-radius: 2rem 2rem 0 0;
    padding: 1.5rem;
    grid-template-columns: 52px auto;
    align-items: center;
    text-align: left;
    gap: 2.5rem
  }

  .bg_preform_home .trust-horizontal {
    display: none
  }

  .card-preforms .card-preform-footer {
    min-height: 5rem
  }

  .bg_preform_home .subtitle {
    margin: 2rem 0
  }
}

@media only screen and (max-width:1023px) {

  #d_menu.customer_menu,
  .customer_menu .submenu.submenu_on {
    width: 36rem
  }

  .customer_menu .submenu.submenu_on {
    transform: translateX(0)
  }

  .customer_menu .submenu .bl_submenu {
    flex-direction: column
  }

  .ep_area,
  .ep_subhome,
  .ep_engagement .others {
    text-align: center
  }

  .ep_engagement .primary+.others {
    text-align: left
  }

  .ep_univers {
    margin: 0 auto 1.5rem
  }

  .bloc_comparateur.col7 div {
    width: 25%;
    font-size: 1.2rem
  }

  .nm_bloc {
    margin: 0 0 3rem;
    width: 100%;
    border-radius: 1rem
  }

  .nm_liens {
    margin-bottom: 2rem
  }

  .social_footer .wrapper_wp>* {
    display: inline-block;
    width: 100%;
    border-right: none;
    border-left: none;
  }

  .network_footer,
  .iso_footer {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    border-bottom: .1rem solid #e5e5e5;
    text-align: center
  }

  .social_footer .search_footer {
    display: block
  }

  .op_bloc .op_item,
  .op_bloc .op_item:nth-child(4n+1) {
    width: calc(50% - .75rem);
    margin: 0
  }

  .op_bloc .op_item:nth-child(2n) {
    margin-left: 1.5rem;
    margin-right: 0
  }

  .op_bloc .op_item>* br {
    display: none
  }

  .op_bloc .op_item:nth-last-child(n+3) {
    margin-bottom: 1.5rem
  }

  .oa_actu {
    width: calc(50% - 1rem)
  }

  .oa_actu:nth-child(odd) {
    margin-right: 0
  }

  .content_premium .cp_img {
    -ms-flex-order: 1;
    order: 1;
    overflow: initial;
    width: 100%
  }

  .content_premium .cp_text {
    width: 100%;
    -ms-flex-order: 2;
    order: 2;
    margin: 4.5rem 0;
    padding: 0 2rem
  }

  .content_premium .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto
  }

  .cp_img img {
    height: auto;
    width: 100%
  }

  .list_agence .col {
    width: calc(33.333% - 1.5rem);
    margin-bottom: 2rem
  }

  .sticky .entete_preform .ep_select form.form_montant_impot {
    float: none
  }

  .sticky .small-preform {
    text-align: right
  }

  /* page recrutement */
  .offres-recrut .col-6,
  .offres-recrut .col-3 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .offre-candidat .col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  /*page loa offres*/
  .row-blur .col-lg-3:nth-child(n+3) {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0.14)))
  }

  .about_emp.about_emp_video div.ae_txt {
    width: calc(50% - 3rem)
  }

  .about_emp.about_emp_video .ae_txt:nth-of-type(1),
  .about_emp.about_emp_video .ae_txt:nth-of-type(2) {
    margin-bottom: 2rem
  }

  .about_emp.about_emp_video .ae_txt:nth-of-type(even) {
    margin-right: 0
  }

  .visible-md {
    display: none !important
  }

  .grid-3-col {
    grid-template-columns: 1fr;
    grid-template-rows: auto
  }

  .grid-3-col .grid-offers {
    max-width: 35rem;
    width: 100%;
    margin: 0 auto
  }

  /*bulle taux page contenu immo*/
  .bg_taux .wrapper {
    padding-top: 2.5rem;
    padding-bottom: 7.5rem
  }

  .bg_preform_mutuelle.bg_taux .wrapper {
    padding-top: 4.5rem
  }

  /* preform */
  .bg_preform_home .wave-shape {
    height: 104rem;
    left: -146rem;
    transform: scaleX(3)
  }

  /*page apporteur*/
  .bloc-fiche-agence {
    display: flex;
    flex-flow: column-reverse;
    grid-gap: 4rem
  }
}

@media only screen and (max-width:968px) {
  .bf_univers>div {
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    margin-bottom: 3rem
  }

  .bf_univers>div:last-child {
    width: 33.33%
  }

  .bloc_content>* {
    display: block;
    padding: 0
  }

  .bloc_content .bloc_partner {
    margin: 2rem auto 0
  }

  .bloc_partner {
    padding: 0
  }

  .bp_bloc img {
    max-width: 100%
  }

  /**bloc temporaire actu home**/
  .event_calendar {
    flex-direction: column;
  }

  .event_calendar .extend {
    width: 100%;
    max-width: 380px;
    margin: 0 auto 2rem;
  }

  /**fin bloc temporaire actu home**/
  .col4 .nm_calc:nth-child(even) {
    border-right: 0
  }

  .our_guides .nm_calc {
    width: 100%;
    min-height: unset
  }

  .ep_title,
  .small_preform .ep_title {
    font-size: 1.8rem
  }

  .bg_preform_home .ep_title {
    font-size: 2.2rem;
    line-height: 1.25
  }

  .ae_video img,
  .ae_video video {
    max-width: 100%;
    height: auto
  }

  .ba_small_actu>* span:last-child {
    float: none;
    display: block;
    margin-top: 1rem;
    text-align: right
  }

  .ba_text {
    padding: 1rem;
    font-size: 1.2rem
  }

  .ba_text .date {
    right: 1rem;
    bottom: 1rem;
    font-size: 1.2rem
  }

  .content_premium .wrapper {
    padding: 0
  }

  .cp_text {
    padding-right: 3rem
  }

  .pa_left>p,
  .pa_left>h2,
  .pa_left>h3,
  .pa_left>h4,
  .pa_left>ul,
  .pa_left>ol,
  .pa_left>.cta_content,
  .pa_left>iframe,
  .share+div,
  .share+table,
  .share+blockquote,
  .pa_left+.nav_actus,
  .pa_left>.graph_analyse,
  .pa_left .embed_video,
  .content_in .list_bloc,
  .pa_left .taux_faq {
    margin-left: 0;
    width: 100%
  }

  .share {
    float: none;
    padding: 1rem 0;
    margin-bottom: 1.5rem;
    border-bottom: .1rem solid #dedfe0;
    border-top: .1rem solid #dedfe0
  }

  .old_img+.share {
    margin-top: 1.25rem
  }

  .content .content_in .writter+.share {
    margin-top: 3.5rem
  }

  .content_in .share p {
    display: inline-block;
    margin: 0
  }

  .share .rs_icon {
    display: inline-table;
    margin: 0 0 0 1rem;
    vertical-align: middle
  }

  .writter+.old_img {
    margin-top: 8.5rem
  }

  .ep_select .medium_size,
  .ep_select .small_size {
    width: calc(50% - 8rem)
  }

  .guide_actu .oa_actu,
  .bloc_content .trustpilot_home {
    width: 100%
  }

  .guide_actu .oa_actu:first-child {
    margin-right: 0;
    margin-bottom: 2rem
  }

  .lp_content>* {
    margin: .25rem 0
  }

  .content .content_in .lg_item {
    width: 100%;
    margin-right: 0
  }

  .content .lg_item:not(:last-of-type) {
    margin-bottom: 1rem
  }

  .trustbox_home .trustbox {
    width: 100%
  }

  .item_agence .content_agence {
    padding: 2.5rem
  }
}

@media only screen and (min-width:821px) {
  .submenu .container .m_display {
    display: none
  }
}

@media only screen and (max-width:820px) {
  .about_emp .h2style {
    text-align: center
  }

  .h1_premium {
    margin: 0 0 3rem
  }

  .ba_small_actu>* span:last-child {
    float: none;
    display: block;
    margin-top: 1rem;
    text-align: right
  }

  .lettre_type {
    padding: 2rem
  }

  .ae_video {
    float: none;
    margin: 0 auto 2.5rem;
    display: table
  }

  .content .lh_item,
  .list_history .lh_item {
    display: inline-block;
    vertical-align: top
  }

  .content .lh_item ul,
  .list_history .lh_item ul,
  .content_ul .lh_item ul,
  .col_taux {
    width: 100%
  }

  .lh_item ul:first-of-type {
    padding: 0;
    margin-bottom: 0
  }

  .project_bloc img {
    width: 20rem
  }

  .bloc_lexique .bloc_lettre {
    width: calc(50% - .6rem);
    margin: 0 0 2.5rem 0;
    float: left
  }

  .bloc_lexique .bloc_lettre:not(:first-child) {
    margin-right: 0
  }

  .lexique li a {
    font-size: 1.2rem;
    letter-spacing: .1rem
  }

  .col_taux:first-child {
    border: none;
    margin: 0 0 4rem 0
  }

  .col_taux ul {
    width: 50%
  }

  .bloc_taux .nm_taux {
    position: relative;
    width: 100%;
    border-radius: 0;
    left: 0;
    top: 0;
    transform: none;
    bottom: 0;
    height: auto
  }

  .content_in .all_baro {
    float: none;
    display: block
  }

  .grid_social .gs_item {
    width: calc(50% - .75rem)
  }

  .listing_presse .item_press {
    width: 100%;
    padding: 2rem;
    border-bottom: .1rem dotted #dddee5
  }

  .content .nav_actus>* {
    max-width: none;
    text-align: center;
    width: 100%;
    float: none
  }

  .content .nav_actus .previous {
    margin-bottom: 1.5rem
  }

  .content_in .custom_baro_page>* {
    width: 100%;
    display: table
  }

  .content_in .custom_baro_page .cbp_txt {
    padding: 0;
    margin-bottom: 2.5rem
  }

  .fa_bloc .opening>* {
    width: 25%
  }

  .fa_img {
    float: none;
    width: 100%;
    margin: 0 0 2.5rem
  }

  .label_cpt>* {
    display: table;
    width: 100%;
    margin: 0 auto
  }

  .label_cpt {
    text-align: center
  }

  .img_label {
    margin-bottom: 1rem
  }

  .txt_label {
    font-size: 1.4rem
  }

  /*page guide sommaire*/
  table.tab_contenu_custom th {
    font-size: 1.3rem !important
  }

  .head_sup {
    padding: 0 1.4rem;
  }
}

@media only screen and (max-width: 767.98px) {
  .map_taux svg {
    display: none
  }

  /*preform select*/
  .ep_select {
    margin: 1.5rem auto
  }

  .entete_preform .ep_select .btn_orange {
    box-shadow: 0 0.4rem 1.5rem rgb(0, 0, 0, 0.15)
  }

  .entete_preform .titre-trustpilot {
    padding-bottom: 1.5rem
  }

  .entete_preform .ep_select label {
    margin-bottom: 1rem
  }

  .ep_select input {
    width: 100%
  }

  .entete_preform .trust-horizontal .d-block-sm {
    display: block;
    padding-bottom: 1.5rem
  }

  .trust-horizontal .star-rating img {
    margin: 0
  }

  .entete_preform .trust-horizontal {
    text-align: center
  }

  .btn_orange,
  .nm_bloc .btn_orange,
  .grid2 .btn_orange,
  .content_in .bc_item .btn_orange {
    font-size: 1.6rem
  }

  .links-preform-sm .arrow,
  .links-preform .card-body .titre-col {
    font-size: 1.4rem;
    background: none
  }

  .links-preform .card,
  .links-preform-sm .card,
  .links-projets .card {
    height: 7rem
  }

  .links-preform .card,
  .links-projets .card {
    background: #fff url(/imgs/chevron-right.svg) no-repeat center right 1.5rem / 1.25rem;
    text-align: left
  }

  .links-preform .card-new {
    right: initial;
    left: -4.75rem;
    transform: rotate(-45deg)
  }

  /*preforms*/
  .links-preform-sm .arrow,
  .links-preform .card-body .titre-col {
    margin: 0 0.5rem
  }

  .bg_preform_home .card-body svg {
    transform: scale(0.8)
  }

  .bg_preform_home:after {
    display: none
  }

  .bg_univers .primary {
    text-align: center
  }

  .bloc_project .ep_select form {
    background: none;
    border: none
  }

  .bloc_project .ep_select form select {
    height: 5rem;
    text-align: center
  }

  .bloc_project .ep_select form input {
    justify-content: center
  }

  .ep_select select {
    display: table;
    width: 100%
  }

  .bloc_partners .partners_img {
    margin-bottom: 0
  }

  .entete_preform:not(.bg_preform_loa) .ep_select_content {
    min-height: 15rem
  }

  .small_preform:not(.bg_preform_loa) .ep_select_content {
    min-height: 6.5rem
  }

  .entete_preform.bg_preform_mutuelle .ep_select_content {
    min-height: 6.25rem
  }

  .entete_preform.small_preform:not(.bg_preform_agences) .ep_select form {
    display: inline-grid;
    grid-template-columns: 1fr auto;
    background: #fff;
    padding: 0.5rem;
    border-radius: 3rem;
    overflow: hidden
  }

  .entete_preform.small_preform .ep_select label {
    margin: 0
  }

  .entete_preform.small_preform .ep_select .btn_orange {
    font-size: 1.4rem;
    padding: 0 1.5rem;
    min-height: 4rem;
    box-shadow: none
  }

  .entete_preform.small_preform .ep_select select {
    font-size: 1.4rem;
    padding: 0 2.75rem 0 1rem;
    height: 4rem
  }

  .small_preform .select_form:before {
    right: 0.75rem
  }

  .small_preform.bg_taux .wrapper {
    padding-bottom: 6.5rem
  }

  [class*='bg_preform_']:not(.small_preform):after {
    background-size: 125%
  }

  .entete_preform.bg_preform_2_xl.bg_preform_mutuelle {
    height: 400px
  }

  .entete_preform.bg_preform_sm {
    height: 35rem
  }

  body:not(.sticky) .entete_preform:not(.small_preform):not(.bg_preform_home) .ep_select form {
    background: none;
    padding: 0
  }

  .content_new .control-inline .form-group {
    text-align: left
  }

  /*page recrutement*/
  .btn_orange.btn_offre {
    width: 100%
  }

  /*bloc trustpilot*/
  .bloc_trustbox .note_globale img {
    width: 12rem
  }

  .bloc_trustbox [class*='star']:before {
    font-size: 2rem
  }

  /*bloc card-taux page travaux*/
  .card-lg-txt .txt-left {
    margin-bottom: 1rem
  }

  .cta_content .txt .cta-img .cta-content-titre,
  .cta_content .txt .cta-img .cta-content-txt {
    font-size: 2rem
  }

  .cta_content .txt .cta-img .cta-content-txt strong {
    font-size: 3.5rem
  }

  /*bloc download*/
  .bloc-download .google-svg {
    height: 8rem;
    width: 8rem
  }

  .bloc-download .word-svg {
    height: 8rem;
    width: 8rem
  }

  .links-preform-vertical {
    flex-direction: column;
    grid-gap: 2rem
  }

  .links-preform-vertical svg {
    max-width: 3rem;
    margin-right: 1.5rem
  }

  .links-preform-vertical a {
    width: 100%;
    max-width: 35rem
  }

  .bg_preform_home .card-body,
  .bg_univers .card-body,
  .links-projets .card-body {
    display: grid;
    grid-template-columns: 60px 1fr auto;
    gap: 1rem;
    align-items: center
  }

  .avis-google .d-block-sm {
    display: block
  }

  .entete_preform .avis-google .txt-avis .d-block-sm {
    margin-bottom: 0.8rem;
  }

  .pop-in {
    left: 50%;
    top: 10%;
    transform: translateX(-50%)
  }

  .bloc_comparateur div {
    width: 100%;
    font-size: 1.5rem;
    height: auto;
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 1rem 2.5rem 1rem;
    text-align: left;
    border-width: 0 0 .1rem 0
  }
}

@media only screen and (max-width:767px) {
  [class*='bg_preform_'] {
    background: #D8E9FF
  }

  .content_in .list_bloc>* {
    display: table;
    width: 100%
  }

  .content_in .list_bloc>div {
    margin-bottom: 2.5rem
  }

  .col_right>div:nth-child(odd),
  .col_right>div:nth-child(even) {
    float: none;
    margin-right: 0
  }

  .content .col_right .col_content,
  .col_right .bloc_partner,
  .ba_content .ba_actu {
    width: 100%
  }

  .col_right .bloc_partner {
    width: calc(100% + 4rem);
    margin-left: -2rem
  }

  .og_item:before {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto
  }

  .agence_card .ac_col {
    width: 100%;
    padding: 0;
    border: none
  }

  .ep_bloc .bloc_texte p:last-child {
    display: table;
    width: 100%
  }

  .ep_bloc .bloc_texte {
    display: block
  }

  .assu_auto {
    height: 75rem
  }

  .assu_moto {
    height: 90rem
  }

  .assu_habitation {
    height: 60rem
  }

  .assu_sante {
    height: 75rem
  }

  .ba_network .ba_lastnews>div {
    width: 100%;
    border: none
  }

  .ba_network .ba_lastnews>div:not(:last-child) {
    margin-bottom: 1.5rem
  }

  .guide-sommaire {
    padding-bottom: 3rem;
    margin-bottom: 3rem !important
  }

  .guide-sommaire li {
    line-height: 1.3
  }

  /* formulaire express ADE */
  .fe_bloc.txt_right {
    text-align: left
  }

  .fe_bloc.txt_right input {
    width: 100%;
    margin: 1rem 0 0 0;
    display: table;
    max-width: none
  }

  .fe_bloc {
    padding: 3.5rem 2.5rem
  }

  .fe_bloc .bl-inline label {
    margin: 0;
    display: block;
    line-height: 1.2
  }

  .fe_bloc .bl-inline label:not(:last-child) {
    margin-bottom: 1rem
  }

  .fe_date .bl-inline label input {
    display: block;
    margin: 1rem 0 0 0;
    width: 100%;
    max-width: none
  }

  .fe_date .bl-inline label {
    width: 100%
  }

  .bl-inline .heure {
    width: 100%
  }

  .bl-inline .heure label {
    width: calc(50% - 1.25rem);
    display: inline-block
  }

  .bl-inline .heure label select {
    max-width: none;
    width: 100%
  }

  .bl-inline .heure p,
  .fe_bloc .bl-inline>* {
    display: block
  }

  .list_agence .col {
    width: calc(50% - .75rem);
    vertical-align: top
  }

  .list_agence .col:nth-child(even) {
    margin-right: 0
  }

  /* page agences */
  .item_agence>* {
    display: table;
    width: 100%
  }

  .item_agence .img_agence img {
    width: 100%
  }

  .item_agence .content_agence {
    padding: 2.5rem
  }

  /* popin cookie */
  .popin_cookie {
    max-width: calc(100% - 2rem);
    top: 5rem;
    bottom: 5rem;
    transform: none;
    left: 1rem
  }

  .popin_cookie .text,
  .content_form {
    padding: 2rem 1.5rem
  }

  .popin_cookie .title {
    font-size: 1.4rem;
    padding: 2rem 3.5rem
  }

  .popin_cookie {
    font-size: 1.4rem
  }

  .form_cookie label {
    font-size: 1.4rem
  }

  .form_cookie .slide {
    display: none
  }

  /* CTA V2 */
  .ctaV2 .txt {
    width: 100%;
    text-align: center;
    font-size: 1.6rem
  }

  .ctaV2 .txt strong {
    display: inline-block;
    vertical-align: initial;
    font-size: 1.6rem
  }

  /*CTA V3 avec img + CTA V4 mini*/
  .cta_content.ctaV3,
  .cta_content.ctaV4 {
    padding: 1.8rem
  }

  .media {
    padding-bottom: 3.5rem
  }

  .ctaV4 .bloc-row p {
    padding-bottom: 1.5rem
  }

  .media .bloc-row p,
  .ctaV4 .bloc-row p {
    font-size: 1.5rem;
    line-height: 1.5
  }

  .cta_content.ctaV3,
  .cta_content.ctaV4 {
    position: relative
  }

  .media .cta-icon,
  .ctaV4 .cta-icon {
    position: absolute;
    right: 2rem;
    bottom: 2rem
  }

  .media .bloc-avatar {
    margin-right: 1.8rem !important
  }

  /* popin video */
  .smart_popin .sp_content {
    padding: 0
  }

  .smart_popin .sp_close {
    top: -4rem;
    font-size: 4rem;
    color: #fff;
    font-weight: 400
  }

  .sticky .entete_preform .ep_select form.form_montant_impot .simuler-impots,
  .sticky .entete_preform .ep_select form.form_montant_impot .input-group {
    width: 100%
  }

  .sticky .entete_preform .ep_select form.form_montant_impot .simuler-impots {
    margin: 0 0.5rem 0 0
  }

  .sticky .entete_preform .ep_select .btn_orange {
    height: 4rem;
    font-size: 1.2rem;
    padding: 0 1.5rem;
    margin-left: auto;
    transition: none;
    -ms-transition: none;
    box-shadow: none
  }

  .sticky .entete_preform .ep_select label {
    margin: 0;
    transition: none
  }

  .sticky .small-preform {
    text-align: center;
    padding-right: 0
  }

  .client-data {
    margin-bottom: 1rem
  }

  /* page recrutement */
  .block_offres .col-6,
  .block_offres .col-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .block_offres .col:not(:last-child):not(:first-child) {
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-between
  }

  .block_offres .col:not(:last-child) {
    margin-bottom: 2rem
  }

  .block_offres .offre-candidat .col:first-child {
    justify-content: center
  }

  .row_offres {
    text-align: center
  }

  .block_offres .col-3:first-child {
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }

  .block_offres .col-3:last-child,
  .offre-candidat .col-6:last-child {
    justify-content: center
  }

  /* page offre */
  .bloc_postule {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
  }

  .bloc_postule h2 {
    margin-bottom: 2rem
  }

  /*page loa offres*/
  .row-blur .col-lg-3:nth-child(1) {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0.14)))
  }

  .about_emp.about_emp_video div.ae_txt {
    display: block;
    width: 100%;
    margin: 0
  }

  .about_emp.about_emp_video div.ae_txt:not(:last-child) {
    margin-bottom: 2rem
  }

  /*bandeau étapes*/
  .etape-content:not(:last-child) {
    padding-bottom: 1rem
  }

  /*post author*/
  .post-author {
    row-gap: 1rem
  }

  .post-author p {
    padding-bottom: 0.5rem
  }

  /*bloc order*/
  .bloc-order {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .order-1sm {
    -ms-flex-order: 1;
    order: 1
  }

  .order-2sm {
    -ms-flex-order: 2;
    order: 2
  }

  /*bloc video*/
  .bloc_content.about_new_emp_video {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 2.5rem;
    padding-bottom: 2rem
  }

  .bloc-order .bloc_content.about_new_emp_video .embed_video {
    -ms-flex-order: 2;
    order: 2
  }

  .bloc-order .bloc_content.about_new_emp_video .home_txt_video {
    -ms-flex-order: 1;
    order: 1
  }


  .content_in .model-bloc.summary li:before {
    top: 0.6rem
  }

  .ba_content img {
    max-width: 100%;
    height: auto;
    width: 100%
  }

  .row-actus {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: auto;
    margin-bottom: 4rem;
    margin-right: -2rem;
    padding-bottom: 2rem;
    overflow: auto
  }

  .row-actus .ba_actu {
    width: 24rem;
    text-align: left;
    min-width: 24rem;
    max-width: 24rem
  }

  .row-actus .ba_actu:not(:last-child) {
    margin-right: 2rem
  }

  .ba_actu .ba_text .title {
    padding-bottom: 1rem
  }

  .ba_text {
    font-size: 1.4rem;
    line-height: 1.3;
    height: 14.5rem
  }

  .content-actu {
    position: relative
  }

  .row-actus>a.all_actus {
    position: absolute;
    display: inline-block;
    right: 0;
    bottom: -5rem;
    line-height: 1.4;
  }

  .row-actus span.all_actus {
    display: none
  }

  .row-actus .ba_social {
    display: none
  }

  /*bloc actu homes*/
  .wrapper.bloc_actualites {
    padding-bottom: 8rem
  }

  .bloc_actualites .all_actus {
    margin-top: 3rem
  }
}

@media only screen and (max-width:660px) {

  .ep_select .medium_size,
  .ep_select .small_size,
  .ep_select .large_size,
  .form_taux_trav>* {
    display: table;
    width: 100%
  }

  .ep_select .btn_iceberg {
    width: 100%
  }

  .ep_engagement {
    text-align: center
  }

  .ep_engagement>* {
    display: inline-block;
    width: 100%;
    padding: 0
  }

  .ep_engagement .primary+.others {
    text-align: center;
    border-left: none;
    padding: 2rem 0 0 0;
    margin-top: 2rem;
    border-top: .1rem solid #fff
  }

  .simuler-impots,
  .simuler-impots .input-group {
    width: 100%
  }

  .simuler-impots {
    margin-bottom: 0.75rem
  }

  .bloc_newsletter p {
    font-size: 2.2rem;
    line-height: 1.25
  }

  .bloc_newsletter .btn_iceblue,
  .bloc_newsletter .newsletter_input,
  .newsletter-content .newsletter_input,
  .newsletter-content .btn_iceblue,
  .register_news .newsletter_input {
    height: 5rem
  }

  .newsletter .btn_iceblue,
  .newsletter .newsletter_input {
    width: 35rem;
    max-width: 100%;
    display: block;
    margin: 0
  }

  .newsletter .btn_iceblue {
    box-shadow: 0 0.4rem 1.5rem 0 rgba(0, 0, 0, 0.15)
  }

  .bloc_newsletter .newsletter p {
    text-align: center
  }

  .bloc_newsletter .newsletter_input {
    height: 5rem
  }

  .newsletter .newsletter_input,
  .bloc_newsletter .select_form {
    margin-bottom: 1rem
  }

  .newsletter,
  .bloc_newsletter .newsletter p {
    flex-direction: column
  }

  .newsletter img,
  .bloc_newsletter .newsletter img {
    margin: 0 0 1.5rem
  }

  .bloc_comparateur.col7 div {
    width: 33.333%
  }

  .newsletter .btn_iceblue,
  .newsletter .newsletter_input,
  .col_right .gs_item .com_bloc p:not(:first-child),
  .oa_actu,
  .col_taux ul {
    width: 100%
  }

  .newsletter p {
    text-align: center
  }

  .bloc_newsletter .newsletter form {
    width: 100%;
    max-width: 35rem
  }

  .content p.titre_tab_contenu_maj {
    font-size: 1.5rem
  }

  .content_in table.tab_contenu .titre_col_tab_contenu {
    display: table-cell;
    font-size: 1.4rem;
    padding: 1.5rem 1rem;
    vertical-align: middle
  }

  .content_in table.tab_contenu,
  .content_in table.tab_contenu tbody {
    display: block
  }

  .content_in table.tab_contenu caption {
    display: block;
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    padding: 0 1rem
  }

  .content_in table.tab_contenu tr {
    display: table;
    width: 100%
  }

  .content_in table.tab_contenu th {
    display: none
  }

  .content_in table.tab_contenu td {
    display: table-row;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4rem;
    color: #005187;
    font-weight: bold;
    padding: 0
  }

  .content_in .tab_taux table.tab_contenu td::before,
  .content_in .tab_taux table.tab_contenu td {
    border-color: #f1f2f7;
    border-top: 0
  }

  .content_in table.tab_contenu td::before {
    content: attr(data-headers);
    display: table-cell;
    width: 40%;
    padding: 0.8rem;
    font-size: 1.2rem;
    font-weight: bold;
    vertical-align: middle;
    background: #003050;
    color: #fff
  }

  .content_in .tab_contenu tr td:not(:last-child):before,
  .content_in .tab_contenu tr td:not(:last-child) .tab_cell,
  .content_in .tab_contenu tr td:not(:last-child) .titre_col_tab_contenu {
    font-size: 1.2rem;
    border-bottom: 1px solid #D0D1D4;
    word-break: break-word
  }

  .content_in .tab_contenu tr td:not(:last-child):before {
    border-top: 0
  }

  .content_in .tab_contenu tr:nth-child(odd) .titre_col_tab_contenu {
    border-bottom: .1rem solid #D0D1D4
  }

  .content_in table.tab_contenu td div.tab_cell {
    color: #46464f;
    font-weight: normal;
    padding: 1.5rem 1rem;
    display: table-cell;
    vertical-align: middle
  }

  .content_in table.tab_contenu td ul,
  .content_in table:not([class]) td ul,
  .content_in table.tab_contenu .titre_col_tab_contenu {
    color: #46464f
  }

  .content_in table.tab_contenu td ul {
    margin: 0
  }

  .content_in table.tab_contenu td ul li {
    font-size: 1.1rem;
    background-position: left .4rem;
    margin-bottom: 0.6rem
  }

  .content_in table.tab_contenu td ul li:last-child {
    margin-bottom: 0
  }

  .content_in .tab_taux .tab_contenu tr:first-child td:first-child:before {
    border-top-left-radius: 1rem
  }

  .content_in .tab_taux .tab_contenu tr:first-child td:last-child:before {
    border-bottom-left-radius: 1rem
  }

  .content_in table.tab_contenu tr:not(:last-child):not(:first-child) {
    border-bottom: 0.1rem solid #d0d1d4
  }

  .content_in table.tab_contenu tr:last-child {
    border-radius: 0 0 1rem 1rem
  }

  .content_in table.tab_contenu tr td:last-child .tab_cell {
    font-size: 1.2rem;
    border-bottom-right-radius: 1rem
  }

  .tab_contenu tr:first-child th:last-child {
    border-radius: 0 1rem 0 0
  }

  .tab_contenu tr:last-child td:first-child {
    border-radius: 0 0 0 1rem
  }

  .tab_contenu tr:last-child td:last-child {
    border-radius: 0 0 1rem 0
  }

  .content_in .tab_taux table.tab_contenu td:before {
    background: #005187;
    color: #fff
  }

  .content_in .tab_taux.tab_custom table.tab_contenu td:first-child:before {
    content: none
  }

  .content_in .tab_taux.tab_custom table.tab_contenu td:first-child {
    height: 3.5rem
  }

  .content_in .tab_taux.tab_custom table.tab_contenu td:first-child>* {
    font-weight: 700;
    position: absolute;
    width: 100%;
    left: 0;
    border-bottom: .1rem solid #fff;
    background: #005187;
    color: #fff
  }

  .content .content_in .tab_taux.tab_custom table.tab_contenu tr {
    position: relative;
    background-color: #fff;
    margin-bottom: 1.5rem
  }

  .content_in .tab_taux.tab_custom table.tab_contenu thead {
    display: none
  }

  .content_in .tab_taux table.tab_contenu>td:nth-child(odd) div {
    background: #f1f2f7
  }

  .content_in .tab_taux table.tab_contenu td:nth-child(even) div {
    background: #fff
  }

  .content_in .tab_taux.tab_custom table.tab_contenu tr:first-child .tab_cell {
    border-radius: 1rem 1rem 0 0
  }

  .tab_taux .tab_contenu tbody {
    border: none
  }

  .content_in .tab_custom_pro table.tab_contenu td:nth-child(odd) div {
    position: absolute;
    right: 0;
    margin-top: -4.8rem;
    width: 33.333%;
    display: block
  }

  .content_in .tab_custom_pro table.tab_contenu td:before {
    width: 33%
  }

  .content_in .tab_custom_pro table.tab_contenu td:nth-child(even) div {
    padding-right: 33.333%
  }

  .content_in .tab_custom_pro .tab_contenu tr td:nth-child(odd) {
    height: 0;
    display: block
  }

  .content_in .tab_custom_pro .tab_contenu tr td:nth-child(odd):before {
    content: none
  }

  .content_in .tab_custom_pro table.tab_contenu td:first-child>*:after {
    content: 'Taux mini';
    position: absolute;
    bottom: -3.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 33.333%;
    font-size: 1.2rem;
    color: #fff;
    line-height: 3.4rem
  }

  .content_in .tab_custom_pro table.tab_contenu td:first-child>*:before {
    content: 'Taux moyen';
    position: absolute;
    right: 0;
    bottom: -3.5rem;
    width: 33.333%;
    font-size: 1.2rem;
    color: #fff;
    line-height: 3.4rem
  }

  .content_in .tab_custom_pro table.tab_contenu td:first-child:after {
    content: 'Durée';
    position: absolute;
    left: 0;
    width: 33.333%;
    font-size: 1.2rem;
    color: #fff;
    line-height: 3.4rem
  }

  .content_in .tab_taux.tab_custom_pro table.tab_contenu td:first-child:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0;
    height: 3.4rem;
    background: #3f657d;
    border-radius: 0
  }

  .content_in .tab_custom_pro table.tab_contenu td:before {
    background: #f1f2f7;
    color: #003050;
    border-right: solid .1rem #D0D1D4
  }

  .content_in .tab_custom_pro table.tab_contenu td:nth-child(odd) div {
    background: #fff
  }

  .content .content_in .tab_taux.tab_custom_pro table.tab_contenu tr:not(:last-child) {
    margin: 4.5rem 0
  }

  .content .content_in .tab_taux.tab_custom_pro table.tab_contenu tr {
    margin-bottom: 0
  }

  .content_in table.tab_contenu thead tr:first-child td:first-child:before {
    border-radius: 1rem 0 0 0
  }

  .content_in table.tab_contenu thead tr:first-child td:last-child:before {
    border-radius: 0 0 0 1rem
  }

  .content_in table.tab_contenu tbody tr:first-child {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
  }

  .other_page .op_bloc .op_item {
    width: 100%;
    margin-left: 0
  }

  .other_page .op_bloc .op_item:not(:last-child) {
    margin-bottom: 1.5rem
  }

  .h1_premium {
    padding: 0 1rem;
    margin-top: 1rem;
    font-size: 2.4rem
  }

  .large_actu:not(.row_actu) .la_item {
    width: 100%;
    margin: 0 0 3rem 0
  }

  .content .lh_item,
  .list_history .lh_item {
    padding: 0 0 2.5rem 0
  }

  .list_project [class*=lp_bloc] {
    background: #fff;
    height: auto;
    padding: 1rem 0;
    border-bottom: .1rem solid #dedfe0
  }

  .list_project [class*=lp_bloc] p:first-child {
    display: none
  }

  .block_comp>*,
  .content_in .fullblock_comp>* {
    padding: 0 2rem 2rem
  }

  .content_in .bc_item .btn_orange {
    left: 0;
    top: 0;
    width: 100%;
    position: relative
  }

  .about_emp.about_emp_video .embed_video,
  .bloc_content.about_new_emp_video .embed_video {
    height: auto;
    padding-bottom: 56.4%;
    width: 100%
  }

  .list-engagement:before {
    height: 10rem
  }

  .bg_univers .list-engagement:before {
    height: 5rem
  }

  .list-engagement {
    margin-top: 6rem
  }
}

@media only screen and (max-width:590px) {
  .trustbox_home {
    min-height: 42.3rem
  }

  #d_menu {
    overflow: hidden
  }

  .submenu {
    transform: translateX(+100%);
    z-index: 100
  }

  .submenu.submenu_on {
    transform: translateX(0)
  }

  .submenu .m_retour {
    display: flex;
    min-height: 6rem;
    align-items: center;
    font-size: 1.2rem
  }

  #d_menu,
  .submenu {
    width: 100%
  }
}

@media only screen and (max-width:550px) {
  .ae_txt .h2style {
    margin-bottom: 2rem
  }

  .ae_txt .title,
  .ae_txt p {
    font-size: 1.6rem
  }

  .about_emp {
    display: block;
    padding: 3.5rem 2rem
  }

  .bf_univers>div {
    width: 48%;
    padding: 0
  }

  .bf_univers>div:nth-child(odd) {
    margin-right: 4%
  }

  .ep_engagement .primary+.others {
    text-align: left;
    border-color: #005187
  }

  .others p span,
  .ep_engagement sup {
    font-size: 2.4rem;
    margin-right: .15rem
  }

  .ep_subtitle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1.25rem;
    background: #fff;
    text-align: left;
    color: inherit;
    border-bottom: .1rem solid #dddee5;
    font-size: 1.3rem
  }

  .ep_subtitle+.ep_select+.ep_engagement {
    margin-bottom: 8rem
  }

  .nm_bloc h2 {
    text-align: center;
    flex-direction: column;
  }

  .nm_bloc [class*='icon_']:before {
    width: 100%;
    left: 0
  }

  .nm_bloc [class*='-circle']:after {
    margin: 0 auto;
    top: -1rem
  }

  .nm_bloc .nm_taux {
    bottom: initial;
    left: initial;
    margin: 0 auto;
    right: initial;
    top: initial;
    position: relative
  }

  .nm_bloc .btn_orange {
    margin-top: 1.5rem;
    font-size: 1.3rem
  }

  .nm_liens {
    font-size: 1.4rem;
    margin: 0 0 1.5rem
  }

  .bloc_comparateur.col7 div {
    width: 100%;
    font-size: 1.5rem;
    height: auto;
    padding: 2.5rem 0 2.5rem 8rem;
    text-align: left;
    border-width: 0 0 .1rem 0
  }

  .bloc_comparateur .bc_txt {
    display: flex;
    align-items: center;
    column-gap: 1rem;
    margin: 0
  }

  .bloc_comparateur [class*='-circle']:after {
    top: 55%;
    transform: translateY(-50%);
    left: 2.5rem;
    margin: 0;
    width: 4rem;
    height: 4rem
  }

  .bloc_comparateur div:before {
    top: 0.5rem;
    margin: 0;
    height: auto;
    width: 9rem;
    font-size: 5rem
  }

  .bloc_comparateur.bc_group div:before {
    font-size: 4rem;
    top: 50%;
    transform: translateY(-50%)
  }

  .col2_liens div {
    width: 100%;
    display: table
  }

  .ba_text .date {
    bottom: 1rem;
    right: 1rem;
    font-size: 1.2rem;
    position: absolute;
    margin: 0
  }

  .ba_small_actu>* span:last-child {
    font-size: 1.2rem
  }

  .guide_actu .oa_actu img {
    width: 100%;
    margin: 0 auto 1rem
  }

  .guide_actu .oa_text {
    width: 100%;
    padding: 0;
    margin-bottom: 1.5rem
  }

  .og_help .og_item,
  .grid_social .gs_item {
    width: 100%
  }

  .content h1,
  .h1style,
  .h2style,
  .nm_simulateur h2,
  .bloc_actualites h2,
  .about_emp .h2style,
  .bloc_actualites .h2style,
  .nos_metiers .h2style,
  .content_in .h2content,
  .content_in .h2style2,
  #global-calculette .footer_txt .h2style,
  .content #global-calculette h1 {
    font-size: 2.2rem
  }

  h2,
  .other_page .h2style,
  .lh_bloc .h2style,
  .category_bloc .title,
  .content_in h2,
  .content_in .h2style,
  .single-bloc .h2style {
    font-size: 2rem;
    line-height: 1.4
  }

  .nm_simulateur .title {
    font-size: 2rem
  }

  h3,
  .h3style,
  .single-bloc .h3style {
    font-size: 1.8rem
  }

  .category_bloc .cb_content {
    width: 100%
  }

  .cb_content:not(:first-of-type) {
    margin-top: 0
  }

  .cb_content:nth-child(odd),
  .cb_content:nth-child(even) {
    float: none
  }

  .project_bloc img {
    width: 100%;
    margin-bottom: 2rem
  }

  .project_bloc:not(:last-child) {
    border-bottom: .1rem solid #dedfe0;
    padding-bottom: 2.5rem
  }

  .project_bloc>* {
    display: block;
    padding: 0
  }

  .project_bloc {
    padding-bottom: 3rem;
    margin-bottom: 3.5rem;
    border-bottom: .1rem dotted #3C3C48
  }

  .content_in .bloc_lexique .bloc_lettre {
    float: none;
    width: 100%;
    margin-right: 0
  }

  .lexique li {
    display: inline-block;
    width: calc(20% - .2rem);
    margin: 0 .2rem .2rem 0;
    vertical-align: top
  }

  .lexique ul {
    font-size: 0
  }

  .lexique li:nth-child(5n) {
    margin-right: 0
  }

  .content .nav_bloc>* {
    width: 100%;
    display: table;
    margin: .5rem 0;
    padding: 1rem 0;
    text-align: center;
    float: none
  }

  .ep_itw {
    flex-direction: column
  }

  .nav_rdp a {
    width: 100%;
    text-align: center;
    margin: 0 0 2rem
  }

  .writter+.old_img {
    float: none;
    margin: 1rem 0 2rem
  }

  .writter+.old_img img {
    width: 100%
  }

  .histo_taux .emp_select,
  .bloc_trustbox .avis-agence {
    width: 100%
  }

  .fa_bloc .opening>* {
    width: 50%
  }

  .conso.bloc_project {
    background: url(/imgs/projet-conso-s.jpg) no-repeat top right
  }

  .auto.bloc_project {
    background: url(/imgs/projet-auto-s.jpg) no-repeat top right
  }

  .bloc_project {
    background: url(/imgs/projet-immo-s.jpg) no-repeat top right
  }

  .entete_preform .register_client .title {
    font-size: 2rem;
    text-align: center;
    padding: 5rem 0 0 0
  }

  .register_client .title:before {
    top: 0;
    text-align: center;
    width: 100%
  }

  .register_client {
    padding: 2rem
  }

  .first_log {
    padding: 2rem 1rem;
    font-size: 1.4rem
  }

  .entete_preform.bg_espace_perso,
  .entete_preform.bg_parrainage {
    min-height: none
  }

  #rech_cci,
  .bg_parrainage .correction_mail {
    width: auto;
    position: initial
  }

  .bg_parrainage .sous_rub {
    position: initial
  }
}

@media only screen and (max-width:480px) {
  .guide-sommaire {
    padding: 2rem 1rem
  }

  .bloc_trustbox {
    padding: 0 1.5rem
  }

  .bloc_trustbox .h3style {
    padding: 0
  }

  .trustbox iframe {
    height: 42rem
  }

  .entete_preform.small_preform .ep_select select,
  .entete_preform.small_preform .ep_select .btn_orange,
  .small_preform.bg_taux .bulle-taux .taux-min,
  .entete_preform .ep_select select,
  .bloc_project select,
  .entete_preform.small_preform .ep_select #pret_bank {
    font-size: 1.2rem
  }

  .small_preform.bg_taux .taux-bulle {
    font-size: 2rem
  }

  .entete_preform.small_preform .ep_select form {
    width: 100%
  }
}

@media only screen and (max-width:440px) {
  .bf_univers>div {
    width: 100%
  }

  .bf_univers>div:nth-child(odd) {
    margin-right: 0
  }

  .col_right .nm_taux+p {
    font-size: 1.3rem
  }

  .content .col_right .text_taux {
    display: block;
    width: 100%;
    padding: 0
  }

  .col_right .nm_taux {
    display: table;
    margin: 0 auto 1rem
  }

  .bloc_comparateur.col7 div,
  .bloc_comparateur div {
    font-size: 1.2rem
  }

  .grid_actu .ga_item {
    width: 100%;
    margin: 0 0 3rem 0
  }

  .large_actu {
    margin-bottom: 0
  }

  .content .lh_item,
  .list_history .lh_item {
    width: 100%;
    margin-bottom: 3rem
  }

  .lh_bloc {
    padding: 2.5rem
  }

  .content .lh_item ul,
  .content_ul .lh_item ul,
  .list_history .lh_item ul {
    width: calc(50% - 1.5rem);
    margin-bottom: 0
  }

  .lh_item ul:first-of-type {
    margin-right: 1.5rem
  }

  .nm_bloc_calc .nm_calc:before {
    top: 1.75rem;
    width: 8rem
  }

  .bloc_contact .tel .acceo {
    margin-right: 0
  }

  .bloc_footer,
  .submit_cookie {
    text-align: center
  }

  .input-group .form-control {
    font-size: 1.4rem
  }

  .simuler-impots .input-group-text {
    width: auto
  }

  .sticky .simuler-impots .input-group-text {
    width: auto;
    padding-left: .5rem;
    padding-right: .5rem
  }

  .sticky .entete_preform .ep_select #pret_bank {
    font-size: 1.4rem
  }

  .bf_univers>div:last-child {
    width: 100%
  }
}

@media only screen and (max-width:360px) {
  .trustbox_home .trustbox {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .bloc_content {
    padding-left: 0;
    padding-right: 0
  }

  .bloc_content.about_new_emp_video,
  .bloc_content.wrapper_bloc_img {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .ep_engagement .primary+.others {
    font-size: 1.4rem;
    letter-spacing: -.05rem
  }

  .sticky .entete_preform .ep_select select {
    font-size: 1.2rem;
    padding: 0 4rem 0 1rem
  }

  .ep_subhome {
    font-size: 1.4rem
  }

  .post-author p {
    font-size: 1.3rem
  }

  .sticky .entete_preform .ep_select .btn_orange {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .sticky .entete_preform .ep_select #pret_bank {
    font-size: 1.3rem
  }

  .bloc_newsletter .newsletter p br {
    display: none
  }
}

@media only screen and (max-width:359px) {
  .head_sup {
    padding: 1rem
  }

  table.tab_contenu_custom th {
    font-size: 1rem !important
  }

  .sticky .bg_preform_loa .ep_select .ep_title {
    font-size: 1.6rem
  }
}

@media (max-width: 320px) {
  .btn-resp {
    padding: 1.1rem
  }

  .cta_content .btn_orange {
    font-size: 1.2rem
  }

  .sticky .entete_preform .input-group .form-control {
    padding-left: .3rem;
    padding-right: .3rem;
    font-size: 1.1rem
  }

  /*CTA V3 avec img*/
  .media .cta-icon {
    background-size: 2.5rem
  }

  .media .bloc-row p {
    font-size: 1.2rem
  }

  .sticky .entete_preform .ep_select #pret_bank {
    font-size: 1.2rem
  }

  /**/
  .bg_taux .bulle-taux .taux-min {
    font-size: 1.3rem
  }

  .bg_taux .taux-bulle {
    font-size: 2.2rem
  }

  .trustbox:before {
    height: 7rem
  }

  .trustbox iframe {
    height: 39.5rem
  }
}


.spacer-20 {
  height: 20px;
  display: block
}

.display-block {
  display: block
}

.display-none {
  display: none
}

/* custom prefrom - phase de tests */
.bg_preform_custom .card-item {
  display: -ms-flexbox;
  display: flex;
  height: 6rem;
  min-width: 18rem;
  padding: 0 3rem;
  background: #fff;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 1rem;
  font-weight: 700;
  box-shadow: 0 0.4rem 1.5rem 0 rgb(0 0 0 / 15%)
}

.bg_preform_custom .ep_select {
  margin: 0
}

.bg_preform_custom .card-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.sticky .bg_preform_custom .ep_select {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem
}

.bg_preform_custom .card-item:not(:last-of-type) {
  margin-bottom: 2rem
}

.sticky .bg_preform_custom .ep_title {
  font-size: 1.6rem;
  -ms-flex: 1;
  flex: 1;
  margin: 0 1rem 0 0
}

.sticky .bg_preform_custom .card-container {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 1;
  flex: 1
}

.sticky .bg_preform_custom .card-item:not(:last-of-type) {
  margin-bottom: 1rem
}

.sticky .bg_preform_custom .card-item {
  height: 4rem;
  padding: 0 1rem;
  min-width: 0;
  width: 100%
}

.bg_preform_custom .ep_select {
  margin-bottom: 2rem
}

.bg_preform_custom .wrapper {
  padding: 4rem 1.5rem 8.5rem
}

.entete_preform.small_preform.bg_preform_custom.bg_preform_3.bg_taux {
  height: auto
}

.bg_preform_custom .bulle-taux {
  top: initial !important
}

@media all and (min-width: 480px) {
  .bg_preform_custom .card-container {
    -ms-flex-direction: row;
    flex-direction: row
  }

  .bg_preform_custom .card-item:not(:last-of-type) {
    margin: 0 2rem 0 0
  }

  .sticky .bg_preform_custom .ep_title {
    font-size: 2rem;
    margin: 0 2.5rem 0 0
  }

  .sticky .bg_preform_custom .card-item {
    padding: 0 2rem
  }

  .sticky .bg_preform_custom .card-item:not(:last-of-type) {
    margin-bottom: 0
  }

  .sticky .bg_preform_custom .ep_select {
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .links-preform-vertical a {
    flex: 1;
    max-width: 20rem
  }

  .links-preform-vertical {
    flex-direction: column;
    align-items: flex-start;
    max-width: 30rem
  }

  .links-preform-vertical .card-body {
    display: flex;
    flex-direction: row
  }

  .links-preform-vertical a {
    max-width: 30rem;
    width: 100%
  }

  .links-preform-vertical .titre-col {
    margin: 0
  }

  .links-preform-vertical svg {
    height: 4rem;
    margin-bottom: 0
  }

  .links-preform-vertical .card {
    padding: 1rem 1.5rem
  }
}

@media only screen and (min-width:660px) {}

@media all and (min-width: 768px) {

  .sticky .bg_preform_custom .ep_title,
  .sticky .bg_preform_custom .card-container {
    -ms-flex: initial;
    flex: initial
  }

  .sticky .bg_preform_custom .card-item {
    min-width: 18rem
  }

  .box-subscribe {
    background: #fff url(/imgs/bg-ebook.png) no-repeat;
    background-position: left 47rem bottom;
  }
}

@media all and (min-width: 1024px) {
  .bg_preform_custom.bg_taux .bulle-taux {
    display: flex
  }

  .bg_preform_custom .bulle-taux {
    top: 8rem !important
  }

  .sticky .bg_preform_custom .ep_select {
    -ms-flex-pack: center;
    justify-content: center
  }

  .bg_preform_custom .wrapper {
    padding: 4rem 1.5rem
  }

  .bg_preform_custom .ep_select {
    margin-bottom: 0
  }

  .bg_preform_custom .card-item {
    transition: ease 0.3s transform
  }

  .bg_preform_custom .card-item:hover {
    transform: translateY(-0.3rem)
  }

  .box-subscribe {
    background-position: left 60rem bottom;
  }
}

@media all and (min-width: 1200px) {
  .box-subscribe {
    background-position: left 51rem bottom;
  }
}

/* custom preform ADE taux */
.tab-examples {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 80rem;
  width: 100%
}

.tab-examples .tab-nav {
  display: -ms-flexbox;
  display: flex;
  background: #005187;
  border-radius: 1rem
}

.tab-examples .tab-nav .tab-nav-item {
  display: -ms-flexbox;
  display: flex;
  min-height: 5rem;
  padding: 0 3rem;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 700;
  color: #fff;
  cursor: pointer
}

.tab-examples .tab-content {
  margin-top: 1rem;
  background: #fff;
  padding: 2.5rem 4rem;
  border-radius: 1rem
}

.tab-examples .tab-grid {
  display: grid;
  grid-template-columns: repeat(4, auto);
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 5rem;
  text-align: left;
  margin: 2rem 0
}

.tab-examples .tab-title {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.25
}

.tab-examples .tab-nav .tab-nav-item.is-active {
  background: #fff;
  color: #003050;
  border-radius: 1rem
}

.tab-examples .tab-fs-small {
  font-size: 1.2rem;
  font-weight: 700
}

.tab-examples .tab-grid>div:not(.tab-img) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 0.5rem
}

.tab-examples .tab-fs-big {
  font-size: 4.5rem;
  font-weight: 700
}

.tab-examples .tab-fs-medium {
  font-size: 2.8rem;
  font-weight: 700;
  color: #005187
}

.tab-examples .tab-img {
  min-width: 20rem;
  margin-right: -3rem
}

.tab-examples .tab-cta>span {
  display: -ms-inline-flexbox;
  display: inline-flex
}

.tab-examples .tab-nav .tab-nav-item:not(:last-child),
.tab-nav .tab-nav-item.is-active {
  box-shadow: 0 0.4rem 2rem 0 rgb(0, 0, 0, 0.15);
  border-radius: 1rem
}

.tab-examples .tab-nav .tab-nav-item:first-child {
  box-shadow: none
}

@media all and (max-width: 1023px) {
  .tab-examples .tab-grid {
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    grid-gap: 1rem;
    grid-template-rows: auto auto;
    margin: 1rem 0 3rem
  }

  .tab-examples .tab-content {
    padding: 2rem
  }

  .tab-examples .tab-img {
    margin-right: 0;
    margin-bottom: -1rem;
    grid-column: 1/4
  }

  .tab-examples .tab-title {
    font-size: 2.2rem
  }

  .tab-examples .tab-fs-big {
    font-size: 4rem
  }

  .map_taux {
    grid-template-columns: 1fr;
    align-items: center
  }

  .map_taux svg {
    margin: auto
  }
}

@media all and (max-width: 600px) {
  .tab-examples .tab-grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .tab-examples .tab-img {
    grid-column: 1/2;
    min-width: initial;
    max-width: 20rem;
    width: 100%
  }

  .tab-examples .tab-nav {
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
  }

  .tab-examples .tab-nav-item:not(.is-active) {
    display: none
  }

  .tab-examples .tab-nav .tab-nav-item {
    position: relative;
    background: #fff;
    color: #005187;
    -ms-flex-order: 2;
    order: 2;
    border-top: 0.1rem solid #005187
  }

  .tab-examples .tab-nav .tab-nav-item.is-active {
    background: #005187;
    color: #fff;
    -ms-flex-order: 1;
    order: 1
  }

  .tab-examples .tab-nav.is-active .tab-nav-item {
    display: -ms-flexbox;
    display: flex
  }

  .tab-examples .tab-nav .tab-nav-item.is-active:before {
    content: ">";
    vertical-align: middle;
    transition: transform ease .25s;
    position: absolute;
    right: 2rem;
    transform: rotate(90deg);
    font-size: 3rem;
    font-weight: 400
  }

  .tab-examples .tab-nav.is-active .tab-nav-item.is-active:before {
    transform: rotate(-90deg)
  }

  .tab-examples .tab-nav .tab-nav-item {
    box-shadow: none !important;
    border-radius: 0 !important
  }
}

@media all and (max-width: 480px) {
  .tab-examples .tab-grid {
    grid-gap: 2rem
  }

  .tab-examples .tab-img img {
    width: 100%
  }

  .tab-examples .tab-content {
    padding: 2rem 1rem
  }

  .tab-examples .tab-title {
    font-size: 2rem
  }

  .tab-examples .tab-fs-big {
    font-size: 2.8rem
  }

  .tab-examples .tab-fs-medium {
    font-size: 1.8rem
  }

  .tab-examples .tab-fs-small {
    font-size: 1rem
  }
}



/* css à ajouter */
.calc-content {
  max-width: 55rem;
  margin: 0 auto;
  margin-bottom: 6rem;
  animation: fadeIn ease 0.1s forwards
}

.calc-block-first,
.calc-block-second {
  align-items: center;
  background: #003050;
  border-radius: 0.2rem;
  padding: 4rem 2rem;
  color: #fff;
  margin-bottom: 1.25rem
}

.calc-content .calc-block-first {
  margin: 1rem;
}

.calc-first-content p {
  font-size: 1.8rem;
  margin: 0;
  line-height: 1.4
}

.calc-first-content .calc-result {
  font-size: 6.6rem;
  font-weight: 700;
  margin: 0.5rem 0
}

@media all and (max-width: 767.98px) {
  .calc-first-content .calc-result {
    font-size: 5rem;
  }
}

.calc-content .calc-block-second {
  background: #fff;
  color: inherit;
  padding: 3rem 2.5rem 4rem
}

.calc-content .calc-label {
  display: grid;
  grid-template-columns: 1fr 16rem;
  gap: 1.6rem;
  align-items: flex-end;
}

.calc-first-content .btn_orange {
  margin: 0 auto;
  width: 100%;
}

.calc-first-content {
  text-align: center
}

.calc-first-content .calc-subtitle {
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
}

.calc-note {
  font-size: 1.2rem;
  margin-top: 1rem;
}

@media all and (max-width: 767.98px) {
  .calc-first-content .calc-subtitle {
    font-size: 1.4rem;
  }
}

.calc-block-nav {
  margin-bottom: 1.75rem
}

.calc-nav-item {
  height: 5rem;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  background: #003050;
  color: #fff;
  font-weight: 600;
  cursor: pointer
}

.calc-nav-item-active {
  display: flex;
  position: relative
}

.calc-label-text {
  display: flex;
  flex-direction: column;
  font-weight: 700;
}

.calc-label-text span {
  color: #003050;
  font-size: 1.2rem;
  margin-top: 0.75rem;
  font-weight: 400;
}

.calc-label-input {
  display: flex;
  align-items: baseline;
  border: 0.1rem solid #005187;
  padding: 0 1rem 0 0.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  justify-content: flex-end
}

.calc-label-input span {
  white-space: nowrap
}

.calc-label-input input {
  width: 100%;
  height: 4.8rem;
  align-items: baseline;
  text-align: right;
  margin-right: 0.5rem;
  overflow: hidden
}

.calc-second-content input[type="range"] {
  width: 100%;
  margin-top: 2.5rem;
  background: #CDCFD4;
  border-radius: 1rem;
  height: 0.3rem;
  border-radius: 0.5rem;
  -webkit-appearance: none;
  appearance: none;
}

.calc-second-content input[type="range"]:not(:last-child) {
  margin-bottom: 3.4rem;
}

.calc-content [type=range] {
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--val) - var(--min)) / var(--range));
  --sx: calc(0.5 *2rem + var(--ratio) * (100% - 2rem));
  margin: 0;
  padding: 0;
  width: 100%;
  height: 2rem;
  background: transparent;
  appearance: none;
}

.calc-content [type=range],
.calc-content [type=range]::-webkit-slider-thumb {
  -webkit-appearance: none
}

.calc-content [type=range]::-webkit-slider-runnable-track {
  box-sizing: border-box;
  border: none;
  width: 100%;
  height: 0.3rem;
  border-radius: 0.5rem;
  background: #CDCFD4
}

.js .calc-content [type=range]::-webkit-slider-runnable-track {
  background: linear-gradient(#005187, #005187) 0/var(--sx) 100% no-repeat #CDCFD4
}

.calc-content [type=range]::-moz-range-track {
  box-sizing: border-box;
  border: none;
  width: 100%;
  height: 0.3rem;
  border-radius: 0.5rem;
  background: #CDCFD4;
}

.calc-content [type=range]::-ms-track {
  box-sizing: border-box;
  border: none;
  width: 100%;
  height: 0.3rem;
  border-radius: 0.5rem;
  background: #CDCFD4
}

.calc-content [type=range]::-moz-range-progress {
  height: 0.3rem;
  border-radius: 0.5rem;
  background: #005187
}

.calc-content [type=range]::-ms-fill-lower {
  height: 0.3rem;
  border-radius: 0.5rem;
  background: #005187
}

.calc-content [type=range]::-webkit-slider-thumb {
  margin-top: -0.3rem;
  box-sizing: border-box;
  border: none;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #003050;
  cursor: grab
}

.calc-content [type=range]::-moz-range-thumb {
  box-sizing: border-box;
  border: none;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #003050;
  cursor: grab
}

.calc-content [type=range]::-ms-thumb {
  margin-top: 0;
  box-sizing: border-box;
  border: none;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #003050;
  cursor: grab
}

.calc-content [type=range]::-ms-tooltip {
  display: none
}

.calc-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
}

.bloc-two {
  display: none;
}

.calc-content .calc-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  margin-top: 2rem;
}

.calc-content .calc-info-title {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  font-size: 1.4rem;
}

.page-wrapper .calc-content .bg-border {
  border-bottom: 1px solid #fff;
  margin-bottom: 0.6rem;
  padding-bottom: 0.6rem;
}

.calc-first-content .calc-subtitle {
  display: flex;
  justify-content: space-between;
}

@media all and (max-height: 570px) {
  .calc-block {
    flex-direction: column-reverse
  }
}

@media all and (max-width: 380px) {
  .calc-label-input {
    font-size: 1.3rem;
    width: 12rem
  }

  .calc-label-text {
    font-size: 1.3rem
  }

  .calc-block-first,
  .calc-content .calc-block-second {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .calc-nav-item {
    font-size: 1.4rem
  }
}

@media all and (max-width: 767px) {
  .calc-block-nav.is-active .calc-nav-item {
    display: flex
  }

  .calc-block-nav {
    display: flex;
    flex-direction: column
  }

  .calc-block-nav.is-active .calc-nav-item {
    order: 1;
    border-radius: 0 0 1rem 1rem
  }

  .calc-block-nav.is-active .calc-nav-item.calc-nav-item-active {
    order: 0;
    border-radius: 1rem 1rem 0 0
  }

  .calc-nav-item:not(.calc-nav-item-active) {
    background: #fff;
    color: #005187
  }

  .calc-nav-item-active:before {
    content: url(/imgs/arrow-white.svg);
    position: absolute;
    right: 1.75rem;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transition: 0.3s ease transform
  }

  .is-active .calc-nav-item-active:before {
    transform: translateY(-50%) rotate(-90deg)
  }
}

@media all and (min-width: 768px) {
  .calc-content {
    max-width: 55rem;
    margin: 0 auto 6rem
  }

  .calc-block-nav {
    display: flex;
    width: 100%
  }

  .calc-content {
    max-width: 98rem
  }

  .calc-block {
    flex-direction: row;
    grid-gap: 1.25rem
  }

  .calc-block-first,
  .calc-content .calc-block-second {
    margin: 0;
    display: flex;
    flex: 50%
  }

  .calc-first-content,
  .calc-second-content {
    width: 100%
  }

  .calc-content .calc-nav-item {
    position: relative;
    display: flex;
    width: 28rem
  }

  .calc-content .calc-nav-item:before {
    display: none
  }

  .calc-nav-item.calc-nav-item-active {
    position: relative;
    color: #003050;
    margin-right: -1.5rem
  }

  .calc-nav-item-active+.calc-nav-item {
    padding-left: 1.5rem
  }

  .calc-nav-item+.calc-nav-item-active {
    margin-left: -1.5rem;
    margin-right: 0;
    padding-left: 0
  }

  .calc-nav-item:first-child::after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background: white;
    overflow: hidden;
    border-radius: 1rem;
    z-index: 1;
    box-shadow: 0 0.4rem 1rem rgb(0 0 0 / 15%);
    transition: all 0.25s ease
  }

  .calc-nav-item:not(.calc-nav-item-active):after {
    left: calc(100% - 1.5rem);
    width: 100%
  }

  .calc-nav-item span {
    position: relative;
    z-index: 2
  }
}

@media all and (min-width: 1024px) {

  .calc-block-first,
  .calc-content .calc-block-second {
    padding: 3.4rem;
  }

  .calc-first-content .calc-title {
    font-size: 1.6rem;
    line-height: 1.2
  }


  .calc-block-first svg {
    display: block;
    margin: 0 auto 1rem
  }

  .calc-first-content .btn_orange {
    margin-top: 1rem
  }
}


/* preform banque - test */
.bulle-taux.left-side {
  display: flex;
  align-items: center;
  justify-content: center;
  left: 1rem;
  height: 14rem;
  width: 14rem;
  top: 50%;
  padding: 1.5rem;
  transform: translateY(-50%);
  background: #fff
}

.bulle-taux.left-side img {
  max-width: 100%;
  height: auto
}

@media all and (max-width: 1480px) {
  .bulle-taux.left-side {
    border-radius: 50%
  }
}

@media all and (max-width: 1023px) {
  .bg_taux .bulle-taux.custom-bulle {
    display: none
  }

  .bulle-taux.left-side img {
    max-height: 5rem
  }

  .bulle-taux.left-side {
    left: 0;
    height: initial;
    transform: none;
    top: initial;
    width: 100%;
    padding: 1rem;
    border-radius: 100% 100% 0 0
  }
}


/* New responsive table - work in progress */
.tns-outer {
  padding: 0 !important
}

.tns-outer [hidden] {
  display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s
}

.tns-slider>.tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
  float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
  margin-right: -100%
}

.tns-no-calc {
  position: relative;
  left: 0
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px
}

.tns-gallery>.tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active {
  position: relative;
  left: auto !important
}

.tns-gallery>.tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s
}

.tns-autowidth {
  display: inline-block
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6
}

.tns-lazy-img.tns-complete {
  opacity: 1
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s
}

.tns-ovh {
  overflow: hidden
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em
}

.tns-transparent {
  opacity: 0;
  visibility: hidden
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0
}

.tns-normal,
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1
}

.tns-vpfix {
  white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
  display: inline-block
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0
}

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both
}

.tns-t-ct>div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left
}

/* init carousel */

@media all and (min-width: 768px) {
  .content_in table:not([class]) tbody {
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 .4rem 2rem rgba(0, 0, 0, 0.08);
    background: #fff
  }

  .content_in table:not([class]) tr:not(:first-child):not(:last-child) td {
    border-bottom: 0.1rem solid #D0D1D4
  }

  table.tab_contenu tr:first-child,
  .content_in table:not([class]) tr:first-child {
    background: #003050
  }

  .content_in .tab_contenu tr:first-child td,
  .content_in table:not([class]) tr:first-child th {
    color: #fff
  }
}

@media all and (max-width: 767px) {
  .content_in table:not([class]) caption {
    display: block;
    padding: 0 2rem;
    font-size: 1.6rem
  }

  .content_in table:not([class]) tbody tr,
  .content_in table:not([class]) tbody tr:first-of-type {
    background: #fff
  }

  .content_in table:not([class]) td:before {
    content: attr(data-th);
    position: relative;
    top: 0;
    left: 0;
    padding: 1.25rem 0.75rem;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-weight: 600;
    background: #003050;
    color: #fff
  }

  .content_in table:not([class]) td {
    position: relative;
    border: 0 !important;
    width: 100%;
    display: block;
    padding: 0 0.75rem 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
  }

  .content_in table:not([class]) tr {
    display: block;
    flex-direction: column;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 .4rem 2rem rgba(0, 0, 0, 0.15);
    border: 0 !important;
    pointer-events: none
  }

  .content_in table:not([class]),
  .content_in table:not([class]) tbody {
    border: 0 !important;
    display: block
  }

  .content_in table:not([class]) {
    margin: 0 -2rem 3rem;
    width: 100vw;
    max-width: 100vw
  }

  .content_in table:not([class]) .tns-outer {
    margin-top: -2rem
  }

  .content_in table:not([class]) .btn_orange,
  .content_in table:not([class]) a {
    pointer-events: auto
  }

  .content_in table .tns-slider>.tns-item {
    margin: 2rem;
    width: calc(100vw - 4rem) !important
  }

  .content_in table .tns-nav>[aria-controls] {
    width: 0.9rem;
    height: 0.9rem;
    padding: 0;
    margin: 0 0.6rem;
    border-radius: 50%;
    background: transparent;
    border: 0.1rem solid #003050;
    vertical-align: middle;
    transition: all 0.3s ease
  }

  .content_in table .tns-nav>.tns-nav-active {
    background: #003050
  }

  .content_in table:not([class]) tbody tr:first-of-type>* {
    color: inherit
  }

  /* Trick & fix calcs */
  .content_in #global-calculette table:not([class]) {
    margin: 0 -0.9rem 3rem !important;
    width: 100vw !important
  }

  .content_in #global-calculette .single-bloc table:not([class]) {
    margin-left: -2.9rem !important;
    margin-right: -2.9rem !important;
  }
}

/* webchat combined AEMP */
.popin-alternative {
  position: fixed;
  right: 1.5rem;
  bottom: 8rem;
  z-index: 998
}

.popin-alternative.is-active .popin-call {
  display: block
}

.popin-alternative .card-call {
  transition: none;
  animation: none
}

.popin-alternative .card-call.is-active {
  display: block;
  opacity: 1;
  border-radius: 0
}

.popin-alternative .bloc-call {
  position: relative;
  right: 0;
  bottom: 0
}

.popin-alternative .card-call .wcb-header p {
  font-size: 1.6rem
}

.popin-call {
  min-height: 57.5rem;
  width: 36rem;
  border-radius: 1rem;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0.2rem 0.7rem 0 rgb(0 0 0 / 30%);
  display: none
}

.popin-call #webchat-integrated {
  width: 100%;
  height: 52.5rem
}

.popin-call #wcb_content {
  z-index: 998;
  position: relative
}

.popin-call .card-call {
  box-shadow: none
}

.popin-head {
  display: flex;
  background: #005187
}

.popin-head.is-active {
  background: #fff
}

.popin-head .popin-item {
  position: relative;
  flex: 1;
  background: #fff;
  font-size: 1.4rem;
  height: 5rem;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #005187;
  font-weight: 700;
  cursor: pointer
}

.popin-head .popin-item:first-child:after {
  left: -100%;
  right: 100%
}

.popin-head .popin-item:first-child:before {
  content: '';
  position: absolute;
  right: -100%;
  left: 100%;
  height: 100%;
  background: #ffffff
}

.popin-head .popin-item.is-active:first-child:after {
  content: '';
  position: absolute;
  right: -100%;
  left: 100%;
  height: 100%;
  background: #005187
}

.popin-head .popin-item.is-active {
  background: #005187;
  color: #fff;
  border-radius: 1rem 1rem 0 0
}

.popin-head .popin-item:last-child {
  border-radius: 0 0 0 1rem
}

.popin-head .popin-item.is-active:last-child {
  border-radius: 1rem 0 0 0
}

.popin-head .popin-item.is-active:first-child {
  border-radius: 0 1rem 0 0
}

.popin-head .popin-item:first-child {
  border-radius: 1rem 0 1rem 0
}

.popin-alternative .bloc-call .btn-content {
  display: none
}

.popin-alternative .btn-content {
  position: absolute;
  right: 0;
  margin-top: 1.5rem;
  white-space: nowrap
}

.popin-alternative.is-active .btn-floating .btn-toggle {
  display: none
}

.popin-alternative.is-active .btn-floating svg:first-of-type {
  display: none
}

.popin-alternative:not(.is-active) .btn-floating svg:last-of-type {
  display: none
}

.popin-alternative.is-active .btn-floating.btn-webcall {
  padding: 0;
  width: 5rem;
  position: relative;
  z-index: 1000
}

.popin-alternative .card-call .close-mob {
  display: none
}

@media all and (max-width: 660px) {
  .popin-alternative {
    bottom: 0.5rem;
    right: 0.5rem
  }

  .popin-alternative.is-active {
    bottom: 0.5rem;
    top: 0.5rem;
    right: 0.5rem;
    left: 0.5rem
  }

  .popin-alternative .btn-content {
    margin: 0;
    bottom: 1rem;
    right: 1rem
  }

  .popin-alternative .popin-call {
    width: 100%;
    height: 100%
  }

  .popin-call #webchat-integrated,
  .popin-alternative .popin-call #wcb_content {
    position: absolute;
    top: 5rem;
    bottom: 0;
    height: auto
  }

  .popin-alternative .card-call.is-active {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto
  }

  .popin-alternative .card-call .wcb-footer {
    align-self: flex-end
  }

  .popin-alternative .bloc-call {
    height: 100%
  }

  .popin-alternative.is-active .btn-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: initial;
    right: initial
  }

  .popin-head {
    padding-left: 5rem;
    position: relative
  }

  .popin-alternative.is-active .btn-content .btn-floating {
    background: #fff;
    border-radius: 1rem 0;
    box-shadow: none;
    overflow: hidden
  }

  .popin-alternative.is-active .btn-content .btn-floating svg {
    fill: #005187
  }

  .popin-head.is-active .popin-item.is-active:first-child {
    border-radius: 1rem 1rem 0 0
  }

  .popin-head .popin-item:first-child {
    border-radius: 0 0 1rem 0
  }

  .popin-head:before {
    content: '';
    position: absolute;
    width: 1rem;
    height: 1rem;
    background: #fff;
    left: 4rem;
    bottom: 0rem;
    pointer-events: none
  }

  .popin-head.is-active:before {
    background: #005187
  }
}

.promotional-container {
  z-index: 1501;
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%) translateY(120%);
  padding: 4rem 6rem;
  background: #fff;
  border-radius: 1rem;
  width: 100%;
  max-width: 90rem;
  box-shadow: 0 .4rem 1.5rem rgb(0 0 0 / 10%);
  line-height: 1.5;
  font-size: 1.8rem;
  transition: transform ease 0.3s
}

.promotional-container.scrolled {
  transform: translateX(-50%) translateY(0)
}

.promotional-banner,
.promotional-banner div:first-child {
  display: flex
}

.promotional-banner div {
  display: flex;
  align-items: center
}

.pb-emoji {
  font-size: 3rem;
  margin-right: 2rem
}

.promotional-banner {
  align-items: center;
  grid-gap: 1rem
}

button.pb-close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 3rem;
  height: 3rem;
  z-index: 1502
}

.pb-button.btn_orange {
  max-width: 23rem;
  width: 100%
}

.pb-button.btn_orange a {
  color: #fff
}

.larger-promotional .btn_orange {
  max-width: 30rem
}

.larger-promotional .btn_orange span {
  display: block;
  text-align: center
}

@media all and (max-width: 600px) {
  .promotional-banner {
    flex-direction: column;
    grid-gap: 2rem
  }

  .promotional-container {
    width: calc(100% - 3rem);
    padding: 3rem;
    bottom: 1.5rem;
    font-size: 1.4rem
  }
}

/*fusion des sites*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #fff inset
}

.txt-content a:hover {
  text-decoration: underline
}

.content-search input::-webkit-input-placeholder {
  color: #003050
}

.content-search input::-moz-placeholder {
  color: #003050
}

.content-search input:-ms-input-placeholder {
  color: #003050
}

.content-search input::-ms-input-placeholder {
  color: #003050
}

.content-search input::placeholder {
  color: #003050
}

.form-group input::-webkit-input-placeholder,
.newsletter_input input::-webkit-input-placeholder {
  color: #606165
}

.form-group input::-moz-placeholder,
.newsletter_input input::-moz-placeholder {
  color: #606165
}

.form-group input:-ms-input-placeholder,
.newsletter_input input:-ms-input-placeholder {
  color: #606165
}

.form-group input::-ms-input-placeholder,
.newsletter_input input::-ms-input-placeholder {
  color: #606165
}

.form-group input::placeholder,
.newsletter_input input::placeholder {
  color: #606165
}

.form-group input::-webkit-input-placeholder {
  font-size: 1.3rem;
  font-weight: 400
}

.form-group input::-moz-placeholder {
  font-size: 1.3rem;
  font-weight: 400
}

.form-group input:-ms-input-placeholder {
  font-size: 1.3rem;
  font-weight: 400
}

.form-group input::-ms-input-placeholder {
  font-size: 1.3rem;
  font-weight: 400
}

.form-group input::placeholder {
  font-size: 1.3rem;
  font-weight: 400
}

.newsletter_input input::-webkit-input-placeholder,
.content-search input::-webkit-input-placeholder {
  font-size: 1.6rem
}

.newsletter_input input::-moz-placeholder,
.content-search input::-moz-placeholder {
  font-size: 1.6rem
}

.newsletter_input input:-ms-input-placeholder,
.content-search input:-ms-input-placeholder {
  font-size: 1.6rem
}

.newsletter_input input::-ms-input-placeholder,
.content-search input::-ms-input-placeholder {
  font-size: 1.6rem
}

.newsletter_input input::placeholder,
.content-search input::placeholder {
  font-size: 1.6rem
}

.pop-in input::placeholder {
  color: #003050;
  font-size: 1.8rem
}

.pop-in input:-ms-input-placeholder {
  color: #003050;
  font-size: 1.8rem
}

.pop-in input::-webkit-input-placeholder {
  color: #003050;
  font-size: 1.8rem
}

/*bloc agence*/
.img-round.bg-green {
  vertical-align: middle
}

.img-round.bg-green:after {
  background: #51AE32
}

.img-round .svg-bloc-info {
  vertical-align: middle
}

.agence-bloc {
  position: relative;
  margin: 8rem auto 4rem;
  padding: 10px;
  z-index: 1
}

.agence-bloc span {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #003050
}

.agence-bloc .titre {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 1rem
}

.agence-bloc .chip {
  display: block;
  position: relative;
  font-weight: 700;
  color: #005187;
  font-size: 2rem;
  cursor: pointer;
  box-shadow: 0 .4rem 1.5rem rgb(0 0 0 / 15%);
  padding: 2rem 1.5rem;
  border-radius: 1rem
}

.agence-bloc .input_group {
  border: 1px solid #D0D2D8;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08)
}

.agence-bloc:after {
  content: '';
  position: absolute;
  right: 0px;
  bottom: 0;
  background: right / contain no-repeat url(/imgs/carte-bleu.svg);
  height: 25rem;
  width: 100%;
  border-radius: 1rem;
  z-index: -1
}

.content-search .search_tool_el {
  padding: 0.5rem 2rem
}

.agence-bloc input {
  width: 100%
}

.content-search .btn-geo {
  min-height: 5.4rem
}

/*new boutons*/
.btn {
  min-height: 5rem;
  font-size: 1.6rem;
  line-height: 1.6;
  padding: 1rem 2.2rem;
}

.btn,
.bl_submenu .m_btn {
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  border-radius: 3rem;
  cursor: pointer;
  transition: all 0.2s ease
}

.btn-sm {
  min-height: 4rem;
  padding: 0.6rem 2.2rem
}

.btn-geo:before {
  content: '';
  background: center / contain no-repeat url(/imgs/geo.svg);
  margin-right: 1rem;
  width: 1.37rem;
  height: 2rem
}

.btn-geo-v2:before {
  content: '';
  background: center / contain no-repeat url(/imgs/geo-v2.svg);
  margin-right: 1rem;
  width: 3rem;
  height: 3rem
}

.btn-geo-v2:hover:before,
.btn-geo-v2:focus:before {
  content: '';
  background: center / contain no-repeat url(/imgs/geo-color-v2.svg);
  margin-right: 1rem;
  width: 3rem;
  height: 3rem;
  transition: background .2s ease
}

.btn-arrow:after {
  content: '';
  background: center / contain no-repeat url(/imgs/arrow.svg);
  margin-left: 1rem;
  width: 1.6rem;
  height: 1.6rem
}

.btn-primary,
.bl_submenu .m_btn {
  background: #FE523B
}

.btn_orange .btn:hover,
.btn_orange:hover,
.btn-primary:hover,
.btn-secondary:hover {
  box-shadow: 0 .4rem 1.5rem rgba(0, 0, 0, 0.15)
}

.btn-primary:hover,
.btn-primary:focus {
  background: #FE3B43
}

.btn-secondary {
  background: #005187
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: rgba(0, 81, 135, 0.9)
}

.content-search .input_group {
  position: relative;
  background: #fff;
  display: flex;
  border-radius: 3.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  font-size: 1.4rem;
  width: 100%;
  flex: 1 1 0;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08);
  z-index: 5
}

.search_tool_el {
  flex: 1 1 0
}

.search_tool_el input {
  font-size: 1.8rem;
  color: #003050;
  width: 100%
}

/*bloc links projets*/
.links-projets {
  display: grid;
  gap: 1.7rem;
  margin-bottom: 4rem
}

/*cta immo*/
.ctaV2 .txt-small {
  font-size: 1.2rem;
  font-weight: 400;
  color: #003050
}

/*form recherche agence*/
.bloc-recherche {
  padding: 1.6rem 2rem
}

.bloc-recherche .content-search {
  max-width: 68rem;
  margin: 0 auto
}

/*bloc optimiser choisir*/
.bloc-optimiser,
.bloc-choisir {
  margin-bottom: 4rem
}

.bloc-optimiser .card,
.bloc-choisir .card {
  background-color: transparent
}

.bloc-choisir .card-body .icon {
  content: "";
  height: 5rem;
  width: 100%
}

.bloc-choisir .card-body .icon-gmt {
  background: url(/imgs/gmt.svg) no-repeat center center
}

.bloc-choisir .card-body .icon-acteur-majeur {
  background: url(/imgs/acteur-majeur.svg) no-repeat center center
}

.bloc-choisir .card-body .icon-proximite {
  background: url(/imgs/proximite.svg) no-repeat center center
}

.bloc-choisir {
  padding: 1rem 0 2.5rem
}

/*preform page home agence*/
.agence-preform form,
.preform-agence form {
  background: transparent
}

.stars-trust {
  margin: 0 1rem;
  vertical-align: middle
}

.txt-avis span {
  font-size: 1.6rem
}

.avis-google .txt-avis .note-moy,
.txt-avis .lien {
  display: inline-flex
}

.avis-google .txt-avis .star-rating svg path {
  fill: #51AE32
}

.agence-preform .avis-google .txt-avis .star-rating {
  vertical-align: middle
}

@media only screen and (min-width:768px) {
  .agence-preform .avis-google .txt-avis .star-rating {
    margin: 0 1rem
  }
}

/* services page agence */
.services {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  margin: 1rem auto 2rem
}

.services div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  height: 3.5rem;
  background: #fff;
  border-radius: 0.6rem;
  cursor: pointer
}

/*bloc passe crédit*/
.passe-credit img {
  width: 100%;
  height: auto;
  border-radius: 1rem
}

.passe-credit .h2style,
.passe-credit h2 {
  margin-bottom: 1.5rem
}

.passe-credit .passe-txt {
  line-height: 1.6
}

.passe-credit .btn-primary {
  margin-top: 2rem
}

.d-bloc {
  display: block
}

/*bloc omptimiser*/
.bloc-optimiser .titre-col {
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 700
}

.bloc-optimiser .titre {
  font-weight: 700;
  line-height: 1.3
}

.bloc-optimiser svg,
.bloc-choisir .icon {
  margin-bottom: 2rem
}

/*blocs 3 colonnes */
.grid-3-md {
  display: grid
}

/*bloc image left*/
.bloc-img-left {
  display: grid
}

.txt-content p {
  font-size: 1.6rem;
  line-height: 1.5
}

.txt-content p:not(:last-child) {
  margin-bottom: 2.5rem
}

.bloc-img-left img {
  width: 100%;
  height: auto;
  border-radius: 1rem
}

.bloc-img-left ul li {
  line-height: 1.4
}

.ctaV2 .cta_taux span .atx {
  font-size: 2.8rem;
  display: inline;
  vertical-align: super
}

/*bloc trouver agence footer et preform sticky */
footer .input_group .btn,
.sticky .bg_preform_agences .input_group .btn {
  padding: 0.5rem 2.2rem;
  min-height: 4rem
}

.sticky .bg_preform_agences .content-search .search_tool_el {
  padding: 0.5rem 2.5rem
}

footer .content-search .btn-geo,
.sticky .bg_preform_agences .content-search .btn-geo {
  min-height: 5rem
}

.search_footer .titre-search {
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 1.7rem
}

.alert-text img {
  max-width: 100%;
  height: auto
}

/*bloc presse*/
.grid-presse {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  text-align: center;
  align-items: center;
  margin-bottom: 2.5rem
}

.grid-presse .presse-img img {
  max-width: 100%
}

.bloc-presse .link-presse {
  text-align: center;
  display: block
}

.bloc-presse .link-presse:hover {
  text-decoration: underline
}

.bloc-avis-google {
  padding: 1.8rem 0
}

.bloc-avis-google .avis-google {
  color: #003050
}

.bloc-avis-google .avis-google .note-moy {
  font-weight: 700;
  font-size: 2.8rem;
  vertical-align: middle
}

.bloc-avis-google .avis-google .txt-moy {
  font-weight: 600;
  font-size: 1.5rem
}

.bloc-avis-google .h2style {
  color: #003050
}

.hours-agence .titre-hours {
  margin-bottom: 1rem
}

.hours-agence .opening {
  margin-bottom: 2.5rem
}

.opening .day {
  padding: 0 0.5rem
}

.opening .active .day {
  color: #fff;
  background-color: #003050;
  border-radius: 15px;
  font-weight: 700
}

.opening .active .hour {
  color: #003050;
  font-weight: 700
}

/*page agence home*/
.h1agence {
  text-align: center;
  margin: 0 auto 1.5rem;
  color: #003050;
  font-size: 2.4rem
}

.bloc-contact-agence .nom-agence {
  margin-bottom: 1rem;
  line-height: 1.1
}

.bloc-contact-agence .gerant-agence {
  margin-bottom: 1rem
}

.image-agence {
  max-width: 100%;
  height: auto;
  border-radius: 1rem;
  margin-bottom: 2rem
}

.bloc-contact-agence .field-geo {
  display: block;
  margin-bottom: 2.5rem;
  text-decoration: underline
}

.bloc-contact-agence .field-tel {
  display: inline-block;
  margin-bottom: 1rem;
  text-decoration: underline
}

.agence-form .carte-agence {
  height: 23.6rem;
  width: 100%
}

.agence-bloc .img-round svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.fiche_agence .plan-agence {
  max-width: 100%;
  height: auto
}

.bloc-contact-agence .nom-agence {
  color: #003050
}

/*form contact*/
.form-contact label {
  display: block
}

.agence-form .form-contact form {
  max-width: 44rem;
  margin: 0 auto
}

.form-contact {
  background-color: #fff;
  border-radius: 1rem;
  padding: 1.8rem 1.2rem 3rem
}

.form-contact .contact-input .contact-coord,
.form-contact .contact-coord,
#contact_form .contact-coord {
  position: relative;
  margin-bottom: 1.6rem
}

.form-contact .contact-radio {
  margin-bottom: 1.3rem
}

.form-contact .value-input {
  position: absolute;
  left: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  transition-duration: .125s;
  color: #003050;
  font-size: 1.5rem
}

.form-contact .contact-input input,
.form-contact .contact-radio .contact-coord {
  display: block;
  padding: 1rem 1.5rem;
  width: 100%;
  height: 6rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.6;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #D0D2D8;
  border-radius: 0.6rem;
  transition: border-color .15s ease-in-out
}

.form-contact .identite .contact-input input:focus~.value-input {
  font-size: 11px;
  line-height: 1.4;
  font-weight: 400;
  top: 1.5rem;
  color: #003050
}

.form-contact .identite .contact-coord .form-textbox[data-state='valid'],
.form-contact .identite .contact-coord .contact-select[data-state='valid'],
.form-contact .contact-input .contact-coord input[data-state='valid'],
.form-contact textarea[data-state='valid'] {
  border-color: #005187
}

.form-contact .contact-select.is-active {
  background: #dff6fb url(/imgs/select.svg) no-repeat center right 1.8rem;
  border-color: #005187;
  font-weight: 600;
  color: #005187
}

.rendez-vous {
  display: none
}

.form-contact .calendar {
  position: relative;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1rem 0;
  text-align: center;
  overflow: hidden;
  margin-bottom: 1rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: calc(100% + 1rem);
}

.form-contact .days-block {
  display: flex;
  transition: transform 0.5s ease-in-out;
  margin-bottom: 1rem;
}

.form-contact .day-item {
  flex: 0 0 33.33%;
  text-align: center;
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  padding: 0;
}

.form-contact .arrow {
  position: absolute;
  cursor: pointer;
  display: none;
  padding: 1rem;
  top: 1.75rem;
  background-size: 0.75rem
}

.form-contact .arrow-left {
  left: 0;
  transform: rotate(180deg)
}

.form-contact .arrow-right {
  right: 0;
}

.form-contact .arrow:hover {
  background-position: center right 0.5rem
}

.form-contact .calendar .day {
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 0;
  margin: 0 auto;
}

.form-contact .calendar .hour {
  display: none;
  align-items: center;
  justify-content: center;
  height: 5rem;
  padding: 1rem;
  margin: 0 0.5rem;
  border-radius: 0.4rem;
  cursor: pointer;
  border: 0.1rem solid #D0D2D8;
  transition: ease 0.3s border-color
}

.form-contact .calendar .hour input {
  display: none
}

.form-contact .calendar .hour.is-active,
.form-contact .calendar .hour:hover {
  color: #005187;
  border-color: #005187;
  background: #dff6fb;
}

.calendar .show-more {
  display: inline-block;
  margin-bottom: 1rem;
  font-size: 1.3rem;
  color: #005187;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer
}

.form-contact .form-group.form-group-dual-column {
  display: flex;
  width: 100%;
  grid-gap: 1rem;
  margin: 0
}

.form-group.form-group-dual-column .contact-radio {
  flex: 1;
  margin: 0
}

.form-group.form-group-dual-column .form-contact .contact-btn {
  height: 5rem
}

.form-contact .rendez-vous .contact-radio input {
  display: none
}

.form-contact .rendez-vous .contact-btn {
  width: 100%;
  text-align: center;
  min-height: 5rem;
  justify-content: center
}

.calendar .hour.is-hidden {
  display: none !important
}

/*.form-contact .input-group input[data-state='valid'] ~ .input-append{border-color: #003050;background: #003050;color:#fff}*/
.form-contact .contact-error {
  display: none;
  margin-top: 0.5rem;
  color: #d0021b;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 400;
}

.form-contact textarea {
  border: 1px solid #D0D2D8;
  height: 9rem;
  width: 100%;
  padding: 1.5rem;
  border-radius: 0.6rem
}

.form-contact .contact-btn {
  display: flex;
  flex-direction: row;
  column-gap: 2rem;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1rem 1.8rem
}

.form-contact .field-nom {
  font-size: 1.8rem;
  color: #003050;
  font-weight: 700;
  margin-bottom: 1.5rem
}

.form-contact .contact-radio input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0
}

.form-contact .contact-radio .label-radio {
  display: flex;
  border: 1px solid #D0D2D8;
  color: #003050;
  appearance: none;
  border-radius: 0.6rem;
  font-size: 1.3rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color .25s ease-in-out, background-color .25s ease-in-out, color .25s ease-in-out
}

.form-contact .contact-radio .label-radio:focus,
.form-contact .contact-radio .label-radio:hover {
  box-shadow: 0.2rem 0.2rem 1rem 0 rgb(0 0 0 / 10%);
  transition: box-shadow .25s ease, box-shadow .25s ease
}

.contact-radio.is-disabled {
  cursor: not-allowed
}

.contact-radio.is-disabled .label-radio {
  pointer-events: none;
  opacity: 0.4
}

.form-contact .contact-radio.is-disabled:hover .label-radio {
  background: #fff;
  box-shadow: none;
  border: 0.1rem solid #D0D2D8
}

.form-contact .contact-select {
  background: #fff
}

.form-contact .contact-select,
.temoignages-agence .contact-select {
  width: 100%;
  font-size: 1.5rem;
  min-height: 6rem;
  padding: 1.4rem;
  appearance: none;
  background: url(/imgs/select.svg) no-repeat center right 1.8rem;
  border: 1px solid #D0D2D8;
  border-radius: 0.6rem;
  color: #606165
}

.form_contact input[type="text"],
.form_contact input[type="number"],
.form_contact input[type="email"] {
  border: 1px solid #D0D2D8;
  border-radius: 6px;
  padding: 1.8rem;
  display: block;
  width: 100%;
  height: 6rem
}

.form-contact .form-group label,
.form_projet label {
  margin-bottom: 1.6rem
}

/*page apporteur*/
.contact-coord .form-textbox[data-state='valid']~.form-label,
.form-textbox[data-state='invalid']~.form-label,
.contact-coord .form-textbox:focus~.form-label {
  font-size: 11px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: -.01em;
  top: 4px;
  color: #666;
  left: 1.8rem
}

.form_contact .form-textbox[data-state='invalid']~.form-label,
textarea[data-state='invalid']~.form-label {
  color: #D0021B
}

.form_contact .form-textbox[data-state='invalid'],
#form_contact .contact-select[data-state='invalid'],
.form-contact textarea[data-state='invalid'] {
  border-color: #D0021B
}

.form_contact .contact-coord .message-error {
  display: none
}

.form_contact .contact-coord .form-textbox[data-state='invalid']~.message-error,
.rendez-vous .error-message,
.toggle-group[data-state='invalid']+.message-error {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.5rem;
  color: #D0021B;
  text-align: left;
}

.form-textbox~.form-label {
  position: absolute;
  top: 20px;
  left: 2rem;
  color: #606165;
  padding: 0;
  z-index: 1;
  transition-timing-function: ease-in;
  transition-duration: .125s
}

.form-contact .contact-radio .label-radio {
  display: flex;
  align-items: center;
  cursor: pointer
}

.form-contact .input-group {
  display: flex;
  position: relative;
  align-items: stretch;
  width: 100%;
  height: 6rem
}

.form-contact input {
  position: relative;
  flex: 1 1 auto;
  font-size: 1.5rem
}

.form-contact .input-lt input {
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.6rem;
  margin-right: -1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 1.4rem;
  width: auto;
  color: #003050;
  font-weight: 400
}

.form-contact .append-rt {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #ced4da;
  border-radius: 0.6rem;
  width: 7.8rem;
  background-color: #F1F2F7;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.form-contact .input-rt .append-lt {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #ced4da;
  border-radius: .6rem;
  width: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
  padding: 1.4rem;
  color: #003050;
  font-weight: 700
}

.form-contact .input-rt input {
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .6rem;
  padding: 1.4rem;
  width: inherit;
  color: #606165;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  text-align: right
}

.form-contact .form_projet {
  margin-bottom: 2rem
}

.form-contact .label-radio.is-active {
  color: #005187;
  border-color: #005187;
  background: #dff6fb
}

.form-contact .input-error input {
  border-color: #FE523B
}

.form-contact .form-field {
  display: grid;
  grid-template-columns: auto 13.5rem;
  align-items: center;
  grid-gap: 10px
}

.form-contact .form-field .contact-select {
  width: 13.5rem
}

.form-contact .prepend-text {
  font-size: 1.3rem;
  font-weight: 700;
  color: #003050
}

.fe-input-good .form-contact,
.group-date input:focus {
  border-color: #00afdc
}

.form-control:focus~.input-append {
  border-color: #005187;
  background: #D8E9FF;
  color: #005187
}

.form-contact .form-group {
  margin-bottom: 3rem
}

.bg_preform_sm .ep_subhome {
  margin-bottom: 3.5rem;
  max-width: 50rem
}

/*page agence*/
.bloc_agence {
  display: grid;
  gap: 2.5rem
}

.agence-form .txt-content p {
  line-height: 1.5
}

/* .bloc_agence .item_agence .img_agence img {border-radius: 1rem 1rem 0 0}*/
.bloc_agence .item_agence {
  border-radius: 1rem
}

.content_agence .adress-agence {
  margin-bottom: 3rem;
  font-size: 1.6rem;
  color: #003050
}

.adress-agence .link-tel span {
  color: #003050
}

.carte_agence {
  height: 30rem
}

.carte_ville {
  height: 30rem;
  margin-top: 3rem
}

.preform-agence {
  max-width: 68rem;
  margin: 0 auto
}

.liste_gmt {
  column-count: 2
}

.offres-recrut .titre_offre {
  margin-bottom: 0
}

.link-offres {
  display: block;
  font-weight: 600;
  font-size: 1.6rem;
  color: #005187;
  text-align: center
}

.mb-3 {
  margin-bottom: 2rem
}

.mt-1 {
  margin-top: 1rem
}

.offres-recrut {
  margin-bottom: 3rem
}

.list_agence {
  scroll-margin-top: 8rem
}

.bloc_partners_stitre [class*='h1style'] {
  padding-top: 2rem
}

/*page guide actu*/
.pagination_actus_guide {
  width: 100%;
  display: flex;
  grid-gap: 3rem;
  padding: 2rem 0;
  justify-content: right
}

.txt-guide {
  margin-bottom: 2.5rem
}

.page-numbers {
  color: #005187
}

.page-numbers.current {
  font-weight: 700
}

.form-contact .contact-radio input:checked+label,
.form-contact .contact-radio:hover label {
  color: #005187;
  border-color: #005187;
  background: #dff6fb
}

.download {
  background: url(/imgs/download.svg) no-repeat;
  width: 17.5rem;
  height: 17.5rem;
  padding-left: 2.8rem
}

.note_google {
  text-align: center;
  margin: 0 auto;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem
}

.note_google .text-avis {
  font-size: 3.5rem
}

.note_google .txt-number {
  font-weight: 600
}

.bloc_trustbox .toggle_display {
  display: block
}

.bloc_trustbox .h2style {
  display: block
}

.bloc_trustbox .avis-texte {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color: #042549;
  line-height: 1.7;
  margin-top: 5px
}

.bea {
  cursor: pointer
}

.bloc-fiche-agence {
  padding-top: 4rem
}

.bloc_trustbox .agence-slider .txt-avis {
  max-width: 27rem
}


/*page avis-clients*/
.temoignages-agence {
  max-width: 32rem;
  margin: 0 auto 4rem
}

.info-avis .nom-agence {
  color: #003050;
  font-size: 2.5rem;
  font-weight: 400;
  margin-bottom: 1rem
}

.info-avis .nmb-avis {
  font-size: 4.5rem;
  font-weight: 600;
  color: #005187;
  line-height: 1.3;
  margin-bottom: 1rem
}

.info-avis .nmb-avis-info {
  font-size: 1.6rem;
  color: #003050;
  font-weight: 400
}

.info-avis .nmb-avis-info a {
  text-decoration: underline
}

.nmb-avis-info .picto-google {
  vertical-align: middle;
  margin-left: 0.6rem
}

.no-result p.h1style {
  margin: 8rem 0 2.5rem
}

.bloc_partners .partner .bg-item,
.bloc_partners_stitre .partner .bg-item:not(.page-wrapper .bloc_partners_stitre .partner .bg-item) {
  display: flex;
  margin: 0 auto;
  width: 74px;
  height: 74px;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  overflow: hidden;
  margin-top: 2rem;
  margin-bottom: 2rem
}

.bloc_partners .bg-item img,
.bloc_partners_stitre img {
  display: table-cell;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  vertical-align: middle;
  max-height: 7.5rem;
  max-width: 75%;
  height: auto;
  width: auto
}

.box-slider-avis {
  position: relative
}

/*slider page simu*/
.no-js .tns-carousel {
  display: block
}

.customize-tools .controls-calculs {
  display: none
}

@media only screen and (min-width:768px) {
  .form-group input::-webkit-input-placeholder {
    font-size: 1.5rem
  }

  .form-group input::-moz-placeholder {
    font-size: 1.5rem
  }

  .form-group input:-ms-input-placeholder {
    font-size: 1.5rem
  }

  .form-group input::-ms-input-placeholder {
    font-size: 1.5rem
  }

  .form-group input::placeholder {
    font-size: 1.5rem
  }

  .form-contact {
    padding-left: 1.8rem;
    padding-right: 1.8rem
  }

  .agence-preform {
    text-align: left
  }

  .agence-bloc .chip {
    position: absolute;
    right: 2rem;
    top: 2.5rem
  }

  .agence-bloc .txt-lead-bloc {
    max-width: 71%
  }

  .agence-bloc .body-bloc {
    margin-bottom: 3rem
  }

  .agence-bloc .titre {
    font-size: 4rem
  }

  .agence-bloc {
    padding: 0 2rem 5rem
  }

  .content-search form {
    display: flex;
    gap: 1rem;
    align-items: center
  }

  .content-search input::-webkit-input-placeholder {
    font-size: 1.8rem
  }

  .content-search input::-moz-placeholder {
    font-size: 1.8rem
  }

  .content-search input:-ms-input-placeholder {
    font-size: 1.8rem
  }

  .content-search input::-ms-input-placeholder {
    font-size: 1.8rem
  }

  .content-search input::placeholder {
    font-size: 1.8rem
  }

  .form-contact .input-rt .append-lt,
  .form-contact .contact-radio .label-radio,
  .form-contact .prepend-text {
    font-size: 1.5rem
  }

  .form-contact .input-rt .append-lt,
  .form-contact .contact-select,
  .form-contact .input-lt input,
  .form-contact .input-rt input {
    padding: 1.8rem
  }

  /*bloc links projets*/
  .links-projets {
    grid-template-columns: repeat(4, 1fr)
  }

  .links-projets .card {
    padding: 1.25rem;
    height: 13rem
  }

  /*page agence bloc links*/
  .links-projets {
    margin-bottom: 7rem
  }

  /*blocs 3 colonnes */
  .grid-3-md {
    grid-template-columns: repeat(3, 1fr)
  }

  /*bloc presse*/
  .grid-presse {
    grid-template-columns: repeat(6, 1fr);
    padding: 2rem 0
  }

  /*page agence*/
  .carte_agence {
    height: 46rem
  }

  .carte_ville {
    height: 40rem
  }

  .liste_gmt {
    column-count: 3
  }

  .mentions-agence {
    font-size: 1.3rem
  }

  .bloc_trustbox .avis-slider .tns-item,
  .bloc_trustbox .avis-carousel .tns-item {
    opacity: .5
  }

  /*preform home*/
  .bg_preform_home {
    text-align: center
  }

  .card-preforms {
    grid-template-columns: repeat(2, 28rem);
    justify-content: center
  }

  .bg_preform_home .grid-home .title {
    display: grid;
    border-radius: 2rem 2rem 0 0;
    text-align: center;
    margin: 0 auto;
    text-align: center
  }

  .bg_preform_home .trust-horizontal .stars-trust {
    vertical-align: text-bottom
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .image-agence {
    display: block;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (min-width:1024px) {
  .h1agence {
    font-size: 4rem
  }

  .agence-bloc {
    padding: 0 2rem 5rem
  }

  .passe-credit {
    display: grid;
    gap: 0 3.5rem;
    grid-template-columns: 52rem auto
  }

  .passe-credit.grid-headband {
    grid-template-columns: auto 52rem
  }

  .passe-img {
    grid-row: 1 / span 3
  }

  .grid-headband .passe-img {
    grid-row: 1 / span 2;
    grid-column: 2
  }

  .bloc-img-left {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4rem;
    align-items: center
  }

  .bloc-img-left picture {
    grid-row: 1/span 3
  }

  /*preform*/
  .d-grid {
    display: grid
  }

  .agence-form {
    grid-template-columns: 62rem 1fr;
    column-gap: 3.6rem
  }

  .agence-preform {
    grid-template-columns: 65rem 1fr
  }

  .social_footer .search_footer {
    padding-left: 3rem
  }

  .sticky .bg_preform_agences .content-search {
    max-width: 68rem;
    margin-left: auto
  }

  /*page agence img left*/
  .bloc-img-left {
    padding-top: 2rem
  }

  /*page agence*/
  .item_agence .img_agence img {
    height: 28rem
  }

  .mentions-agence {
    margin-bottom: 2rem
  }

  .mb-3 {
    margin-bottom: 3rem
  }

  .sticky .logo {
    display: flex
  }

  .form-contact .contact-btn {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    min-height: 8rem
  }

  #form-contact:before {
    display: block;
    content: " ";
    margin-top: -75px;
    height: 75px;
    visibility: hidden;
  }

  .pagination_actus_guide {
    padding-top: 3rem;
    padding-bottom: 3rem
  }

  /*bloc image + texte page home*/
  .bloc_content .bloc_content_img {
    gap: 4rem;
    grid-template-columns: 45rem auto
  }

  .bloc_trustbox .tns-outer:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(270deg, #F1F2F7 0%, rgba(241, 242, 247, 0.1) 100%);
    width: 10rem
  }

  .bloc_trustbox .tns-outer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(270deg, #F1F2F7 0%, rgba(241, 242, 247, 0.1) 66.67%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    width: 10rem
  }

  .trustbox_agence,
  .box-slider-avis {
    padding-left: 4rem;
    padding-right: 4rem
  }

  /*preform home*/
  .card-preforms {
    grid-template-columns: repeat(4, 1fr)
  }

  .bg_preform_home .subtitle {
    margin: 3rem 0 2rem
  }
}

@media only screen and (min-width:1144px) {
  .sticky .bg_preform_agences .content-search {
    width: 100%;
    max-width: 68rem;
    margin: 0 auto
  }
}

@media only screen and (min-width:1280px) {
  .agence-bloc form {
    max-width: 80%
  }

  .passe-credit {
    grid-template-columns: 73rem auto
  }

  .passe-credit.grid-headband {
    grid-template-columns: auto 73rem;
    grid-template-rows: auto 1fr
  }
}

@media only screen and (max-width: 767.98px) {
  .search_tool_el input::-webkit-input-placeholder {
    font-size: 1.2rem
  }

  .search_tool_el input::-moz-placeholder {
    font-size: 1.2rem
  }

  .search_tool_el input:-ms-input-placeholder {
    font-size: 1.2rem
  }

  .search_tool_el input::placeholder {
    font-size: 1.2rem
  }

  .ep_select label {
    display: inline-block;
    width: 100%;
    margin: 0 0 .75rem
  }

  /*bloc agence*/
  .content-search {
    text-align: center
  }

  .agence-bloc {
    padding-bottom: 7rem
  }

  .agence-bloc .chip {
    margin-bottom: 2.3rem;
    text-align: center
  }

  .content-search .btn-geo,
  .content-search .btn-geo-v2 {
    margin-top: 3rem
  }

  .agence-bloc .input_group .btn-primary {
    font-size: 1.2rem;
    min-height: 4rem
  }

  .agence-bloc .body-bloc {
    padding: 0 1rem;
    margin-bottom: 2rem
  }

  .search_tool_el input {
    font-size: 1.2rem
  }

  .agence-bloc {
    margin-left: auto;
    margin-right: auto
  }

  /*blocs 3 colonnes */
  .grid-3-md {
    grid-gap: 3rem
  }

  /*bloc trouver agence footer*/
  .social_footer .search_footer {
    max-width: 38rem;
    display: block;
    margin: 0 auto
  }

  .sticky .bg_preform_agences .content-search .btn-geo {
    display: none
  }

  .content-search .input_group .btn {
    font-size: 1.2rem;
    min-height: 4rem
  }

  /**/
  .form-contact .field-renego .input-rt {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
  }

  .form-contact .field-renego .input-append {
    white-space: normal;
    text-align: center;
    text-align: left;
    line-height: 1
  }

  .form-contact .field-renego .date-renego {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .bloc_trustbox .tns-item .avis-card {
    border: 0.1rem solid #51AE32
  }

  .bloc_trustbox .tns-item .avis-card:before {
    position: absolute;
    content: url(../imgs/trust-anim.svg);
    top: -16px;
    left: -24px
  }

  .bloc_trustbox .tns-item .avis-card:after {
    position: absolute;
    content: url(../imgs/trust-anim.svg);
    transform: rotate(180deg);
    bottom: -15px;
    right: -22px
  }

  .bloc_trustbox .tns-item .avis-card {
    max-width: 280px;
    margin: 0 auto
  }
}

@media only screen and (max-width: 1023.98px) {
  .sticky .entete_preform .ep_select {
    padding: 0.5rem
  }

  .sticky .entete_preform .ep_select form {
    float: none;
    width: 100%;
    max-width: none;
    display: flex
  }

  .passe-img {
    margin-bottom: 2rem
  }

  /*bloc image left*/
  .bloc-img-left picture {
    margin-bottom: 3rem
  }

  .fiche_agence .plan-agence {
    display: block;
    margin: 0 auto 2.5rem
  }

  .info-avis {
    text-align: center
  }

  .bloc-avis-google .avis-google .txt-moy {
    display: block;
    margin-top: 2rem
  }

  .bloc_content .bloc_content_img img {
    margin: 0px auto;
    display: block
  }

  .content_in .post-author {
    flex-direction: column;
    gap: 1.5rem
  }
}

@media only screen and (max-width: 1279.98px) {
  .bloc_trustbox .tns-item:not(.tns-slide-active)+.tns-slide-active+.tns-slide-active {
    opacity: 1
  }

  .bloc_trustbox .tns-item:not(.tns-slide-active)+.tns-slide-active+.tns-slide-active .avis-card {
    border: 0.1rem solid #51AE32
  }

  .bloc_trustbox .tns-item:not(.tns-slide-active)+.tns-slide-active+.tns-slide-active .avis-card:before {
    position: absolute;
    content: url(../imgs/trust-anim.svg);
    top: -16px;
    left: -24px
  }

  .bloc_trustbox .tns-item:not(.tns-slide-active)+.tns-slide-active+.tns-slide-active .avis-card:after {
    position: absolute;
    content: url(../imgs/trust-anim.svg);
    transform: rotate(180deg);
    bottom: -15px;
    right: -22px
  }
}

@media only screen and (max-width: 1398.98px) {
  .block_comp.block_comp_flex>* {
    background: 0 0;
    display: block;
    width: auto;
    padding: 1.5rem;
    margin: -1.5rem
  }

  .block_comp>*,
  .fullblock_comp>* {
    display: inline-table;
    vertical-align: top;
    background: #fff;
    padding: 0 3rem 6rem
  }
}

/*sliders*/
.bloc_partners .bg-item img,
.bloc_partners_stitre img {
  display: table-cell;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  vertical-align: middle;
  max-height: 7.5rem;
  max-width: 75%;
  height: auto;
  width: auto
}

@media only screen and (min-width: 768px) {

  /* Appliquer le style seulement si .bloc_partners_stitre n'est pas dans .page-wrapper */
  .bloc_partners .partner .bg-item,
  .bloc_partners_stitre .partner .bg-item:not(.page-wrapper .bloc_partners_stitre .partner .bg-item) {
    width: 12rem;
    height: 12rem;
  }
}

@media only screen and (min-width:1280px) {
  .bloc_trustbox .tns-item:not(.tns-slide-active)+.tns-slide-active+.tns-slide-active+.tns-slide-active {
    opacity: 1
  }

  .bloc_trustbox .tns-item:not(.tns-slide-active)+.tns-slide-active+.tns-slide-active+.tns-slide-active .avis-card {
    border: 0.1rem solid #51AE32
  }

  .bloc_trustbox .tns-item:not(.tns-slide-active)+.tns-slide-active+.tns-slide-active+.tns-slide-active .avis-card:before {
    position: absolute;
    content: url(../imgs/trust-anim.svg);
    top: -16px;
    left: -24px
  }

  .bloc_trustbox .tns-item:not(.tns-slide-active)+.tns-slide-active+.tns-slide-active+.tns-slide-active .avis-card:after {
    position: absolute;
    content: url(../imgs/trust-anim.svg);
    transform: rotate(180deg);
    bottom: -15px;
    right: -22px
  }

  .box-slider-avis {
    margin-bottom: 4rem
  }
}

@media only screen and (min-width:1280px) {

  .block_comp.block_comp_flex .tns-outer,
  .pictos-carousel .tns-outer {
    background: 0 0;
    display: block;
    width: auto;
    padding: 1.5rem;
    margin: -1.5rem
  }
}

@media only screen and (max-width: 380px) {
  footer .content-search .input_group .btn {
    background-color: #005187
  }

  .bloc_trustbox .tns-item .avis-card {
    max-width: 240px
  }
}

/*page paroles */
.page-paroles .embed_video {
  margin: 0 auto 3.5rem
}

.box-flex {
  display: flex;
  margin-bottom: 2rem
}

.page-paroles h2 {
  scroll-margin-top: 7rem
}

.page-paroles .page-paroles {
  margin-top: 1rem;
}

@media only screen and (max-width:767.98px) {
  .page-paroles h2 {
    margin-bottom: 2rem;
  }

  .box-flex {
    flex-direction: column
  }
}

@media only screen and (min-width:768px) {
  .page-paroles .embed_video {
    max-width: 70%
  }

  .box-flex h2 {
    margin: 0;
  }

  .box-flex {
    align-items: center;
    justify-content: space-between;
  }
}

.agence-form .lt-custom .d-bloc {
  display: block
}

/*autres-faq*/
.autres_faq {
  padding: 1.5rem 2.5rem 1rem;
  margin-bottom: 3rem;
  text-align: left;
}

.autres_faq .field-item {
  position: relative;
}

.autres_faq .field-item span:after {
  width: 1rem;
  height: 1.5rem;
  margin-left: 1.5rem;
  content: url(/imgs/arrow-nav.svg);
  background-repeat: no-repeat;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: none;
}

.autres_faq .field-item span {
  font-size: 1.6rem;
  color: #003050;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  cursor: pointer;
  margin: 0;
  line-height: 1.2;
  padding: 1.2rem 0;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  transition: opacity 0.3s ease;
}

.autres_faq .field-item span:hover {
  text-decoration: underline;
}

.autres_faq .field-item span a {
  font-size: 1.6rem;
}

@media only screen and (max-width:767.98px) {
  .autres_faq {
    padding: 1.5rem 1.5rem 0.5rem;
  }
}

/*new calculatrice immo*/
.card-calculette {
  border-radius: 0.8rem
}

.card-calculette .card-calculette-title {
  color: #005187;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.4rem;
  text-align: center;
}

.card-calculette .card-calculette-title span {
  color: #51AE32
}

.card-calculette .card-calculette-subtitle {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #7A7A7A;
  font-weight: 500;
  margin-bottom: 1.6rem;
  text-align: center;
}

.card-calculette .montant-label {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  color: #005187;
  text-align: left;
  margin-bottom: 0.5rem;
}

.card-calculette .primary p span {
  font-size: 2.8rem
}

.form-group.card-calculette-champ {
  display: flex;
  flex-direction: column;
  background-color: #F5F5F5;
  padding: 1rem 1.6rem 2rem;
  border-radius: 1rem;
}

.card-bloc-second.result-mensualite,
.card-bloc-second.result-capacite,
.grid-calculette .champ-mensualite,
.grid-calculette .champ-capacite {
  display: none;
}

.card-bloc-second.result-mensualite.active,
.card-bloc-second.result-capacite.active,
.grid-calculette .champ-mensualite.active,
.grid-calculette .champ-capacite.active {
  display: flex;
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  .entete_preform.bg_preform_aemp {
    height: 75rem;
  }

  .bg_preform_aemp .content-trust {
    margin-bottom: 3rem;
  }
}

@media (max-width: 1279.98px) {
  .grid-content-calculette .content-trust {
    margin-bottom: 2rem;
  }

  .grid-content-calculette div h1 {
    margin-bottom: 1rem;
  }

  .grid-content-calculette div h1,
  .grid-content-calculette .trust-horizontal {
    text-align: left;
  }

  .grid-content-calculette .content-trust {
    margin-top: 0;
  }

  .grid-content-calculette .trust-horizontal {
    margin-top: 1rem;
  }

  .grid-content-calculette {
    max-width: 70rem;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }
}

.card-calculette .list-cards {
  display: flex;
  justify-content: space-around
}

.card-calculette .list-cards .card {
  width: 5.4rem;
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1);
  height: 4.9rem;
  padding: 0.7rem 1.4rem;
  font-size: 1.3rem
}

.card-calculette .list-cards .card span {
  font-weight: 600
}

.card-calculette .card-tooltip {
  background-color: #005187;
  color: #fff;
  padding: 1rem 2rem;
  width: 18.4rem;
  height: 13.6rem;
  border-radius: 1.7rem
}

.card-calculette .btn_orange {
  font-size: 1.6rem;
}

/**/
.tooltip-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

/* Style de base pour chaque tooltip */
.tooltip {
  display: flex;
  background-color: #fff;
  width: 5.4rem;
  height: 4.9rem;
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 1.4rem;
  border-radius: 0.8rem;
  font-size: 1.3rem;
  color: #3C3C3C;
  cursor: pointer;
}

.tooltip .tooltip-bold {
  font-weight: 600;
  color: #005187;
}

.tooltip.actif {
  background-color: #005187;
  color: #fff;
}

.tooltip.actif .tooltip-bold {
  color: #fff
}

/* Style pour le texte du tooltip */
.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #005187;
  color: #fff;
  border-radius: 1.7rem;
  padding: 1.5rem;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0;
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-bottom: 1rem;
}

.tooltip .tooltiptext:after {
  content: "";
  position: absolute;
}

.tooltiptext {
  visibility: hidden;
  opacity: 0;
}

.tooltip-container .tooltip .tooltiptext.align-right {
  left: auto;
  right: 0px;
}

.tooltip-container .tooltip .tooltiptext.align-left {
  left: 0px;
  right: auto;
}

.tooltip.active .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltip.active:before {
  content: url("../imgs/tooltip-icon.svg");
  position: absolute;
  top: -3.5rem;
}

.tooltip.active {
  background-color: #005187;
  color: #fff;
}

.tooltip.active .tooltip-bold {
  color: #fff;
}

.card-tooltip-title {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

.card-tooltip-montant {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0.8rem;
}

.card-tooltip-montant .txt-bold {
  font-size: 2.2rem;
  font-weight: 700;
}

.card-tooltip-subtitle {
  font-size: 1.3rem;
}

.card-tooltip-taux {
  font-size: 1.3rem;
  margin-top: auto;
  border-top: 0.05rem solid;
  padding-top: 1.5rem;
  font-weight: 700;
}

.card-tooltip-taux span {
  font-size: 2rem
}

.tooltip.default .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/*toggle*/
.toggle-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.7rem
}

.toggle-label {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer
}

.toggle-container .active {
  color: #005187;
  display: block
}

.toggle-container .toggle-label:not(.active) {
  color: #C5C5C5
}

.toggle-container .switch {
  position: relative;
  display: inline-block;
  margin: 0 10px
}

.toggle-container .switch input {
  opacity: 0;
  width: 0;
  height: 0
}

.toggle-container .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: .4s;
  border-radius: 34px;
  background-color: #005187
}

.toggle-container .slider:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  background-color: #fff;
  transition: .4s;
  border-radius: 5rem;
  border: 1px solid #BABABA;
  box-sizing: border-box;
  transform: translateX(0)
}

#monthly-calc {
  order: 1
}

#capacity-calc {
  order: 3
}

.switch {
  order: 2
}

.toggle-container input:checked+.slider {
  background-color: #005187
}

.toggle-container input:focus+.slider {
  box-shadow: 0 0 1px #005187
}

.toggle-container .bloc {
  display: none;
  padding: 20px
}

#capacity-calc.active+.switch .slider:before,
#monthly-calc:not(.active)+.switch .slider:before {
  transform: translateX(26px)
}

/*champ*/
.form-group .input-group {
  display: flex
}

.input-group-append {
  display: flex;
  margin-left: -1px
}

.input-group>.input-group-append>.input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 1.4rem
}

.fe-input-good span.input-group-text {
  border-color: #005187;
  background: #005187;
  color: #fff
}

.input-group>:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

@media (min-width: 768px) {

  .form-control input,
  .input-group .form-control {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.form-group label {
  border-color: #005187
}

.form-group {
  margin-bottom: 2rem;
  display: block
}

.toggle-container .switch {
  width: 4.3rem;
  height: 2rem
}

.toggle-container .slider:before {
  height: 2rem;
  width: 2rem
}

.card-calculette .calc-label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 100%;
  height: 4.3rem;
  padding: .6rem 1.5rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #f5f5f5;
  min-width: 0;
  margin-bottom: 0;
  border-radius: .6rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: right
}

.card-calculette .calc-label .montant {
  margin-right: .5rem;
  text-align: right;
  width: 100%
}

.card-calculette .calc-span {
  color: #3C3C3C;
  white-space: nowrap;
  font-weight: 600
}

.card-calculette .input-group-text {
  width: 5rem;
}

.card-calculette .champ-capacite .input-group-text {
  width: 7rem;
}

.card-calculette .btn_orange {
  padding: 0 2rem;
  margin: 0 auto;
}

@media only screen and (max-width:767.98px) {
  .content-calculette {
    max-width: 43rem;
    margin: 0 auto;
    font-size: 2.2rem;
  }

  .list-cards {
    margin-bottom: 3rem;
  }

  .tooltip-container {
    margin-bottom: 3rem;
  }

  .toggle-container {
    justify-content: center
  }

  .card-bloc-second.result-mensualite.active,
  .card-bloc-second.result-capacite.active {
    display: block;
  }

  .tooltip .tooltiptext {
    max-width: 18.4rem;
    height: 13.6rem;
  }

  .card-calculette {
    padding: 2rem 1.6rem;
  }

  .card-calculette .card-bloc-second {
    max-width: 25rem;
    margin: 0 auto;
  }

  .toggle-container .switch {
    max-width: 4.8rem;
    height: 2.2rem;
  }

  .toggle-container .slider:before {
    height: 2.2rem;
    width: 2.2rem;
  }

  .card-tooltip-taux {
    padding-top: 0.8rem;
  }
}

@media only screen and (min-width:768px) {
  .card-calculette .card-calculette-title {
    font-size: 2.6rem
  }

  .card-calculette .card-calculette-subtitle {
    margin-bottom: 2.3rem;
  }

  .card-calculette .card-calculette-champ {
    margin-bottom: 2.5rem
  }

  .card-calculette {
    border-radius: .8rem;
    max-width: 50rem;
    padding: 1.6rem 2.5rem;
    z-index: 10;
  }

  .card-calculette .bloc-second {
    background-color: #F8F8F8;
    display: flex;
    width: 100%;
    margin-top: auto
  }

  .card-bloc-second {
    display: flex;
    grid-area: bloc-second;
    align-self: flex-end;
    padding: 2rem 3rem;
    width: 100%;
    margin-top: auto;
    background-color: #F8F8F8;
    height: 100%;
    border-radius: .8rem
  }

  .tooltip .tooltiptext {
    width: 19.6rem;
    height: 15rem
  }

  .card-calculette .montant-label {
    text-align: center;
  }
}

.grid-content-calculette [data-grid-name="content-calculette"] {
  grid-area: content-calculette;
}

@media only screen and (min-width:1280px) {
  .grid-content-calculette {
    display: grid;
    grid-template-columns: 1fr 70rem;
    column-gap: 4rem;
    grid-template-rows: auto 1fr;
    grid-template-areas:
      "title content-calculette"
      "content content-calculette";
    align-items: flex-start;
  }
}

.container_petit_travaux {
  position: relative;
  margin-top: 10px;
}

/* preform sticky custom immo */
.sticky .ep_select .form-custom {
  width: 100%;
  max-width: 80rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

.sticky .ep_select .form-custom .calc-label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 100%;
  height: 4.3rem;
  padding: .6rem 1.5rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #f5f5f5;
  min-width: 0;
  margin-bottom: 0;
  border-radius: .6rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: right;
}

.sticky .ep_select .form-custom .calc-label .montant {
  margin-right: .5rem;
  text-align: right;
  width: 100%;
}

.sticky .ep_select .form-custom .titre-form-custom {
  font-weight: 700;
}

@media only screen and (max-width: 767.98px) {
  .sticky .ep_select .form-custom .titre-form-custom {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .sticky .ep_select .form-custom .titre-form-custom {
    font-size: 1.6rem;
    line-height: 1.3;
  }
}

@media only screen and (min-width: 1024px) {
  .sticky .ep_select .form-custom .labelle {
    max-width: 30rem;
  }
}

@media only screen and (max-width: 1139.98px) {

  .sticky .ep_select .form-custom {
    width: 100%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
  }
}

@media only screen and (min-width: 1140px) {
  .sticky .ep_select .form-custom {
    width: 100%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
  }

  .sticky .ep_select .form-custom {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .sticky .ep_select .form-custom .labelle {
    max-width: 20rem;
  }

  .sticky .ep_select .form-custom .titre-form-custom {
    font-size: 1.4rem;
  }

  .sticky .ep_select .form-custom {
    justify-content: center;
  }
}

@media (min-width: 1024px) and (max-width: 1139.98px) {
  .sticky .ep_select .form-custom {
    margin-left: auto;
  }
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  .grid-content-calculette .card-calculette {
    margin: 3rem auto 0;
  }
}

/*bloc départements*/
.list_agence_depart {
  font-size: 0;
}

.alphabet-filter {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
}

.alphabet-filter .letter {
  font-size: 2rem;
  color: #003050;
  font-size: 1.8rem;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  cursor: pointer;
}

.letter {
  border-radius: 50%;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.letter.active,
.letter:hover {
  background-color: #0D3151;
  color: white;
  border-radius: 50%;
}

.see-all {
  text-align: center;
  margin-bottom: 2rem;
}

.see-all-btn {
  font-size: 1.5rem;
  font-weight: 600;
  color: #0D3151;
  text-decoration: underline;
  padding: 1rem 2rem;
  border: none;
  cursor: pointer;
  backface-visibility: hidden;
  background-color: transparent;
}

@media only screen and (min-width: 1024px) {
  .voir-plus-btn {
    display: none;
  }
}

@media only screen and (max-width: 550px) {
  .alphabet-filter .letter {
    font-size: 1.8rem;

  }
}

@media only screen and (min-width: 1024px) {
  .alphabet-filter .letter {
    font-size: 2.2rem;
  }
}

/*agences departement*/
.carte_coord .gm-ui-hover-effect {
  background-color: #F43D3D !important;
  border-radius: 50%;
  width: 24px !important;
  height: 24px !important;
  opacity: 1 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.gm-ui-hover-effect>span {
  background-color: #fff;
  width: 12px !important;
  height: 12px !important;
  margin: 0 !important;
  mask-image: url(/imgs/close.svg) !important;
}

.gm-style .gm-style-iw-tc::after {
  content: none;
}

@media only screen and (min-width: 1024px) {
  .duo-agence {
    width: 100%;
    max-width: 128rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "wrapper-agences carte_coord";
    gap: 10px;
    height: 62rem;
    margin-bottom: 6rem;
  }

  .duo-agence .carte_coord .carte_fr {
    height: 62rem;
  }
}

.wrapper-search {
  max-width: 128rem;
  width: 100%;
  margin: 0 auto;
  background: #004779;
}

.wrapper-search .content-search {
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  padding: 4rem 2rem;
}

.wrapper-search .btn-secondary {
  border: 1px solid #fff;
  min-height: 4.2rem;
  font-weight: 500;
}

.btn-xs {
  min-height: 3.2rem;
  padding: 0.4rem 1.4rem;
  font-size: 1.4rem;
}

.bg-blue {
  background: #004779;
}

.color-green {
  color: #51B37F;
}

.wrapper-agences {
  max-width: 128rem;
  width: 100%;
  margin: 0 auto;
}

.wrapper-agences .h3style {
  margin-bottom: 1rem;
}

.bloc-liste-agences .info-agence {
  display: grid;
  padding: 1.7rem 0;
  gap: 1.1rem;
}

.info-agence.active {
  background-color: #F2F2F2;
}

.img-agence {
  max-width: 100%;
}

.info-agence p {
  font-size: 1.4rem;
  line-height: 1.3;
  margin-bottom: 1.2rem;
}

.info-agence .titre-agence {
  margin-bottom: 1rem;
}

@media only screen and (max-width: 767.98px) {
  .info-agence {
    grid-template-columns: 11rem 1fr;
    align-items: center;
  }

  .search_agence {
    max-width: 38rem;
    display: block;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1023.98px) {

  .wrapper-agences {
    padding: 0 2rem;
  }

  .content-agences {
    margin-bottom: 3rem;
  }

  .carte_coord {
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 768px) {
  .info-agence {
    grid-template-columns: 15.8rem 1fr;
  }
}

@media (min-width: 1024px) {

  .wrapper-search {
    margin-bottom: 1.3rem;
  }

  .content-agence {
    grid-area: content;
  }

  .carte_coord {
    grid-area: carte_coord;
  }

  .bloc-liste-agences {
    overflow-y: scroll;
    height: 55rem;
  }
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
  .duo-agence {
    padding: 0 2rem;
  }
}

.info-agence {
  display: grid;
}

.btn-voir-plus {
  border: none;
  display: none;
  font-size: 1.3rem;
  color: #0D3151;
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
  margin: 0 auto;
}

@media (max-width: 767.98px) {
  .info-agence {
    display: none;
  }

  .info-agence.visible {
    display: grid;
  }
}

.wrapper-search .btn-secondary:hover,
.wrapper-search .btn-secondary:focus {
  background-color: #fff;
  color: #005187;
  transition: all 0.2s ease;
}

/*photo map*/
.carte_coord .gm-style .gm-style-iw-d,
.carte_coord .gm-style .gm-style-iw-c {
  max-width: 30rem !important;
  padding: 0;
  overflow: hidden !important;
  max-height: none !important;
  background: transparent;
  box-shadow: none;
}

.gg_info_ea .photo {
  max-width: 28rem;
  height: 18rem;
  overflow: hidden;
}

.gg_info_ea .photo .img-agence {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem 1rem 0 0;
}

.gg_info_ea .body-agence {
  padding: 1rem 1.6rem 2rem;
  background-color: #fff;
  text-align: center;
  border-radius: 0 0 1rem 1rem;
}

.gg_info_ea {
  padding-top: 0.3rem;
}

.notes-agence {
  margin-bottom: 0.5rem;
}

.picto-stars {
  display: inline-block;
}

.body-agence .picto-stars:after {
  content: '';
  background-image: url(/imgs/stars.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 90px;
  height: 14px;
  display: block;
  margin-right: 1rem;
}

.body-agence .contact-agence {
  display: block;
  font-weight: 700;
  margin-top: 0.5rem;
  text-decoration: none;
}


/*optimisation iframe*/
.content-iframe {
  width: 100%;
  height: 600px;
  overflow: hidden;
  position: relative;
  transition: height 0.5s ease;
}

#loading-placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  font-family: Arial, sans-serif;
  text-align: center;
}

.spinner-border {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-width: 0.2rem;
  border-radius: 50%;
  background-color: #fff;
  animation: spinner-border 0.95s linear infinite;
  border: 0.2rem solid #e9ecef;
  border-right-color: transparent;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg)
  }
}

/*pages epargne*/
.form-epargne .form-group .label {
  display: block;
  margin-bottom: 1rem;
}

.form-epargne .card-calculette-title,
.form-epargne .nb-group {
  margin-bottom: 1.8rem;
}

.form-epargne .nb-group .nb-label {
  width: 6rem;
}

.form-epargne .field-nom {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #005187;
}

.form-epargne .label[data-state='valid'] .calc-label {
  border-color: #005187;
}

.group-annee .nb-label {
  flex-direction: column;
}

.form-epargne input:checked+label {
  background-color: #005187;
  color: #fff;
}

.form-epargne .tab-results {
  background-color: #F6F6F6;
  padding: 1rem 1.6rem 2rem;
  border-radius: 0.8rem;
}

.form-epargne .tab-results .tab-row {
  display: flex;
  justify-content: space-between;
}

.form-epargne .tab-results .tab-row:not(:last-child) {
  margin-bottom: 1.6rem;
}

.form-epargne .tab-results .tab-row span {
  font-size: 1.4rem;
}

@media (max-width: 1023.98px) {
  .form-epargne .tab-results .tab-row span {
    font-size: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .form-epargne .tab-results .tab-row span {
    font-size: 1.6rem;
  }
}

.card-calculette-eparge {
  max-width: 40rem;
  margin: 0 auto;
}

.grid-duo .visu-grid {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.grid-cards .card {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1);
  font-weight: 700;
  border-radius: 1rem;
  transition: transform ease 0.3s;
  padding: 2.5rem 1.5rem 1.5rem;
}

.grid-trio-links {
  max-width: 75.6rem;
  margin: 0 auto;
}

@media (max-width: 1023.98px) {
  .grid-duo .visu-grid {
    margin-bottom: 2.8rem;
  }

  .form-epargne .tab-results .tab-row .txt-lg {
    font-size: 1.6rem;
  }
}

@media (min-width: 1024px) {
  .grid-duo {
    display: grid;
    grid-template-columns: 44rem 1fr;
    gap: 2.2rem;
  }

  .form-epargne .tab-results .tab-row .txt-lg {
    font-size: 1.8rem;
  }

  .grid-cards {
    display: grid;
  }
}

.grid-duo {
  margin-bottom: 4rem;
}

@media only screen and (min-width: 1024px) {
  .grid-cards {
    grid-template-columns: 24rem 24rem;
    gap: 2rem;
  }

  .grid-duo .card:hover {
    transform: translateY(-0.3rem);
  }

  .grid-duo-links {
    display: grid;
    grid-template-columns: 1fr 50rem;
    gap: 2rem;
  }
}


@media only screen and (max-width: 767.98px) {
  .grid-cards {
    display: grid;
    grid-template-columns: 24rem;
    justify-content: center;
  }
}

@media only screen and (min-width: 768px) {
  .grid-duo-links .grid-cards {
    grid-template-columns: 24rem 24rem;
    align-items: flex-start;
  }

  .grid-trio-links .grid-cards {
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .grid-cards {
    justify-content: center;
  }
}

.style-txt {
  line-height: 1.6;
}

.style-txt {
  margin-bottom: 2.5rem;
}

.grid-cards {
  display: grid;
  gap: 2rem;
}

.titre-col {
  line-height: 1.5;
}

.txt-green-light {
  color: #67CD84;
}

.txt-orange {
  color: #FE993B;
}

.grid-cards .titre-col {
  line-height: 1.5;
}

@media only screen and (min-width: 1280px) {
  .bg_preform_terme .grid-content-calculette {
    grid-template-columns: 1fr 50rem;
  }
}

.nb-item {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 6rem;
}

.grid-trio-links .grid-cards .card {
  min-height: 16rem;
}


/* page rac  */
.bg-grey {
  background: #F3F3F3;
}

.page-wrapper h3 {
  font-weight: 600;
}

/* 1. preform*/
.entete-preform .ep_select.d-none {
  display: none;
}

.page-wrapper .bg_preform_rac .btn {
  max-width: max-content;
  margin: 0;
}

.page-wrapper .btn {
  display: flex;
  margin: 0 auto;
  text-align: center;
  max-width: max-content;
}

.page-wrapper .content-btn {
  margin: 0 auto 3.6rem
}

body.sticky .entete-preform .ep_select.d-none {
  display: block;
}

.page-wrapper p,
.page-wrapper ul li {
  font-size: 1.4rem;
  line-height: 1.6;
  bottom: 1.6rem;
}

.wrapper-preform {
  width: 100%;
  max-width: 118.5rem;
  margin: 0 auto;
}

.bg-grey-dark {
  background-color: #ECEDF2
}

.entete-preform {
  overflow: hidden;
}

.entete-preform .fil_ariane {
  margin-left: initial;
}

.entete-preform .titre-trustpilot {
  text-align: left
}

.entete-preform .trust-horizontal {
  margin-top: 0
}

.page-wrapper .wrapper {
  max-width: 118rem;
}

.page-wrapper .wrapper-full {
  max-width: 140rem;
}

.page-wrapper ul:not([class]) {
  margin-bottom: 2rem;
}

.entete-preform .description-titre {
  text-align: left;
  line-height: 1.5;
  margin-bottom: 3rem;
  font-weight: 700;
}

.entete-preform .description-titre>* {
  color: #003050;
  text-decoration: underline
}

.entete-preform .description-content {
  text-align: left
}

.entete-preform .fil_ariane a,
.entete-preform .fil_ariane span {
  text-decoration: none;
  color: #003050
}

.entete-preform .preform-grid .title {
  text-align: left;
}

.entete-preform .description-txt {
  color: #003050;
  font-weight: 400;
  text-align: left;
  margin: 0;
}

.entete-preform .titre {
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 600;
  display: block
}

[class*='entete-preform'] .fil_ariane {
  padding: 0
}

.entete-preform .btn {
  align-self: flex-start;
  margin: 0;
}

.liste-flex {
  display: flex;
  white-space: nowrap;
  justify-content: space-around;
}

.liste-flex .arrow {
  font-size: 1.4rem;
  color: #003050;
}

.grid-img-right img,
.grid-img-left img,
.grid-calc-rac img {
  max-width: 100%;
  border-radius: 0.6rem;
}

.img-right-contenu .btn {
  display: inline-flex;
}

.img-right-contenu p {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-bottom: 1.6rem
}

.img-left-contenu p {
  font-size: 1.4rem;
  line-height: 1.6;
}

.grid-calc-rac .visu-left {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.card-links {
  display: flex;
  margin: 4rem auto;
}

.card-links span {
  font-size: 1.4rem;
  line-height: 1.3;
}

.card-links .card-link {
  display: flex;
  gap: 1.6rem;
  align-items: center;
  background-color: #fff;
  padding: 1.6rem;
  border-radius: .6rem
}

.card-links .card-link .card-svg {
  flex-shrink: 0
}

.links-valide {
  display: flex;
  white-space: nowrap;
  justify-content: space-between;
  gap: 3rem;
  align-items: center;
  max-width: 70rem;
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 1.6;
}

@media only screen and (max-width: 767.98px) {
  .links-valide {
    overflow-x: auto;
  }
}

.link-valide {
  display: flex;
  gap: 1.3rem;
  align-items: center;
  font-weight: bold
}

.page-wrapper h2,
.page-wrapper .h2style {
  color: #003050;
  margin-bottom: 2rem;
}

.grid-img-right .visu-left,
.grid-calc-rac .visu-right {
  border-radius: .6rem
}

.grid-img-right,
.grid-img-left,
.grid-calc-rac {
  display: grid
}

/*liste*/
.page-wrapper ul {
  all: unset;
  list-style: none;
  display: block;
  padding-left: 0.9rem;
}

.page-wrapper ul li {
  position: relative;
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.4;
  padding-left: 0.9rem !important;
}

.page-wrapper ul li {
  margin-bottom: 2rem
}

.page-wrapper .grid-img-left ul li {
  margin-bottom: 0;
}

.page-wrapper ul:not([class]) li:before,
.page-wrapper .conten_in>ul:not([class])>li:before {
  content: '';
  position: absolute;
  border-radius: 50%;
  display: block;
  height: 0.4rem !important;
  left: 0;
  top: 0.9rem;
  width: 0.4rem !important;
  background-color: #003050
}

/*overlay sur image*/
.overlay-txt {
  position: relative;
}

.logo-visu-left {
  position: absolute;
}

.txt-visu-left {
  display: block;
  position: absolute;
  color: #fff
}

.overlay-txt:before {
  display: flex;
  align-items: center;
  justify-content: center;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #040404 0%, rgba(4, 4, 4, 0) 100%);
  opacity: 0.6;
  border-radius: 0.6rem;
}

/*calculette*/
.page-wrapper .card-rac .titre-nb-rac {
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
}

.page-wrapper .card-rac p {
  margin-bottom: 1rem;
  font-size: 1.4rem;
}

/*bloc le fonctionnement*/
.credit-situation {
  display: grid;
  gap: 1.6rem;
}

.credit-bloc {
  text-align: center;
  background-color: #fff;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.6rem;
}

.credit-situation span {
  display: block;
  position: relative;
  color: #003050
}

.credit-situation .credit-title>* {
  display: block;
}

.credit-bloc-lt .credit-list {
  column-count: 2
}

.credit-situation-row .credit-bloc-lt .credit-list {
  column-count: 3
}

.credit-list {
  text-align: left;
}

.credit-list:not(.credit-list-flex) .credit-item:not(:last-child) {
  margin-bottom: 1.9rem;
}

.credit-list .credit-item svg {
  vertical-align: middle;
  margin-right: 0.6rem;
}

/*bloc type crédits*/
.credit-types>*,
.outil-card>* {
  font-size: 1.4rem;
  color: #003050;
}

.credit-types-links {
  display: grid
}


.credit-types-links .credit-type-link,
.outil-card {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding: 1.6rem;
  border-radius: .6rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  height: 6.6rem;
  width: 100%;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
}

.credit-type-link-full {
  display: block;
  text-align: center;
}

.credit-situation-column .credit-title {
  margin-bottom: 3rem
}

.credit-situation-column .credit-image {
  margin-bottom: 2rem;
}

.credit-title strong {
  margin-bottom: 0.6rem
}

.credit-type-link-full {
  font-size: 1.4rem;
}

.credit-source {
  font-size: 1.4rem;
  color: #595959;
  text-align: center;
  display: block
}

.credit-situation .credit-item {
  font-size: 1.4rem;
  color: #003050
}

.content-credit-situation {
  margin: 2rem auto 4rem
}

.market-update {
  border-radius: 0.6rem;
  background: #fff;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
}

.wrapper-lg {
  width: 100%;
  max-width: 192rem;
  margin: 0 auto;
  position: relative
}

/*actualités*/
.page-wrapper .all-actus {
  font-size: 1.4rem;
  color: #003050;
  text-align: center;
  display: block;
}

.page-wrapper .ba_text .title {
  font-size: 1.4rem;
  line-height: 1.6;
}

.market-update__title {
  margin-bottom: 2rem;
  font-weight: 700;
}

.market-update__text p {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-bottom: 2rem;
  font-style: italic;
}

.market-update__date {
  font-size: 1.4rem;
  margin-bottom: 1.6rem;
}

.content-text p,
.img-right-contenu>*,
.img-left-contenu>* {
  font-size: 1.4rem;
  line-height: 1.6;
}

.content-text:not(.bloc-info) p {
  margin-bottom: 1.6rem;
  color: #003050;
}

/*sommaire*/
.page-wrapper .accordion-summary {
  margin-bottom: 4rem;
}

.page-wrapper .accordion__header .accordion__button {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 0.6rem 2rem;
  color: #003050;
  font-weight: 700;
}

.page-wrapper .accordion__header.active .accordion__button {
  background-color: #003050;
  color: #fff;
}

.page-wrapper .accordion__header:not(.active) .accordion__button {
  background-color: transparent;
}

.page-wrapper .accordion__header {
  border-bottom: 0.1rem dashed;
}

.page-wrapper .accordion-body {
  background-color: #fff;
}

.page-wrapper .accordion-body-link {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #003050;
  display: block;
  text-decoration: underline;
}

.page-wrapper .accordion-body-link:not(:last-child) {
  margin-bottom: 1rem;
}

.page-wrapper .accordion__item .accordion__header .accordion__button svg {
  width: 2.7rem;
  height: 2.7rem;
  flex-shrink: 0;
}

.page-wrapper .accordion__item .accordion__content.open {
  max-height: 100rem
}

.page-wrapper .accordion__item .accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

/*bloc fonctionnement*/
.bloc-fonctionnement {
  max-width: 43rem;
  margin: 0 auto 3rem;
}

.wrapper-bloc-fonctionnement {
  margin-bottom: 4rem;
}

.wrapper-bloc-fonctionnement .blocs-fonctionnement__block {
  padding-bottom: 6.6rem;
}

.wrapper-blocs-fonctionnement .btn {
  display: flex;
  max-width: max-content;
  margin: 0 auto;
}

.blocs-fonctionnement {
  display: grid;
  margin-bottom: 4rem;
}

.blocs-fonctionnement__link,
.blocs-essentiel__link {
  margin-bottom: 1.9rem;
}

.blocs-fonctionnement .arrow {
  background: url(/imgs/arrow-nav-white.svg) no-repeat center right 0.5rem / 0.4rem;
  transition: background-position 0.2s ease;
}

.blocs-fonctionnement .arrow:hover {
  background-position: center right;
}

.blocs-fonctionnement__title {
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  min-height: 5.6rem;
  align-items: center;
  justify-content: center;
  display: flex;
}

.blocs-fonctionnement__link,
.blocs-essentiel__link,
.outil-card-link {
  background: #fff;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 600;
  padding: 1.9rem 2.2rem;
  border-radius: 0.4rem;
  color: #003050;
  text-align: center;
  height: 5.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blocs-fonctionnement__block {
  border-radius: 0.6rem;
  background: linear-gradient(180deg, #003050 0%, #00243C 100%);
  display: flex;
  flex-direction: column;
}

.blocs-fonctionnement__block .arrow {
  font-size: 1.4rem;
  color: #fff;
  align-self: center;
  text-align: center;
}

.page-wrapper .bloc_actualites {
  padding-bottom: 5rem;
  padding-top: 0;
}

.content-actu .btn {
  display: flex;
  margin: 0 auto;
  max-width: max-content;
}

/*blocs crédit situation*/
.credit-situation__block {
  border-radius: 0.6rem;
  background: #fff;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.04);
}

.page-wrapper .all-actus {
  display: inline-block;
}

.link-actu {
  margin-bottom: 4rem;
  text-align: center;
}

.page-wrapper .row-actus {
  margin-bottom: 4rem;
}

/*bloc regroupement crédit*/
.credit-situation-row .credit-title {
  font-size: 1.8rem;
  font-weight: 700
}

.credit-situation-row .credit-bloc-lt .credit-title {
  color: #DB1014;
}

.credit-situation-row .credit-bloc-rt .credit-title {
  color: #51AE32;
}

.link-center {
  text-align: center;
  font-weight: 400;
  font-style: italic;
}

.credit-situation-row .credit-bloc-rt .credit-list {
  display: flex;
  justify-content: space-between;
  gap: 2rem
}

/*sommaire*/
.page-wrapper .btn-svg {
  transition: transform 0.3s ease;
}

.page-wrapper .btn-svg.rotated {
  transform: rotate(180deg);
}

.bloc_partners_stitre.wrapper {
  max-width: 100%;
}

/*trustbox*/
.page-wrapper .bloc_partners_stitre {
  max-width: 100%
}

/*btns*/
.btn_light {
  color: #FE523B;
  display: inline-flex;
  align-items: center;
  min-height: 5rem;
  padding: 1rem 2.2rem;
  justify-content: center;
  font-weight: 700;
  border-radius: 3rem;
  font-size: 1.6rem;
  line-height: 1.6;
  cursor: pointer;
  transition: all .2s ease;
  border: 1px solid #fe3b43;
  background: 0 0
}

.btn_light:hover {
  border: 0.1rem solid #FE523B;
  background: rgba(254, 82, 59, 0.22);
}

.row-buttons {
  display: flex;
  gap: 2rem;
}

/*bloc info*/
.bloc-info {
  background-color: #fff;
}

.info-titre {
  font-size: 1.8rem;
  font-weight: 700;
  display: block;
}

.content-text {
  margin-bottom: 3rem;
}

/*bloc comparaison*/
.titre-comparaison {
  text-align: center;
  margin-bottom: 3rem;
}

.desc-comparaison,
.info-comparaison {
  display: block;
  text-align: center;
  margin-bottom: 3rem;
}

.info-comparaison {
  font-weight: 700;
}

.grid-compare {
  display: grid;
  gap: 1.6rem;
  margin-bottom: 2.8rem;
}

.grid-compare .card-compare {
  display: flex;
  gap: 2rem;
  padding: 2rem;
  background-color: #fff;
  border-radius: 0.6rem;
}

.grid-compare .titre-compare {
  display: block;
  font-size: 1.8rem;
  color: #003050;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
}

.grid-compare .desc-compare {
  display: block;
  font-size: 1.4rem;
  color: #003050;
  line-height: 1.6;
  margin-bottom: 0.6rem;
}

.grid-compare .prix-compare {
  display: block;
  font-size: 2rem;
  color: #003050;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 2.3rem;
}

.grid-compare .economie-compare {
  display: block;
  font-size: 1.4rem;
  color: #003050;
  line-height: 1.3;
}

.grid-compare .cout-economie {
  color: #0ECA77;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 700;
}

.svg-compare {
  margin-right: 0.6rem;
  vertical-align: middle;
}

.svg-cout {
  margin-right: 1.4rem;
  vertical-align: middle;
}

.svg-flex {
  display: flex;
  margin-bottom: 2.6rem;
  font-size: 1.4rem;
}

.page-wrapper .content_in .intro-comparaison {
  text-align: center;
  font-size: 1rem;
  margin: 4rem auto;
}

/*bloc garantie*/
.bloc-garantie .content-select {
  padding: 1.9rem 1.8rem;
  background-color: #003050;
  color: #FFF;
  border-radius: 0.4rem 0.4rem 0 0
}

.bloc-garantie .content-garanties__select .select-body {
  background-color: #fff;
}

.bloc-garantie .content-garanties__select {
  margin-bottom: 4rem;
}

.bloc-garantie .content-garanties__select .select .select__item {
  margin-bottom: 2rem;
  border-radius: .4rem;
}

.bloc-garantie .selcet__item:last-child {
  border-bottom: none;
}

.bloc-garantie .content-garanties__select .select {
  display: none;
}

.bloc-garantie .content-garanties__select .select.active {
  display: block;
}

.bloc-garantie .col-duo {
  display: grid;
  align-items: center;
  margin: 0 auto;
  gap: 1.6rem;
}

.bloc-garantie .select-group {
  position: relative;
  display: inline-block;
  width: 100%;
  background-color: #FFF;
  border-radius: .2rem;
}

.bloc-garantie .select-group::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  color: #000960;
  width: 1.2rem;
  height: .7rem;
  pointer-events: none;
  background: url(/imgs/icons/select-arrow.svg) no-repeat center;
}

.bloc-garantie .select-group select {
  width: 100%;
  padding: 1rem 3rem 1rem 1.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  height: 5rem;
  border: none;
  background: 0 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer
}

.bloc-garantie .select-row {
  font-size: 1.4rem;
  line-height: 1.6;
}

.bloc-garantie .select-titre {
  font-weight: 400;
  color: #000;
}

.bloc-garantie .svg-popup {
  flex-shrink: 0;
  vertical-align: middle;
}

.bloc-garantie .content-garanties__select .select-body .txt-indicator {
  font-weight: 600;
}

.txt-green {
  color: #3EDD91;
}

.blocs-essentiel__title {
  text-align: center;
}

.blocs-essentiel__block {
  display: flex;
  flex-direction: column;
}

.blocs-essentiel__block .arrow {
  width: fit-content;
  color: #003050;
  font-size: 1.4rem;
  font-weight: 500;
  margin-top: 1rem;
}

.blocs-essentiel {
  display: grid
}

.svg-popup {
  margin-left: 0.8rem;
  cursor: pointer;
}

/*popin garantie*/
.page-wrapper .popin-info {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, .4);
  justify-content: center;
  align-items: center
}

.page-wrapper .popin-info.active {
  display: flex
}

.page-wrapper .popin-info-content {
  margin: 0 auto;
  max-width: 44rem;
  background-color: #fff;
  border-radius: .6rem
}

.page-wrapper .select-row.disabled {
  filter: grayscale(100%);
  opacity: 0.5;
}

.page-wrapper .popin-info-content {
  background-color: #fff;
}

.page-wrapper .popin-header {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dotted #B0B0B0;
}

.page-wrapper .popin-body {
  padding: 1.5rem 1rem 2rem
}

.page-wrapper .popin-title {
  display: block;
  color: #003050;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 700;
}

.page-wrapper .popin-subtitle {
  display: block;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 700;
  margin-bottom: 0.6rem;
}

.page-wrapper .popin-description {
  display: block;
  color: #444;
  font-size: 1.3rem;
  line-height: 1.4;
  margin-bottom: 5rem;
}

.page-wrapper .popin-info-content .btn {
  margin: 0;
}

.page-wrapper .popin-close {
  cursor: pointer;
  flex-shrink: 0;
}

.liste-flex {
  overflow-x: auto;
}

/*bloc taux*/
.page-wrapper .wrapper-table {
  margin-bottom: 3rem;
}

.page-wrapper table {
  width: auto;
  max-width: 100%;
  margin: 0 auto 3rem;
  width: 100%;
}

.page-wrapper table tr {
  text-align: center;
}

.page-wrapper table th {
  font-size: 1.4rem;
  padding: 1.2rem 2.4rem;
}

.page-wrapper .blocs_meilleur_taux {
  margin-top: 4rem;
}

.page-wrapper .trend {
  color: #FF9A52
}

.page-wrapper .trend_up {
  color: #FF4040
}

.page-wrapper .trend_down {
  color: #0ECA77
}

.page-wrapper .trend_down:before {
  content: " ";
  background: url(/imgs/trend-down.svg) no-repeat center center;
  transform: none;
  display: inline-block;
  width: 0.9rem;
  height: 0.9rem;
  margin-right: 0.4rem;
}

.page-wrapper .trend_up:before {
  content: " ";
  background: url(/imgs/trend-up.svg) no-repeat center center;
  transform: none;
  display: inline-block;
  width: 0.9rem;
  height: 0.9rem;
  margin-right: 0.4rem;
}

.page-wrapper .trend:before {
  content: " ";
  background: url(/imgs/trend.svg) no-repeat center center;
  transform: none;
  display: inline-block;
  width: 0.9rem;
  height: 0.9rem;
  margin-right: 0.4rem;
}

@media only screen and (max-width: 767.98px) {
  .wrapper-preform {
    padding: 1.6rem 1.6rem 3.5rem;
  }

  [class*='entete-preform'] .fil_ariane {
    margin-bottom: 1.6rem
  }

  .page-wrapper .wrapper {
    padding-right: 1.6rem;
    padding-left: 1.6rem
  }

  .page-wrapper h2 {
    font-size: 1.8rem
  }

  .page-wrapper h3 {
    font-size: 1.6rem
  }

  .entete-preform {
    height: 50rem;
    background: url(/imgs/background/bg-rac-mobile.jpg) center no-repeat;
    background-size: cover;
  }

  .entete-preform .description-txt {
    font-size: 1.4rem;
    line-height: 1.5;
    order: 3;
    position: relative
  }

  .entete-preform .description-content {
    display: flex;
    flex-direction: column
  }

  .entete-preform .preform-btn {
    margin-bottom: 3rem;
  }

  .page-wrapper .btn {
    font-size: 1.3rem;
  }

  .row-buttons {
    flex-direction: column;
  }

  .card-links {
    margin-bottom: 3rem;
  }

  .card-link strong {
    display: block;
    margin-bottom: 0.4rem;
  }

  .grid-img-right {
    margin-bottom: 3.5rem;
  }

  .grid-img-right .btn {
    margin-top: 2rem;
  }

  .credit-type-link-full {
    text-align: left;
  }

  .grid-calc-rac {
    row-gap: 3.6rem
  }

  .links-valide {
    margin-right: -1.6rem;
    margin: 3rem auto;
  }

  .liste-flex {
    padding: 2.2rem 0
  }

  .liste-flex,
  .links-valide {
    gap: 3rem;
    padding-left: 1.6rem;
  }

  .txt-visu-left-desktop {
    display: none
  }

  .titre-visu-left {
    display: block;
    margin-bottom: 0.6rem;
    font-size: 1.6rem;
  }

  .description-visu-left {
    font-weight: 700;
    font-size: 2rem;
  }

  .logo-visu-left {
    top: 0;
    left: 2.4rem
  }

  .txt-visu-left {
    left: 2.4rem;
    bottom: 1.9rem;
  }

  .credit-image {
    margin-bottom: 3rem;
    max-width: 18rem;
  }

  .credit-bloc {
    padding: 3rem 2.3rem;
  }

  .credit-types {
    margin-bottom: 3.7rem;
  }

  .credit-types-links,
  .grid-columns {
    gap: 1.4rem;
  }

  .credit-situation {
    margin-bottom: 3rem;
  }

  .credit-situation-column .credit-title {
    font-size: 1.8rem;
    line-height: 1.2;
  }

  .market-update {
    padding: 1.9rem 1.3rem;
  }

  .page-wrapper .row-actus {
    margin-right: -1.6rem;
  }

  .page-wrapper .row-actus .ba_actu:not(:last-child) {
    margin-right: 1.6rem;
  }

  .mt-lg {
    margin-top: -22rem;
  }

  .mb-lg {
    margin-bottom: 20rem;
  }

  .page-wrapper .accordion-summary .accordion-body {
    padding: 2.5rem 1rem
  }

  .blocs-fonctionnement {
    gap: 2.5rem
  }

  .blocs-fonctionnement__title {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }

  .credit-situation__block {
    padding: 3.6rem 1.2rem;
  }

  .credit-situation-row .credit-bloc {
    gap: 3rem
  }

  .blocs-fonctionnement__block {
    padding: 2.3rem 1.6rem 3rem;
  }

  .bloc-info {
    padding: 2rem 1.6rem;
    margin-bottom: 3rem;
  }

  .svg-flex {
    justify-content: space-between;
  }

  .bloc-garantie .titre-select {
    text-align: center;
  }

  .bloc-garantie .content-garanties__select .select-body {
    padding: 1.4rem
  }

  .bloc-garantie .select-marker {
    display: none;
  }

  .bloc-garantie .select-row:not(:last-child) {
    margin-bottom: 2rem;
  }

  .page-wrapper .blocs-essentiel__title {
    margin-bottom: 2rem;
  }

  .page-wrapper .popin-info-content {
    max-width: 35rem;
  }

  .page-wrapper .popin-info-content .btn {
    min-height: 3rem;
  }

  .page-wrapper .popin-info-content .titre-select {
    font-size: 1.4rem;
  }

  .bloc-garantie .content-garanties__select .select-body .txt-indicator {
    display: block;
  }
}

@media only screen and (max-width: 1023.98px) {
  .credit-situation-row .credit-bloc-lt .credit-list {
    column-count: 2;
  }

  .entete-preform .description-titre {
    font-size: 2.6rem;
    line-height: 1.2
  }

  .card-links {
    gap: 2rem;
    flex-direction: column
  }

  .grid-img-right,
  .grid-img-left {
    row-gap: 2.4rem
  }

  .grid-calc-rac {
    row-gap: 1.8rem;
  }

  .grid-img-right .visu-right,
  .grid-img-left .visu-left {
    margin: 0 auto
  }

  .grid-img-left {
    margin-bottom: 4rem;
  }

  .entete-preform .wrapper {
    padding-bottom: 3rem;
  }

  .market-image {
    display: none;
  }

  .img-right-mobile {
    display: block;
  }

  .market-update__title {
    font-size: 1.8rem;
    line-height: 1.6;
  }

  .market-update__author {
    font-size: 1.3rem;
    line-height: 1.3;
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 0;
  }

  .author-line .d-bloc-mobile {
    display: block;
  }

  .author-line .d-non-mobile {
    display: none;
  }

  .page-wrapper .accordion__header {
    font-size: 1.6rem;
  }

  .wrapper-blocs-fonctionnement,
  .wrapper-blocs-essentiel {
    max-width: 42.8rem;
    margin: 0 auto 4rem
  }

  .bloc-comparaison {
    margin-bottom: 4rem;
  }

  .bloc-garantie {
    max-width: 70rem;
    margin: 0 auto;
  }

  .bloc-garantie,
  .bloc-video {
    margin-bottom: 4rem
  }

  .bloc-garantie .embed_video {
    margin-bottom: 3rem;
  }

  .blocs-essentiel {
    margin-bottom: 3rem;
  }

  .blocs-essentiel {
    gap: 1.9rem
  }

  .blocs-essentiel__block .arrow {
    text-align: center;
  }

  .content-meilleur-taux .h2style {
    margin-top: 3rem;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .wrapper-preform {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .page-wrapper .entete-preform {
    background: url(/imgs/background/bg-rac-tablet.jpg) center no-repeat;
    background-size: cover;
  }

  [class*='entete-preform'] .fil_ariane {
    margin-bottom: 2rem
  }

  .liste-flex {
    gap: 3rem;
    padding-left: 5rem
  }

  .card-links {
    max-width: 38rem;
  }

  .links-valide {
    margin-bottom: 4rem;
  }

  .grid-img-right {
    margin-bottom: 8rem;
  }

  .grid-img-right .img-right-contenu {
    text-align: center;
  }

  .bloc-info {
    margin-bottom: 4rem;
  }

  .content-credit-situation {
    max-width: 58.5rem;
    margin: 2rem auto 5rem
  }

  .credit-situation {
    gap: 2rem;
    margin-bottom: 3.3rem;
  }

  .credit-types,
  .grid-columns {
    margin-bottom: 3.3rem;
  }

  .credit-types {
    grid-template-columns: 1fr 1fr
  }

  .market-update {
    padding: 2.4rem 2.9rem;
  }

  .mt-lg {
    margin-top: -22rem;
  }

  .mb-lg {
    margin-bottom: 22rem;
  }

  .credit-situation__block {
    padding: 2.6rem 3.6rem;
  }

  .credit-situation-row .credit-bloc {
    column-gap: 4rem;
  }
}

@media only screen and (min-width: 768px) {
  .wrapper-preform {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .page-wrapper h2,
  .page-wrapper .h2style {
    font-size: 2rem
  }

  .page-wrapper h3,
  .page-wrapper .h3style {
    font-size: 1.8rem
  }

  .entete-preform .description-txt {
    font-size: 1.6rem;
    line-height: 1.5
  }

  .entete-preform .titre {
    margin-bottom: 1.6rem
  }

  .entete-preform .preform-btn {
    margin: 4rem 0 3.6rem
  }

  .page-wrapper .btn {
    font-size: 1.4rem;
  }

  .liste-flex {
    gap: 2rem
  }

  .liste-flex {
    padding: 2.9rem 0 2.9rem 2.9rem;
  }

  .grid-img-right .btn {
    margin-top: 2.6rem;
  }

  .txt-visu-left-mobile {
    display: none
  }

  .titre-visu-left {
    display: block;
    font-size: 3.2rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 1rem;
  }

  .description-visu-left {
    display: block;
    font-size: 1.4rem;
    line-height: 1.5;
  }

  .logo-visu-left {
    top: 3rem;
    left: 3.5rem
  }

  .txt-visu-left {
    left: 3.5rem;
    bottom: 2.4rem;
  }

  .credit-situation-column .credit-bloc {
    padding: 3.5rem 3rem;
  }

  .credit-situation-row .credit-bloc {
    padding: 2.6rem 3.6rem
  }

  .credit-types-links,
  .grid-columns {
    gap: 1.9rem
  }


  .credit-situation-column .credit-title {
    font-size: 2rem
  }

  .credit-situation {
    margin-bottom: 2rem;
  }

  .credit-type-link-full {
    text-align: center;
  }

  .page-wrapper .accordion-summary .accordion-body {
    padding: 2rem 2rem 3rem
  }

  .page-wrapper .card-rac {
    max-height: none;
  }

  .blocs-fonctionnement {
    gap: 2.5rem
  }

  .blocs-fonctionnement__title {
    font-size: 2rem;
    margin-bottom: 3rem;
  }

  .blocs-fonctionnement__block {
    border-radius: 0.6rem;
    background: linear-gradient(180deg, #003050 0%, #00243C 100%);
    display: flex;
    flex-direction: column;
    padding: 2.3rem 2.6rem 3rem;
  }

  .bloc-info {
    padding: 2rem
  }

  .grid-compare {
    grid-template-columns: 1fr 1fr;
    gap: 1.6rem;
  }

  .svg-flex {
    gap: 3rem;
    justify-content: center;
  }

  .bloc-garantie .col-duo {
    grid-template-columns: 1fr 40rem;
  }

  .bloc-garantie .content-garanties__select .select-body {
    padding: 1.6rem 2.6rem 1.6rem 2rem
  }

  .bloc-garantie .select-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .blocs-essentiel {
    display: grid;
    margin-bottom: 4rem;
  }

  .page-wrapper .bloc-garantie .content-select {
    padding-left: 3rem;
    padding-right: 2.6rem;
  }

  .page-wrapper .blocs-essentiel__title {
    margin-bottom: 4rem;
  }

  .page-wrapper .popin-info-content {
    max-width: 44rem;
  }

  .page-wrapper .popin-info-content .btn {
    min-height: 4rem;
  }

  .page-wrapper .popin-info-content .titre-select {
    font-size: 1.6rem;
  }

  .bloc-garantie .select-titre {
    display: flex;
    align-items: center;
  }
}

@media only screen and (min-width: 1024px) {
  [class*='entete-preform'] .fil_ariane {
    margin-bottom: 4rem
  }

  .entete-preform .description-titre {
    font-size: 3rem;
    line-height: 1.2
  }

  .page-wrapper .entete-preform {
    background: url(/imgs/background/bg-rac.jpg) center no-repeat;
    background-size: cover;
  }

  .card-links {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2rem;
    margin-bottom: 7rem;
  }

  .links-valide {
    margin: 4rem auto;
  }

  .grid-img-right {
    grid-template-columns: 1fr 45rem
  }

  .grid-img-right .visu-right {
    order: 2
  }

  .grid-calc-rac {
    grid-template-columns: 1fr auto;
  }

  .grid-img-right .card-rac {
    margin: auto;
    height: auto;
  }

  .grid-img-right,
  .grid-img-left {
    column-gap: 2.4rem;
  }

  .grid-img-right {
    margin-bottom: 6rem;
  }

  .grid-img-left {
    grid-template-columns: 45rem 1fr;
    margin-bottom: 3rem;
  }

  .bloc-info {
    margin-bottom: 3rem;
  }

  .grid-calc-rac {
    column-gap: 1.8rem;
  }

  .credit-situation {
    margin-bottom: 2rem;
  }

  .credit-situation-column .credit-situation {
    grid-template-columns: 1fr 1fr;
    gap: 1.3rem;
  }

  .credit-types {
    margin: 4rem auto 3rem;
  }

  .outils-flex-links {
    padding-top: 2rem;
  }

  .credit-types {
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  @media (min-width: 768px) {
    .outils-flex-links {
      display: flex;
      flex-direction: column;
      gap: 2rem;
    }

    .outils-flex-row {
      display: flex;
      gap: 2rem;
      justify-content: center;
    }

    .outils-flex-row:first-child a {
      flex: 1 1 0;
    }

    .outils-flex-row:last-child a {
      flex: 1 1 0;
    }
  }

  @media (max-width: 767.98px) {

    .outils-flex-links,
    .outils-flex-row {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.2rem;
    }
  }

  .grid-columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .market-update {
    padding: 2.5rem 2.9rem;
  }

  .preform-grid {
    display: grid;
  }

  .mt-lg {
    margin-top: -22rem;
  }

  .mb-lg {
    margin-bottom: 22rem;
  }

  .market-update {
    display: flex;
    gap: 2.8rem;
  }

  .market-image {
    display: block;
    object-fit: contain;
  }

  .img-right-mobile {
    display: none;
  }

  .market-update__title {
    font-size: 2rem;
  }

  .market-update__date {
    font-size: 1.4rem;
  }

  .market-update__author {
    font-size: 1.4rem;
    line-height: 1.6;
    font-weight: 700;
  }

  .page-wrapper .accordion__header {
    font-size: 2.2rem;
  }

  .blocs-fonctionnement {
    grid-template-columns: 1fr 1fr;
  }

  .wrapper-blocs-fonctionnement {
    margin-bottom: 7rem;
  }

  .credit-situation__block {
    padding: 2.6rem 4.6rem;
  }

  .credit-situation-row .credit-bloc {
    column-gap: 7rem;
  }

  .bloc-info {
    padding: 2rem 3.8rem
  }

  .bloc-comparaison {
    margin-bottom: 4rem;
  }

  .bloc-garantie .col-duo {
    grid-template-columns: 1fr 60rem;
  }

  .bloc-garantie,
  .bloc-video {
    margin-bottom: 6rem
  }

  .bloc-garantie .embed_video {
    margin-bottom: 4rem;
  }

  .wrapper-blocs-essentiel {
    margin-bottom: 6rem;
  }

  .blocs-essentiel {
    grid-template-columns: 1fr 1fr;
    gap: 1.8rem;
  }

  .content-meilleur-taux .h2style {
    margin-top: 1.7rem;
  }

  .page-wrapper .blocs_meilleur_taux {
    margin-bottom: 4rem;
  }

  .page-wrapper .wrapper-table {
    margin-bottom: 6rem;
  }
}

@media only screen and (max-width: 1279.98px) {
  .entete-preform {
    height: 47.8rem
  }
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
  .wrapper-preform {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media only screen and (min-width: 1280px) {
  .page-wrapper .entete-preform {
    height: 56.3rem;
  }

  .mt-lg {
    margin-top: -20rem;
  }

  .mb-lg {
    margin-bottom: 20rem;
  }

  .grid-calc-rac {
    grid-template-columns: 70rem 1fr;
    z-index: 1;
    position: relative;
  }
}

@media only screen and (max-width: 1139.98px) {

  .entete-preform-immo .visuel-preform,
  .entete-preform-rac .visuel-preform,
  .entete-preform-ade .visuel-preform,
  .entete-preform-conso .visuel-preform {
    display: none;
  }
}

@media only screen and (min-width: 1140px) {
  .preform-grid {
    grid-template-columns: 1fr 1fr;
  }

  .visuel-preform .img-content {
    position: absolute;
    right: -42rem;
    bottom: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .preform-grid {
    grid-template-columns: 1fr 1.2fr;
  }

  .visuel-preform .img-content {
    position: absolute;
    right: -30rem;
    bottom: 0;
  }
}

@media only screen and (max-width: 1919.98px) {
  .position-absolute {
    display: none;
  }
}

@media only screen and (min-width: 1920px) {
  .visuel-preform .img-content {
    right: -4rem;
  }

  .position-absolute {
    position: absolute;
    margin-top: -38rem;
  }

  .page-wrapper .bg-grey-dark.z-index-5 {
    z-index: 5;
    position: relative;
  }
}

@media (min-width: 768px) {
  .credit-situation-row .credit-bloc {
    display: grid;
    grid-template-columns: 1fr
  }

  .credit-situation-row .credit-bloc {
    text-align: left
  }

  .credit-situation-row .credit-bloc-lt {
    text-align: left;
    grid-template-columns: 18rem 1fr;
    grid-template-areas: "credit-image credit-title" "credit-image credit-description" "credit-image credit-list"
  }

  .credit-situation-row .credit-bloc-rt {
    text-align: left;
    grid-template-columns: 1fr 18rem;
    grid-template-areas: "credit-title credit-image " "credit-description credit-image " "credit-list credit-image "
  }

  [data-grid-name="credit-image"] {
    grid-area: credit-image;
    width: 100%;
    height: auto
  }

  [data-grid-name="credit-title"] {
    grid-area: credit-title
  }

  [data-grid-name="credit-description"] {
    grid-area: credit-description
  }

  [data-grid-name="credit-list"] {
    grid-area: credit-list
  }

  [data-grid-name="credit-item"] {
    display: flex;
    align-items: center
  }

  [data-grid-name="credit-item"] svg {
    width: 1.6rem;
    height: 1.6rem
  }
}

/*encart*/
.article-card {
  max-width: 119.2rem;
  margin: 0 auto 3rem
}

picture .article-card__image-main {
  max-width: 100%;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .04)
}

.article-card__content {
  background-color: #fff;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .04)
}

.article-card__title {
  display: block;
  font-weight: 700
}

.article-card__txt {
  font-size: 1.4rem
}

.article-card__link {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 600;
  color: #003050
}

.article-card__icon {
  flex-shrink: 0
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .article-card__txt {
    margin-bottom: 4rem
  }
}

@media only screen and (max-width: 767.98px) {
  .article-card__content {
    padding: 1.8rem 1.4rem 2.4rem
  }

  .article-card__title {
    font-size: 2.2rem;
    line-height: 1.4;
    margin-bottom: 1.8rem
  }

  .article-card__txt {
    margin-bottom: 1.6rem;
    line-height: 1.6
  }
}

@media only screen and (max-width: 1023.98px) {
  .article-card__image-main {
    border-radius: .6rem .6rem 0 0
  }

  .article-card__content {
    border-radius: 0 0 .6rem .6rem
  }
}

@media only screen and (max-width: 1280px) {
  .article-card {
    padding: 0 2rem
  }
}

@media only screen and (min-width: 768px) {
  .article-card__content {
    padding: 4rem
  }

  .article-card__title {
    font-size: 3rem;
    line-height: 1.2;
    margin-bottom: 2.6rem
  }

  .article-card__content {
    font-size: 1.4rem
  }

  .article-card__txt {
    line-height: 1.6
  }

  .article-card__link {
    gap: 3rem
  }
}

@media only screen and (min-width: 1024px) {
  .article-card {
    display: grid;
    grid-template-columns: 1fr 1fr
  }

  .article-card__txt {
    margin-bottom: 3rem
  }

  .article-card__image-main {
    border-radius: .6rem 0 0 .6rem
  }

  .article-card__content {
    border-radius: 0 .6rem .6rem 0
  }
}

/*bloc links page guide*/
.category-links .item-link {
  border: 1px solid #003050;
  border-radius: .4rem
}

@media only screen and (min-width: 1280px) {
  .category-links .item-link:hover {
    background-color: #CCEBFF;
    transition: all .2s ease
  }
}

.category-links .link {
  width: 100%;
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  color: #003050
}

.category-links .item-link {
  padding: 1.2rem 6rem 1.2rem 2rem;
  background: url(/imgs/link-nav.svg) no-repeat center right 2rem / 3rem;
  transition: background-position .2s ease;
  display: flex;
  min-height: 5.4rem;
  align-items: center
}

.category-links .item-link:not(:last-child) {
  margin-bottom: 1.8rem
}

@media only screen and (min-width: 768px) {
  .category-links {
    margin-bottom: 4rem
  }
}

@media only screen and (max-width: 767.98px) {
  .category-links {
    margin-bottom: 3rem
  }

  .column-content .column-content-list {
    margin-bottom: 2rem;
  }

  .mobile-fixed.active .header-mobile-titre {
    position: fixed;
    background-color: white;
    width: 100%;
  }

  .mobile-fixed.active .btn {
    margin-bottom: 5rem;
  }

  .mobile-fixed.active .column-content {
    overflow-y: scroll;
    height: 75vh;
  }

  .mobile-fixed.active {
    height: auto;
    top: 10rem;
  }
}

/*column droite*/
.column-content .arrow {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #003050;
}

.column-card-image {
  position: relative;
}

.column-content .bg-color {
  padding: 1rem 2rem;
  border-radius: 0 0 0.4rem 0.4rem;
  background-color: #005187;
  color: #fff;
  min-height: 6.4rem;
  display: flex;
  align-items: center;
}

.column-content .bg-color .arrow {
  background: url(/imgs/arrow-nav-white.svg) no-repeat center right 0.5rem / 0.4rem;
}

.column-content .bg-color .arrow:hover {
  background-position: center right;
}

.column-content .bg-color .arrow {
  color: #fff;
  font-weight: 500;
}

.column-content img {
  vertical-align: middle;
  border-radius: 0.4rem 0.4rem 0 0;
  width: 100%;
  object-fit: cover;
}

.column-content .column-content-list {
  padding: 1.4rem 2rem;
}

.column-content .btn {
  width: 100%;
}

@media only screen and (max-width: 1279.98px) {
  .header-mobile {
    display: block;
    padding: 2rem;
    margin-bottom: 2rem;
    position: relative;
    z-index: 100;
    cursor: pointer;
  }

  .header-mobile-titre {
    color: #003050;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
  }

  .mobile-fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    width: 100% !important;
    max-width: none;
    height: 6rem;
    border-radius: 2.4rem 2.4rem 0 0;
    background: #fff;
    box-shadow: 0 .4rem 2rem rgba(0, 81, 135, .15);
    padding: 0 2rem 5rem;
    opacity: 1;
    visibility: visible;
    margin: 0;
    overflow: hidden;
  }

  .mobile-fixed.active {
    height: auto;
  }

  .mobile-fixed.active .header-mobile-svg {
    transform: rotate(180deg);
  }

  .column-content .btn {
    grid-column: 1 / span 2;
  }

  .header-mobile-svg {
    vertical-align: middle;
  }

  .column-content img {
    height: 10rem;
  }
}

@media only screen and (min-width: 1280px) {
  .header-mobile {
    display: none;
  }

  .column-content img {
    height: 15rem;
  }

  .column-content [class*='column-content-'] {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 767.98px) {
  .column-content.open {
    height: 50rem;
    overflow: scroll;
  }
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  .column-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.4rem;
    max-width: 74.4rem;
    margin: 0px auto;
  }
}

.column-content ul li:not(:last-child) {
  margin-bottom: 1.4rem;
}

body.sticky .logo {
  height: 6.3rem;
}

.page-wrapper #preform {
  text-align: left;
  font-size: 1.8rem;
  max-width: none;
  padding: 0 0 0 1rem;
  background: #fff;
  -moz-appearance: none;
  width: 36rem;
}

/*style page simulation rac*/
.card-duo-links {
  display: grid;
  column-gap: 5rem;
  margin-bottom: 5rem;
}

.grid-columns-3 {
  margin-bottom: 5rem;
  display: grid;
}

@media (max-width: 1023.98px) {
  .card-duo-links {
    gap: 2rem;
  }
}

.card-duo-links .card-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding: 1.6rem;
  border-radius: .6rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  height: 6.6rem;
  font-size: 1.4rem;
  color: #033050;
  box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.06);
}

.card-duo-links .card-link>* {
  color: #033050
}

.cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  max-width: 800px;
  margin: 0 auto;
}



@media (max-width: 768.98px) {
  .card-link {
    flex: 0 1 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .card-duo-links {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 5rem;
    margin-bottom: 5rem;
  }
}

/*style page simulation rac*/
:not(.sticky).entete_preform.sticky_sans_preform {
  height: 0;
}


.card-duo-links {
  display: grid;
  column-gap: 5rem;
  margin-bottom: 5rem;
}

@media (max-width: 1023.98px) {
  .card-duo-links {
    gap: 2rem;
  }
}

.card-duo-links .card-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding: 1.6rem;
  border-radius: .6rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  height: 6.6rem;
  font-size: 1.4rem;
  color: #033050;
  box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.06);
}

.card-duo-links .card-link>* {
  color: #033050
}

.cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  max-width: 800px;
  margin: 0 auto;
}

@media (max-width: 768.98px) {
  .card-link {
    flex: 0 1 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .card-duo-links {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 5rem;
    margin-bottom: 5rem;
  }
}

@media (min-width: 768px) {
  .outils-flex-links {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .outils-flex-row {
    display: flex;
    gap: 2rem;
    justify-content: center;
  }

  .outils-flex-row:first-child a {
    flex: 1 1 0;
  }

  .outils-flex-row:last-child a {
    flex: 1 1 0;
  }
}

@media (max-width: 767.98px) {

  .outils-flex-links,
  .outils-flex-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
}

.table-info {
  margin-top: -2rem;
}

.grid-columns {
  display: grid;
  margin-bottom: 4rem;
}