/*SETTINGS*/






















/* Responsive Grid */

.row-fluid {
  width: 100%;
  /* *zoom: 1;*/
}

.row-fluid:before, .row-fluid:after {
  display: table;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 28px;
  margin-left: 2.127659574%;
  *margin-left: 2.0744680846382977%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
  *width: 99.94680850063828%;
}

.row-fluid .span11 {
  width: 91.489361693%;
  *width: 91.4361702036383%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
  *width: 82.92553190663828%;
}

.row-fluid .span9 {
  width: 74.468085099%;
  *width: 74.4148936096383%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
  *width: 65.90425531263828%;
}

.row-fluid .span7 {
  width: 57.446808505%;
  *width: 57.3936170156383%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
  *width: 48.88297871863829%;
}

.row-fluid .span5 {
  width: 40.425531911%;
  *width: 40.3723404216383%;
}

.row-fluid .span4 {
  width: 31.914893614%;
  *width: 31.8617021246383%;
}

.row-fluid .span3 {
  width: 23.404255317%;
  *width: 23.3510638276383%;
}

.row-fluid .span2 {
  width: 14.89361702%;
  *width: 14.8404255306383%;
}

.row-fluid .span1 {
  width: 6.382978723%;
  *width: 6.329787233638298%;
}

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.762430939%;
    *margin-left: 2.709239449638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 99.999999993%;
    *width: 99.9468085036383%;
  }

  .row-fluid .span11 {
    width: 91.436464082%;
    *width: 91.38327259263829%;
  }

  .row-fluid .span10 {
    width: 82.87292817100001%;
    *width: 82.8197366816383%;
  }

  .row-fluid .span9 {
    width: 74.30939226%;
    *width: 74.25620077063829%;
  }

  .row-fluid .span8 {
    width: 65.74585634900001%;
    *width: 65.6926648596383%;
  }

  .row-fluid .span7 {
    width: 57.182320438000005%;
    *width: 57.129128948638304%;
  }

  .row-fluid .span6 {
    width: 48.618784527%;
    *width: 48.5655930376383%;
  }

  .row-fluid .span5 {
    width: 40.055248616%;
    *width: 40.0020571266383%;
  }

  .row-fluid .span4 {
    width: 31.491712705%;
    *width: 31.4385212156383%;
  }

  .row-fluid .span3 {
    width: 22.928176794%;
    *width: 22.874985304638297%;
  }

  .row-fluid .span2 {
    width: 14.364640883%;
    *width: 14.311449393638298%;
  }

  .row-fluid .span1 {
    width: 5.801104972%;
    *width: 5.747913482638298%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.564102564%;
    *margin-left: 2.510911074638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }

  .row-fluid .span11 {
    width: 91.45299145300001%;
    *width: 91.3997999636383%;
  }

  .row-fluid .span10 {
    width: 82.905982906%;
    *width: 82.8527914166383%;
  }

  .row-fluid .span9 {
    width: 74.358974359%;
    *width: 74.30578286963829%;
  }

  .row-fluid .span8 {
    width: 65.81196581200001%;
    *width: 65.7587743226383%;
  }

  .row-fluid .span7 {
    width: 57.264957265%;
    *width: 57.2117657756383%;
  }

  .row-fluid .span6 {
    width: 48.717948718%;
    *width: 48.6647572286383%;
  }

  .row-fluid .span5 {
    width: 40.170940171000005%;
    *width: 40.117748681638304%;
  }

  .row-fluid .span4 {
    width: 31.623931624%;
    *width: 31.5707401346383%;
  }

  .row-fluid .span3 {
    width: 23.076923077%;
    *width: 23.0237315876383%;
  }

  .row-fluid .span2 {
    width: 14.529914530000001%;
    *width: 14.4767230406383%;
  }

  .row-fluid .span1 {
    width: 5.982905983%;
    *width: 5.929714493638298%;
  }
}

/* Clearfix */

.clearfix {
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

/* Visibilty Classes */

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important ;
  }
}
@font-face {
  font-family: 'Gilroy';
  src: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Light/Gilroy-Light.eot');
  src: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Light/Gilroy-Light.eot#iefix') format('embedded-opentype'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Light/Gilroy-Light.woff2') format('woff2'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Light/Gilroy-Light.woff') format('woff'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Light/Gilroy-Light.otf') format('otf'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Light/Gilroy-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-LightItalic/Gilroy-LightItalic.eot');
  src: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-LightItalic/Gilroy-LightItalic.eot#iefix') format('embedded-opentype'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-LightItalic/Gilroy-LightItalic.woff2') format('woff2'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-LightItalic/Gilroy-LightItalic.woff') format('woff'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-LightItalic/Gilroy-LightItalic.otf') format('otf'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-LightItalic/Gilroy-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-RegularItalic/Gilroy-RegularItalic.eot');
  src: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-RegularItalic/Gilroy-RegularItalic.eot#iefix') format('embedded-opentype'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-RegularItalic/Gilroy-RegularItalic.woff2') format('woff2'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-RegularItalic/Gilroy-RegularItalic.woff') format('woff'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-RegularItalic/Gilroy-RegularItalic.otf') format('otf'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-RegularItalic/Gilroy-RegularItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Regular/Gilroy-Regular.eot');
  src: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Regular/Gilroy-Regular.eot#iefix') format('embedded-opentype'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Regular/Gilroy-Regular.woff2') format('woff2'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Regular/Gilroy-Regular.woff') format('woff'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Regular/Gilroy-Regular.otf') format('otf'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Regular/Gilroy-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Medium/Gilroy-Medium.eot');
  src: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Medium/Gilroy-Medium.eot#iefix') format('embedded-opentype'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Medium/Gilroy-Medium.woff2') format('woff2'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Medium/Gilroy-Medium.woff') format('woff'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Medium/Gilroy-Medium.otf') format('otf'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Medium/Gilroy-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-SemiBold/Gilroy-SemiBold.eot');
  src: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-SemiBold/Gilroy-SemiBold.eot#iefix') format('embedded-opentype'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-SemiBold/Gilroy-SemiBold.woff2') format('woff2'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-SemiBold/Gilroy-SemiBold.woff') format('woff'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-SemiBold/Gilroy-SemiBold.otf') format('otf'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-SemiBold/Gilroy-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Bold/Gilroy-Bold.eot');
  src: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Bold/Gilroy-Bold.eot#iefix') format('embedded-opentype'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Bold/Gilroy-Bold.woff2') format('woff2'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Bold/Gilroy-Bold.woff') format('woff'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Bold/Gilroy-Bold.otf') format('otf'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Bold/Gilroy-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Black/Gilroy-Black.eot');
  src: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Black/Gilroy-Black.eot#iefix') format('embedded-opentype'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Black/Gilroy-Black.woff2') format('woff2'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Black/Gilroy-Black.woff') format('woff'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Black/Gilroy-Black.otf') format('otf'),
    url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/typo/Gilroy/Gilroy-Black/Gilroy-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

 
html, body {
  font-family: 'Gilroy', serif;
}

html {
  font-size: 16px;
}

body {
  font-family: 'Gilroy', serif;
  font-size: 1rem;
  color: #00385e; 
}
.table-light, .table-info,.table-success {
     color: #00385e !important;
}

/* Anchor Links */
a {
  color: #ff3859;
  text-decoration: none;
  font-weight: 500;
}
a:hover, a:focus {
  color: #ff3859;
  text-decoration: underline;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.title1,
.tagline,
.title2,
.title3,
.title4,
.title5,
.title6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: #00385e;
  overflow-wrap: anywhere;
  font-family: 'Gilroy', serif;
  font-weight:400 ;
}

/* new designs system */
h1 span, 
h2 span {
  background-image: linear-gradient(to bottom, transparent 70%, #ffd154 0%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone; 
}

.title4 span {
  height: 11px!important;
}

.title5 span,
.title6 span{
  height: 9px!important;
}

.ds h3 span {
  background-image: linear-gradient(to bottom, transparent 70%, #ffd154 0%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.ds p span {
  font-weight: 600;
  color: #008D97;
}


.title-6 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
}

/** class for radius background card **/
.r_20 {
  border-radius: 20px;
}

.radius_card {
  border-radius: 0px;
}

.radius_20 {
  border-radius: 0px;
}

.page_contact .radius_card {
  border-radius: 20px;
}


@media screen and (min-width: 768px) {
  .radius_card {
    border-radius: 20px;
  }

  .radius_20 {
    border-radius: 20px;
  }
}

/* end new designs system */

h1,
.title1 {
  color: #00385e;
  font-weight: 600;
  font-size : 36px;
  line-height : 38px;
}

.tagline {
  color: #00385e;
  font-weight: 600;
  font-size : 30px;
  line-height : 38px;
}

.bg_blue h1,
.title-principal,
.bg_blue .title1,
.bg_blue .tagline {
  color: #ffffff;
  font-weight: 500;
}

.bg_gray .title1,
.bg_gray .tagline {
  color: #00385e;
  font-weight: 600;
}

.lexique_detail h1 {
  font-family: 'Gilroy', serif;
  color: #ff3859;
  font-weight: 600;
}

h2,
.title2 {
  font-size: 30px;
  line-height: 34px;
  font-weight:600;
}

h3,
.title3 {
  font-size: 26px;
  line-height: 30px;
  font-weight: 600;
}

h4,
.title4 {
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
}

h5,
.title5{
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

h6,
.title6{
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}

.title7{
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.description {
  font-size: 16px;
  line-height: 22px;
}

.subtitle {
  color: #008D97;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
}

.fw-semibold {
  font-weight: 600;
}

.fs-14 {
  font-size: 14px; 
}
.fs-12 {
  font-size: 12px; 
}

strong {
  font-weight: bold;
}

code {
  vertical-align: bottom;
}

blockquote {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-left: 10px solid #f5f5f5;
  padding-left: 15px;
}


p {
  margin-top: 0;
  margin-bottom: 0; 
}

.paragraphe {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 25px;
  font-weight: normal;
}

.legende,
figcaption {
  color: #797676;
  font-style:italic; 
  font-size:14px;
}

/* contenu libre */
.content p,
.content ul,
.content ol {
  margin-bottom: 13px;
}

.content .cta_button p {
  color: white;
  margin-bottom: 0;
}

/* Horizontal Rules */
hr {
  color: #f5f5f5;
  background-color: #f5f5f5;
  height: 1px;
  border: none;
}

sup,
sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

:focus {
  outline: auto; 
}

.disable-focus-styles :focus {
  outline: none;
}

/* COLOR color et BACKGROUND-COLOR */
.bg_blue {
  background-color: #00385e;
  color: #ffffff;
}

.bg_gray {
  background-color:#f5f5f5;
  color: #00385e;
}

.bg_sable {
  background-color:#EFEDE7;
  color: #00385e;
}

.bg_gray_degrade {
  background: linear-gradient(#FFF 5.71%, #F5F5F5 95.04%);
}

.bg_gray_dark {
  background-color: #DCDCDC;
}

.bg_pink {
  background-color: #ff3859;
}

.bg_rose {
  background-color: #faebee!important;
}

.bg_white {
  background-color: #ffffff;
}

.bg_yellow {
  background-color: #ffd154;
}

.bg_green {
  background-color: #29BF8F!important;
} 


.bg_canard  {
  background-color: #008D97;
}

.bg_canard-pastel  {
  background-color: #e5f3f4;
}

.bg_ocean{
  background-color: #004B83;
} 

.bg_beige  {
  background-color: #FAF7F5;
}

.bg_ciel {
  background-color: #CBE8EA;
}

.bg_canard-pastel .big_numbers {
  color: #C9DDDE;
}

.bg_beige .big_numbers {
  color: #E5DBD5;
}

.bg_gray .big_numbers {
  color: #D1D1D1;
}

.bg_blue h1,
.bg_blue h2 {
  color: #ffffff;
}

.bg_blue h2 span {
  color : #ff3859;
}

.c_blue {
  color: #00385e!important;
}

.c_pink {
  color: #ff3859!important;
}

.c_yellow {
  color: #ffd154!important;
}

.c_white {
  color: #ffffff!important;
}

.c_gray {
  color: #797676!important;
} 

.c_green {
  color: #29BF8F!important;
} 


.c_canard  {
  color: #008D97!important;
}
/* fin COLOR color */

@media(min-width: 768px) {
  h1,
  .title1 {
    font-size: 50px;
    font-weight: 600;
    line-height: 55px;
  }

  .tagline {
    color: #00385e;
    font-weight: 600;
    font-size : 45px;
    line-height : 48px;
  }

  h2,
  .title2 {
    font-size: 40px;
    line-height: 42px;
    font-weight: 600;
  }

  h3,
  .title3 {
    font-size: 30px;
    line-height:36px;
    font-weight: 600;
  }

  h4,
  .title4 {
    font-size: 22px;
    line-height:26px;
    font-weight: 600;
  }

  h5,
  .title5{
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
  }

  h6,
  .title6{
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
  }

  .page_habiter  h1.title1,
  .page_investir h1.title1{
    font-size: 35px;
    line-height: 38px;
    color: #008D97;
    margin-bottom: 20px;
  }
  }
}
input.error + .cities-autocomplete-container {
  border-color: #ff3859;
}

.cities-autocomplete-container {
  min-height: 30px;
  min-width: 100px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: field; 
  padding: 0px;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  border: 2px solid #00385e;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 5px;
}

.ab_test-decrivez .cities-autocomplete-container {
  border: none;
}

.ab_test-decrivez .form-floating>.form-select {
  padding-top: 0.625rem;
  padding-bottom: .625rem;
}

input#autoComplete {
  height: 46px;
}

#cities-list {
  display: flex;
}

.city-selected {
  background-color: #00385e;
  color: white;
  margin: 8px 2.5px;
  padding: 2px 12px;
  font-size: 16px;
  border-radius: 20px;
  cursor: pointer;
}

.cities-autocomplete-container .city-selected:first-child {
  margin-left: 10px !important;
}

.cities-autocomplete-container .city-selected:nth-last-child(2) {
  margin-right: 5px !important;
}

.autoComplete_wrapper {
  margin: auto 0;
  width: 100%;
}

.autoComplete_wrapper input::placeholder {
  color: #797676 !important;
}

.autoComplete_wrapper>ul>li mark {
  color: #00385e !important;
}

.autoComplete_wrapper>input {
  border: none !important;
}

.no_result span {
  color: #00385e;
  margin-left: 10px;
}

/* End Magic by Vincent 
auto-complete ville */
form {
  max-width: 100%;
}

.hs-button {
  margin: 0;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  line-height: 1.1;
  position: relative;
  text-align: center;
  transition: all 0.15s linear;
  background-color: #ff3859;
  border-color: #ff3859;
  color: #fff !important;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  font-size: 1rem;
  padding: 13px 50px;
  white-space: normal;
  word-break: break-word;
  
  text-decoration: none;
  width: auto;
  height: auto;
}

form#searchEngine .btn,
.temoignages-chasseurs form .btn {
  border-radius : 5px !important;
}

.hs-button:hover, 
.hs-button:focus {
  background-color: #ff4c6d;
  border-color: #ff4c6d;
  color: #fff;
}

.hs-button:active {
  background-color: #ff4c6d;
  border-color: #ff4c6d;
}

.hs-form label {
  font-size: 16px;
  font-weight: 500;
  color: #00385e;
  display: block;
  float: none;
  width: auto;
  text-align: left;
  line-height: 1.2;
  padding-top: 0;
  margin-bottom: 8px;
}

.bg_blue .hs-form label {
  color: #ffffff;
}

.hs-error-msgs label {
  margin-top: .5rem;
  color: #f2545b;
}

/* Membership error message */
.form-input-validation-message ul {
  padding-left: 0;
  margin: 0;
}

.form-input-validation-message ul li {
  line-height: 1rem;
}

.hs-input {
  display: inline-block;
  width: 100%;
  height: 46px;
  padding: 9px 10px;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  background-color: #ffffff;
  border: 2px solid #00385e;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 5px;
}

form input,
form .hs-input,
form select,
form textarea {
  border-color: #00385e;
  color: #00385e;
}

.bg_gray form input, 
.bg_gray form .hs-input, 
.bg_gray form select, 
.bg_gray form textarea {
  border-color: #f5f5f5;
  color: #00385e;
}

.bg_blue form input, 
.bg_blue form .hs-input, 
.bg_blue form select, 
.bg_blue form textarea {
  border-color: #00385e;
  color: #00385e;
}

.bg_white form input, 
.bg_white form .hs-input, 
.bg_white form select, 
.bg_white form textarea {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  color: #00385e;
}

form fieldset {
  max-width: initial !important;
}

.contact form input,
.contact form .hs-input,
.contact form select,
.contact form textarea {
  border-color: #f5f5f5 ;
  color: #00385e;
}

.contact form input.hs-button,
.bg_white form input.hs-button {
  border-color: #ff3859 ;
  background-color: #ff3859;
}

#form_anglais form input.hs-button {
  border-color: #008D97 ;
  background-color: #008D97;
}

#form_anglais .actions {
  text-align: right;
}

#form_anglais .fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]) {
  height: 50px;
}


.hs-button,
.hs-form-field input[type=text],
.hs-form-field input[type=email],
.hs-form-field input[type=phone],
.hs-form-field input[type=number],
.hs-form-field input[type=tel],
.hs-form-field input[type=date],
.hs-form-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: 'Gilroy', serif;
}

.hs-input[type=checkbox],
.hs-input[type=radio] {
  cursor: pointer;
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 5px 3px 0px;
  line-height: normal;
  border: none;
}

.hs-input[type=file] {
  background-color: #fff;
  padding: 9px 10px;
  border: initial;
  line-height: initial;
  box-shadow: none;
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.hs-input input,
.hs-input textarea {
  transition: border 0.2s linear;
}
.hs-input:focus {
  outline: none;
  border-color: #788ca0;
}

textarea.hs-input {
  height: auto;
}

select[multiple].hs-input {
  height: inherit;
}

/* Force single column fields to full width inside of fieldsets */
fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]) {
  width: 100% !important;
}
input.hs-input.error,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {
  border-color: #ff3859;
}
input.hs-input.error:focus,
div.field.error input:focus,
div.field.error textarea:focus,
div.field.error .chzn-choices:focus,
textarea.hs-input.error:focus,
select.hs-input.error:focus {
  border-color: #b9554d;
}

.actions {
  padding: 0;
}

.inputs-list {
  margin: 0 0 5px;
  width: 100%;
  padding-left: 0;
}

.inputs-list > li {
  display: block;
  padding: 0;
  width: 100%;
  padding-top: 0;
}

.inputs-list label {
  display: block;
  float: none;
  width: auto;
  padding: 0;
  line-height: 18px;
  text-align: left;
  white-space: normal;
  font-weight: normal;
}

.inputs-list:first-child {
  padding-top: 6px;
}

.inputs-list > li + li {
  padding-top: 2px;
}

.inputs-list label > input,
.inputs-list label > span {
  vertical-align: middle;
}

ul.no-list {
  list-style: none;
}

.hs-form-field {
  margin-bottom: 8px;
}

.hs-fieldtype-textarea {
  margin-bottom: 0 !important;
}

.hs-field-desc {
  color: #00385e;
  margin: 0px 0px 6px;
  font-size: 16px;
}
.bg_blue .hs-field-desc {
  color: #ffffff;
}

.hs-form-required {
  color: #ff3859;
}

.hs-richtext {
  margin-bottom: 3px;
  line-height: 1.2;
  font-size: 1rem;
  color: #00385e;
}

.banner_header_form .hs-richtext {
  color: white;
}

.hs-richtext hr {
  text-align: left;
  margin-left: 0;
  width: 91%;
}

.grecaptcha-badge {
  margin: 0 auto;
}

.email-correction, .email-validation {
  padding-top: 3px;
  font-size: 12px;
}
.email-correction a,
.email-validation a {
  cursor: pointer;
}

/* overrides - à trier */
form,
.submitted-message {
  border-color: #00385e ;
}

h3.form-title {
  background-color: transparent;
  color: inherit;
  font-size:16px;
}


.form_aside {
  border-radius:5px;
}

form legend {
  color: #ffffff;
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
  color: #788ca0;
}

.fn-date-picker td.is-today .pika-button {
  color: #ff3859;
}

.fn-date-picker td.is-selected .pika-button {
  background: #ff3859;
}

.fn-date-picker td .pika-button:hover {
  background-color: #ff3859 !important;
}
/* end overrides - à trier */

/* form Landing page lp */
.form_lp .hs-form-field>label {
  display: none;
}
.form_lp textarea.hs-input {
  height: 80px;
}

.ab_test-decrivez textarea {
  height: 80px!important;
}

.page_rejoignez-nous .form_lp textarea.hs-input {
  height: 6em;
}

/* form contact bas de page */
.form_projet form.hs-form fieldset {
  max-width: none;
}
.form_projet textarea.hs-input {
  height: 100px;
}

.form_projet .hs-form-field>label {
  display: none;
}

/* RGPD case à cocher consentement*/

.legal-consent-container { 
  margin-bottom: 20px;
}

.legal-consent-container p { 
  line-height: 12px;
  font-size: 12px;
}

.legal-consent-container p:first-child { 
  margin-bottom: 12px;
}

.rgpd-text {
  font-size:70%;
  line-height:normal;
  margin: 0 ;
  padding:0;
}

/* FORM Contact */
#contactform label {
  display : none;
}

/* FORM app mobile */
.form_app_mobile .hs-input {
  background-color: #f5f5f5;
  border: 2px solid #f5f5f5;
}

.form_app_mobile input {
  width:100%;
}

.form_app_principal .hs-form label {
  display:none;
}

.form_app_mobile .content p {
  color: #00385e;
}

.form_app_mobile textarea.hs-input {
  height: 150px;
}

.form_app_mobile .logo {
  width: 250px;
  margin: 0 auto;
  display: block
}

/* form contact bas de page */

/* begin form page chasseurs */
.chasseurs-immobiliers #contactForm .form-2021-v1 .field label span {
  display: none!important; 
}

.chasseurs-immobiliers #contactForm .form-2021-v1 .hs-input {
  height: 40px;
}

.chasseurs-immobiliers #contactForm .form-2021-v1 .hs-fieldtype-textarea  {
  height: 60px;
}

.chasseurs-immobiliers #contactForm .form-2021-v1 .hs-richtext {
  margin-bottom: 0;
}
/* end form page chasseurs */

/* modal form page guide détails */

#hbspt-form-73f505fd-58fa-4bf8-8316-00bb462ca6d3 {
  display: none;
}
.form_contact_page .legal-consent-container,
.form_contact_page .legal-consent-container p:first-child {
  margin-bottom: 0px;
}

/* form contact aside - formulaire bleu présent sur les pages chasseurs v1 */
.bg_blue .form_contact .title4 {
  line-height: 22px !important;
  color: white !important;
}

.bg_blue .form_contact p {
  color: white !important;
}

.form_contact_aside .hs-form-field{
  width: 100% !important;
}
.logo-form {
  display: none;
}

/* module form contact maps */
.iframe_wrapper {
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative;
}

.embed_container {
  display: inline-block;
  height: 100%;
  position: relative;
}

.embed_container iframe {
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 20px;

}

.form_contact_maps .phone {
  color: #00385E; 
  font-weight: 600;
}

.form_contact_maps .actions {
  text-align: center;
}

.form_contact_maps #message-73221e74-9737-4883-b685-28086f710ca7 {
  height: 150px!important;
}

.form_contact_maps .phone{
  margin-left: 10px;
}

/* module form info compl */
.form_infos_compl fieldset {
  max-width: 100% !important;
}

.form_infos_compl .actions {
  clear: both;
  text-align: center;
}

/* css modal generique */
.modal {
  display: none; 
  position: fixed; 
  z-index: 100000; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: #111111b3!important;
}

.modal-content {
  background: none;
  margin: 10% auto;
  max-width: 680px;
  border:0 !important;
  height: auto;
}
.modal-content .hs_cos_wrapper_type_module {
  margin-top: 0;
}

.progress-bar-striped {
  background-image: none; 
}

.form_short .alert-info {
  background-color: #ebfdf8!important; 
  border-color: #ebfdf8!important; 
}

.human {
  height:80px;
}

.alert-primary {
  background-color: transparent !important;
  border-color: #ff3859 !important;
  color: #ff3859 !important;
  font-size: 14px !important;
}

/************** media queries *****************/
/***** MAX WIDTH *******/
@media (max-width: 400px) {
  form .form-columns-2 .hs-form-field .hs-input {
    width: 100% !important;
  }
}
@media (max-width: 400px),
  (min-device-width: 320px) and (max-device-width: 480px) {
    .hs-full-form .hs-input {
      width: 100% !important;
      max-width: 100% !important;
    }
    .email-correction form .form-columns-2 .hs-form-field,
    .email-correction form .form-columns-3 .hs-form-field,
    .email-validation form .form-columns-2 .hs-form-field,
    .email-validation form .form-columns-3 .hs-form-field {
      float: none;
      width: 100%;
    }
    .email-correction form .form-columns-2 .hs-form-field .hs-input,
    .email-correction form .form-columns-3 .hs-form-field .hs-input,
    .email-validation form .form-columns-2 .hs-form-field .hs-input,
    .email-validation form .form-columns-3 .hs-form-field .hs-input {
      width: 90%;
    }
    .email-correction form .form-columns-2 .hs-form-field input[type=checkbox],
    .email-correction form .form-columns-2 .hs-form-field input[type=radio],
    .email-correction form .form-columns-3 .hs-form-field input[type=checkbox],
    .email-correction form .form-columns-3 .hs-form-field input[type=radio],
    .email-validation form .form-columns-2 .hs-form-field input[type=checkbox],
    .email-validation form .form-columns-2 .hs-form-field input[type=radio],
    .email-validation form .form-columns-3 .hs-form-field input[type=checkbox],
    .email-validation form .form-columns-3 .hs-form-field input[type=radio] {
      width: 24px;
    }
    .input input {
      width: 100% !important;
    }
}
@media (max-width: 767px) {
  .form_app_mobile .input {
    margin : 0 !important;
  }
  .form_app_mobile .logo {
    width: 100%;
  }
}
/***** MIN WIDTH *******/
@media(min-width: 768px) {
  .modal-content {
    margin: 10% auto;
  }
  .human {
    width:50%; 
    height: inherit; 
  }
}
@media (min-width:992px){
  .sec_contact .bg_blue,
  .sec_form_projet .bg_blue {
    border-radius: 6px;
  }
  .iframe_wrapper {
    min-height: 400px;
  }
  #autoComplete{
    width: 100%;
  }
  .sec_contact .bg_blue {
    border-radius: 6px;
  }
  .logo-form {
    display: inherit;
    width: 100%;
  }
  .chasseurs-immobiliers .contactForm {
    border-radius: 10px; 
  }
}

@media (min-width: 1024px) {
  .page_chasseur #contactForm {
    position : absolute;
    top : 12%;
    right : 5%;
    width : 25%;
    z-index : 100;
  }
}
/** BEGIN MENUS BREADCRUMB **/

.fil_arianne {
  margin-top: 86px;
}

.fil_arianne .breadcrumb {
  color: #788ca0;
  font-size: 14px;
  font-weight: 400!important;
  text-decoration: none!important;
}

.fil_arianne .breadcrumb a {
  display: inline-flex!important;
  font-weight: 400!important;
  color: #788ca0;
}

.fil_arianne .breadcrumb a:hover {
  color: #00385e!important;
  text-decoration: none;
}

.fil_arianne .breadcrumb_list {
  display : block;
  overflow-x: scroll!important; 
  white-space: nowrap!important; 
}

.breadcrumb-detail .fil_arianne .breadcrumb {
  margin-bottom: 30px;
}

/************** media queries *****************/
@media (min-width: 767px) {
  .fil_arianne .breadcrumb_list {
    overflow-x: inherit!important; 
    white-space: inherit!important;
  }
}

/************** media queries *****************/
@media (min-width: 992px) {
  .fil_arianne {
    margin-top: 106px;
    margin-bottom: 20px;
  }
  
  .page_accueil .fil_arianne {
    margin-top: 86px;
  }
}

@media screen and (max-width: 768px) {
  .breadcrumb__list.r-list {
    display: block;
    overflow-x: scroll!important;
    white-space: nowrap!important;
  }

  ul.breadcrumb{
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
  }
}
.table {
  border: none;
  margin-bottom:0;
}

.table th,
.table td {
  background-color:#faf7f5;
  padding: 0.75rem;
  vertical-align: top;
  border: none;
}

.table tr {
  border-bottom: 1px solid #D1CAC5;
}
.table tr:last-child {
  border-bottom: none;
}

.table thead {
  border-bottom: 1px solid #dfdfdf;
}
.table thead th,
.table thead td {
  color: #00385e;
  font-weight: bold;
}
.table thead td:first-child {
  border-radius: 5px 0 0 0;
}

.table thead td:last-child {
  border-radius: 0 5px 0 0 ;
}

.table tbody tr:last-child td:first-child{
  border-radius: 0 0 0 5px;
}

.table tbody tr:last-child td:last-child{
  border-radius: 0 0 5px 0 ;
}

.table-green-bold { background-color: #8DDDDC !important;}
.table-green-medium { background-color:#CDEFEF !important;}
.table-green-light { background-color:#F0F8F8 !important;}



.tableau_tarifs .table thead td {
  color: #00385e;
}
.tableau_tarifs .table td {
  color: #00385e;
}



.localisation .content table  {
  overflow-x: scroll;
} 

.localisation .content table {
  border: none!important;
  width: 100%;
}

.localisation .content table td {
  background-color: #f5f5f5;
  padding-left: 20px!important;
  border: none;
  min-width: 100px;
  line-height: 18px;
}

.localisation .content table tr {
  border-bottom: 1px solid #e0e0e0;
}

.localisation .content table tr:last-child {
  border: none;
}

.localisation .content table td:first-child p {
  color: #00385e ; 
}

.localisation .content table tr:first-child td:first-child {
  border-radius: 5px 0 0 0;
}

.localisation .content table tr:first-child td:last-child {
  border-radius: 0 5px 0 0 ;
}

.localisation .content table tr:last-child td:first-child{
  border-radius: 0 0 0 5px;
}

.localisation .content table tr:last-child td:last-child{
  border-radius: 0 0 5px 0 ;
}




.invest_locatif .table th, 
.invest_locatif .table td {
  line-height: 18px;
  background-color: #f5f5f5;
}
 
.invest_locatif .table thead td {
text-transform: uppercase;
}

.invest_locatif .table td i{
  color: #888;
  font-weight: 400;
  font-style: normal;
}


.invest_locatif .table td.big_cell {
    line-height: 18px;
  background-color: #f5f5f5;
  color: #01385e;
}

.invest_locatif .table tr {
    border-bottom: 0;
}

.invest_locatif .table thead {
    border-bottom: 0;
}

.invest_locatif .table img {
  width: 80px;
  display: block;
  margin: 20px auto;
}

       /* Desktop styles - 70% width on screens >= 768px */
        @media (min-width: 768px) {
            .table-container {
                width: 70%;
                margin: 0 auto; /* Center the table */
            }
            .table-container-50 {
                width: 50%;
                margin: 0 auto; /* Center the table */
            }
        }


/* Contient tout les modules qui concernent les FAQ */
/*  Module - Content localisation faq invest auto */

.hs-accordion__item {
  background-color: white;
  padding: 30px;
  border-radius : 5px;
  -webkit-box-shadow: 9px 13px 15px 0 rgba(0,0,0,.1);
  box-shadow: 9px 13px 15px 0 rgba(0,0,0,.1);
}

.hs-accordion__item button {
  display: block;
  width: 100%;
  font-size: 1em;
  padding: 0 3em 0 0;
  cursor: pointer;
  border: 0 none;
  border-radius: 0;
  background-color: transparent;
  -webkit-appearance: none;
  position: relative;
  text-align: left;
  font-family: inherit;
}

.hs-accordion__item button * {
  pointer-events: none;
}

.hs-accordion__item:last-of-type button {
  border-bottom-color: transparent;
}

.hs-accordion__item button:focus {
  outline: none;
}

.hs-accordion__item button:hover {
  color: #00b9d6;
  opacity: .8;
}

.hs-accordion__item[aria-expanded=true] button {   /* [aria-expanded=true] means accordion will be 'open' */
  color: #00b9d6;
  border-bottom-color: #00b9d6;
}

.hs-accordion__item-icon {              /* Icon styles */
  position: absolute;
  top: 22px;
  right: 1em;
  -webkit-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  pointer-events: none;
}

.hs-accordion__item-icon:before {   
  color: #ff3859;
  content: "⌄";
  display: inline-block;
  float: right;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 14px;
  -webkit-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.hs-accordion__item[aria-expanded=true] .hs-accordion__item-icon:before  {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.hs-accordion__item main {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: opacity .3s ease-out .2s, max-height .3s ease-out;
  -o-transition: opacity .3s ease-out .2s, max-height .3s ease-out;
  transition: opacity .3s ease-out .2s, max-height .3s ease-out;
  line-height: 1.6;
  display: block;
}

.hs-accordion__item[aria-expanded=true] main {
  opacity: 1;
  max-height: 100%;
  -webkit-transition: opacity .5s ease-in, max-height .5s ease-in;
  -o-transition: opacity .5s ease-in, max-height .5s ease-in;
  transition: opacity .5s ease-in, max-height .5s ease-in;
}

.hs-accordion__item-content a {
  color: #ff3859;
  cursor:pointer;
  text-decoration:none;
}

.hs-accordion__item-content p {
  margin-top: 5px;
  margin-bottom: 15px;
}

.hs-accordion .link {
  color: #00385e ;
}

.hs-accordion__item-content a .fa-stack {
  transition: transform 0.5s;
} 

.hs-accordion__item-content a:hover .fa-stack{
  transform: translateX(8px);
}

.hs-accordion__item-content a:hover .link .font-weight-bold{
  color: #ff3859 ;
}



.faq_question {
  font-weight: bold;
  color: #00385e;
  font-size: 20px;
} 
.faq_localisation a.link { 
  color: #00385e;
  display: block;
}
.faq_localisation p {
  margin-bottom : 5px;
}
.faq_localisation a.link:hover{
  text-decoration:none;
}
.faq_localisation a.link .link_text:hover{
  color: #ff3859;
}
.faq_localisation a.link .fa-stack {
  transition: transform 0.5s;
} 
.faq_localisation a.link:hover .fa-stack{
  transform: translateX(8px);
}



.faq_invest .hs-accordion__item {
  margin-bottom: 15px!important;
}
.faq_invest .hs-accordion__item-content p {
  color: #797676; 
}
.faq_invest .hs-accordion__item-content a{
  color: #797676; 
}
.parents_conseils .hs-accordion__item {
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-radius: 0;
  padding: 20px 10px;
  box-shadow: none;
}
.hs-accordion__item-content {
  padding-top: 20px;
}
.hs-accordion__item-content .read-more i {
  color: #ff3859;
}

.bloc_faq .hs-accordion__item {
  padding: 30px;
  border-radius : 0;
  box-shadow: none;
  border-bottom: 1px solid #d9d9d9;
}

.bloc_faq .faq_question {
  font-weight: bold;
  color: #00385e;
  font-size: 18px;
  line-height: 24px;
  display: inline-block;
  padding-left: 10px;
  margin-bottom: 0;
}

.bloc_faq picture {
  width: 40px;
  display: inline-block;
}

.link {
  padding-right: 25px;
}

/************** media queries *****************/
@media(min-width: 768px) {
  .parents_conseils .hs-accordion__item-icon {              /* Icon styles */
    top: 0;
    right: 1em;
  }
  .bloc_faq .faq_question {
    font-size: 20px;
  }
  .bloc_faq picture {
    width: 60px;
  }
  .parents_conseils .hs-accordion__item-content {
    padding-left: 10px;
    padding-right: 48px;
  }
}

.logo_reassurance {
  filter: grayscale(1);
  padding: 10px 30px;
}

.ab_test-decrivez .logo_reassurance {
  filter: grayscale(1);
  padding: 0 10px 0 0;
  width: 15%;
}

.ab_test-decrivez .banner_header_lp {
  margin-top: 90px !important;
}


 
.comparatif-mci .legende {
  font-size: 12px;
}
.comparatif-mci .content {
  line-height: 1.4;
}



.box_article .card-img {
  height: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
}
.card-text{
  padding: 10px;
}
.card-text h3 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
}
.card-text p {
  font-size: 16px;
  line-height: 20px;
}
.contact_agence a {
  font-weight: normal;
  color: #00385e;
}
.contact_agence a:hover,
.contact_agence a:link,
.contact_agence a:visited,
.contact_agence a:active {
  text-decoration: none;
}
.contact_agence a:hover h3 {
  color: #ff3859;
}




.content ul.arguments li:before {
  display:none;
}
.content_bureaux .picto_argument i {
  color: #008D97;
}
.content ul.arguments {
  padding-inline-start: 0;
}
.content ul.arguments li{
  margin-bottom:16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dfdfdf;
}
.content ul.arguments li:last-child{
  border-bottom: 0;
  margin-bottom:0;
  padding-bottom: 0;
}
.content ul.arguments p{
  margin-bottom:0;
  color:#00385e;
  font-size: 18px;
  font-weight: 700;
}
.content ul.arguments li a:hover{
  text-decoration: none;
  color:#ff3859;
}
.content ul.arguments li a:hover p{
  color:#ff3859;
}
.content img {
  border-radius:5px;
}
.content h1 {
  color: #00385e;
  text-transform: uppercase;
  font-weight: bold;
}
.box_schema img {
  width: 100%;
}




.bureau_recherches .card-footer-testimonials {
  border-top: 1px solid #E5E5E5;
}

.bureau_recherches .subtitle {
  font-size: 16px;
  margin-bottom: 0px;
  text-transform: uppercase; 
  color: #00385e;
}

.bureau_recherches .mission {
  font-size: 12px;
  font-weight: 400;
}

.bureau_recherches .contact_chasseur {
  color: #00385E;
}

.bureau_recherches .card-search p:first-child {
  font-size: 14px;
}

.bureau_recherches .card-search .recherche {
  font-size: 16px;
}

.bureau_recherches .card-body{
  background-color: #F5F5F5!important;
  border: none!important;
}

.bureau_recherches .card-chasseur__id {
  font-size: 12px;
}



.edito .edito_ancre {
  padding-top: 30px;
}
.edito select{
  height:50px;
  width:280px;
  background-color: #f5f5f5;
  padding: 10px;
  border-color: transparent;
  color: #00385e;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.edito select option {
  color: #00385e;
  font-size: 16px;
  font-weight: 600;
}



.libre .content_free {
  padding-top:80px;
  padding-bottom:80px;
}
.libre .content h2 {
  font-weight:500;
  margin-bottom: 30px;
} 
.libre .content p {
  color:#787878;
  margin-bottom: 30px;
}
.footer .pt-xl {
  padding-top: 70px;
}




.localisation_data .bg_gray {
  border-radius: 5px;
}
table.budget,
table.prix_m2{
  width:100%;
}
table.budget td,
table.prix_m2 td{
  width:50%;
}
table.budget td{
  padding: 12px 0;
}
table.prix_m2 td{
  color: #787878;
  text-align:center;
}
table.budget tr:first-child{
  border-bottom: 1px solid #e0e0e0;
}
table.budget .prices{
  color: #787878;
  text-align:right;
}
table.prix_m2 td.prices{
  font-size: 24px;
  color: #00385e;
}
table.prix_m2 td:last-child{
  border-left: 1px solid #e0e0e0;
}
.slider-img {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}




.data_city *[class^="col"] {
  display:flex;
}
.data_city *[class^="col"] .bg_gray {
  width: 100%;
}
.data_city *[class^="col"] i {
  font-size: 30px;
}
.data_city ul {
  padding-left: 30px;
}
.data {
  font-size: 35px;
  line-height: 35px;
  font-weight: bold;
  color: #FF3859;
}
.data_type {
  font-size: 20px;
  line-height: 25px;
}



.page_parrainage .sec_content picture img {
  border-radius:50%; 
}


.no-webp .cta_habiter{
  background-image: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/image/module/vignette-habiter.jpg');
}

.webp .cta_habiter{
  background-image: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/image/module/vignette-habiter.webp');
}

.no-webp .cta_investir{
  background-image: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/image/module/vignette-investir.jpg');
}

.webp .cta_investir{
  background-image: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/image/module/vignette-investir.webp');
}


.container_px {
  padding-left:  120px;
  padding-right:  120px;
}
.container_py {
  padding-top:  50px;
  padding-bottom:  50px;
}

.my-negatif {
  padding-top: 70px;
  padding-bottom: 70px;
  margin-top: 0;
}
.mt-negatif {
  margin-top: 0;
}
.mb-negatif {
  margin-top: 0;
}
.pt-xl {
  padding-top: 70px;
}
.pb-xl {
  padding-bottom: 70px;
}
.pt-lg {
  padding-top: 40px;
}
.pt-lg {
  padding-top: 40px;
}
.pt-md {
  padding-top: 40px;
}
.pb-md {
  padding-bottom: 40px;
}

/* ELEMENTS */

.cursor_pointer {
  cursor: pointer;
}

.faq_detail .category {
  margin: 0 auto;
}

/* chevron */
.link_picto .fa-stack {
  font-size: 11px;
  display:inline-block;
  margin-left: 5px;
}
.link_picto .fa-stack i,
.link_picto .fa-stack span { 
  vertical-align: middle; 
}
.link_picto .fa-chevron-circle-right {
  color : #ffffff;
}
.link_picto .fa-circle {
  color : #ff3859;
}
.swiper-wrapper a .fa-stack {
  transition: transform 0.5s;
} 
.swiper-wrapper a:hover .fa-stack{
  transform: translateX(8px);
}
.swiper-wrapper a .link_picto  {
  transition: transform 0.5s;
} 
.swiper-wrapper a:hover .link_picto {
  transform: translateX(7px);
}



.bloc_blue_cta {
  border-radius: 5px;
}



.hub_testimonials {
  z-index: 5 !important;
  position: relative;
  padding-top: 250px;
}

.hub_testimonials  .card_testimonial {
  display: block;
  text-align: center;
  font-size: 18px;
  border-radius: 10px;
  text-decoration: none !important;
  -webkit-box-shadow: 20px 20px 40px 0 rgba(0,0,0,.1);
  box-shadow: 20px 20px 40px 0 rgba(0,0,0,.1);
}

.hub_testimonials .testimonial_img {
  background-color: gray;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 200px;
  border-radius: 10px 10px 0 0;
}

.hub_testimonials .card-text {
  padding:30px;
}

.hub_testimonials .card-text .testimonial_name {
  font-weight: 700;
}

.hub_testimonials .card-text .testimonial_city {
  color: #00385e;
  margin-bottom: 20px;
  font-size: 0.8em;
}

.hub_testimonials .card-text .testimonial_text {
  color: #00385e !important;
  line-height: 24px;
  font-weight: 700;
}

.fa-quote-right,
.fa-quote-left {
  color: #ff3859;
}

.swiper-pagination-bullet-active {
  background-color: #ff3859 !important;
}


.content img {
  border-radius: 5px;
}


.around {
  color: #fff;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 20px;
}

.around .box_opacity {
  height:100%;
  padding: 105px 30px;
  background-color: rgba(0,0,0,.4);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content : center; 
}

.around .title3 {
  color: #ffffff !important;
  margin-bottom: 32px;
}

.region .around .box_opacity {
  padding: 100px 50px;
}

.region .around .title3 {
  margin-bottom: 0;
}

.content ul {
  list-style: none;
}

.content ul li::before {
  content: "•";
  color: #ff3859;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.slider_localisation_around {
  overflow: hidden;
  width: 100%;
  height: auto;
}

.slider_localisation_around .swiper-slide {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: white;
  border-radius: 20px;
  text-decoration: none !important;
  position: relative;
  height:130px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.slider_localisation_around .box_opacity {
  height: 100%;
  padding: 105px 30px;
  background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 90%);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider_localisation_around .name {
  line-height: 24px;
}

/* col droite picto (page localisation)*/
.picto .fa-stack {
  font-size: 18px;
  margin-left:0;
}

.picto .fa-inverse {
  color : #00385e;
}

.picto .fa-circle {
  color : #f5f5f5;
}



.localisation_hub .list ul{
  padding-left:0;
}

.localisation_hub .list li{
  font-size: 18px;
  line-height: 1.2;
  font-weight:500;
  list-style:none;
  width: 100%;
}

.localisation_hub  .list li a{
  color:#00385e;
}

.localisation_hub  .list li a:hover{
  color: #ff3859;
  text-decoration:none;
}

.link_cities .vignette {
  display: block;
  position: relative;
  height:80px;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: white;
  text-decoration: none !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.link_cities .vignette .box_opacity {
  height: 100%;
  padding: 60px 30px;
  background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 80%);
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.link_cities .vignette .name {
  line-height: 20px;
}

.page_accueil .link_cities .vignette .name,
.maillages_villes_cartes .link_cities .vignette .name {
  font-size: 20px;
}

.link_cities a .link_picto {
  transition: transform .5s;
}

.link_cities a:hover .link_picto {
  transform: translateX(7px);
}

.link_cities a:hover  {
  color: white;
}

.link_page {
  display: block;
  text-align: right;
  margin-right: 15px;
  text-decoration: underline;
  font-size: 18px;
  font-weight: 600;
}

.region {
  margin-bottom: 25px;

}
.region a {
  text-decoration: none;
}

.item_chasseur {
  font-size: 14px;
  font-weight: 400;
}

.item_ville {
  font-size: 14px;
  font-weight: 600;
}

.localisation_around  ul.list{
  padding-left:0;
}

.localisation_around .list li{
  font-size: 18px;
  line-height: 1.2;
  font-weight:500;
  list-style:none;
  width: 100%;
}

.quartier .localisation_around .list li{
  width: 50%;
}

.img_around {
  border-radius: 5px;
  text-decoration: none !important;
  position: relative;
  height:50px;
  width: 100px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: inline-block;
}

.quartier .img_around {
  height: 40px;
  width: 50px;
}

.localisation_around  .list li a{
  color: #00385e;
}

.localisation_around  .list li a span{
  font-size:18px;
}

.localisation_around  .list li a:hover{
  color: #ff3859;
  text-decoration:none;
}



.faq_hub .category {
  border: 1px solid #00385e;
  color: #00385e;
  font-size: 13px;
  font-weight: 600;
  padding: 3px 15px;
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  border-radius: 30px;
}

.card_maillage {
  display:block;
  margin-bottom: 15px;
  background-color: #f5f5f5;
  padding: 30px;
  border-radius: 5px;
  -webkit-box-shadow: 9px 13px 15px 0 rgba(0,0,0,.1);
  box-shadow: 9px 13px 15px 0 rgba(0,0,0,.1);
  height:  100%; 
  display: flex;
  align-items: center;
}

.card_maillage .fa-stack,
.link_maillage .fa-stack {
  transition: transform 0.5s;
}

.card_maillage:hover .fa-stack,
.link_maillage:hover .fa-stack{
  transform: translateX(10px);
}

.card_maillage .title3{
  font-size: 22px; 
  line-height:28px;
  margin-bottom:20px;
}

.link_maillage .title3{
  font-size: 16px;
  line-height:18px;
  margin-bottom:0;
}

a.card_maillage:hover {
  text-decoration: none; 
}

a.link_maillage:hover {
  text-decoration: none; 
}



.dnd-section > .row-fluid {
  max-width: 1140px;
}

.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #f5f5f5;
}

.dnd-section > .row-fluid {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.dnd-section .widget-type-cell {
  padding-left: 15px;
  padding-right: 15px;
}


.services .mt-negatif {
  margin-top: 0;
}

.services .mt-negatif .dnd-section {
  padding-top: 40px;
}

.services .dnd-section {
  padding-bottom: 40px;
}

.services .pb-md {
  padding-bottom: 40px;
}


body .icon svg {
  fill: #00385e;
}

body .team-member__description {
  background-color: #f5f5f5;
}


.lp_retro .sec_contact .bg_white .tagline {
  color: #00385e;
  font-size: 40px;
  font-weight:500;
  font-family: 'Gilroy', serif !important;
}
.lp_retro .sec_contact .bg_white .mb-5 {
  margin-bottom:16px !important;
}

.lp_retro .sec_contact .hs-input {
  border: 1px solid #00385e !important;
}
.lp_retro .sec_contact .hs-button {
  background-color: #29BF8F;
  border-color: #29BF8F;
}


.page_hub_services .content a {
  display: block;
  text-decoration: underline;
  font-size: 18px;
}

.page_hub_services .content a {
  display: block;
}

.page_services .content a,
.page_tarifs .content a {
  display: block;
  text-decoration: underline;
  font-size: 18px;
  font-weight: 600;
} 


.sec_ilsparlentdenous a#cta_button {
  margin: 0 auto;
}



.circle_color {
  position: relative; 
  top: 50px;
  z-index: -5;
}

.numbers .card__content p {
  font-size: 18px;
}

.numbers {
  padding: 30px;
}

/************** media queries *****************/

/******* MAX WIDTH ********/
@media (max-width: 768px) {
  .dnd-section .widget-type-cell {
    padding-left: 0px;
    padding-right: 0px;
  }
  .link_cities .col-6 {
    padding-right: 4px;
    padding-left: 4px;
  }
}
/******* MIN WIDTH ********/
@media(min-width: 576px) {
  
  .my-negatif  {
    padding-top: 100px;
    padding-bottom: 70px;
  }
  .pt-lg {
    padding-top: 50px;
  }
}

@media (min-width:768px) {
  .numbers {
    padding: 0px;
  }
  .localisation_around .list li{
    width: 50%;
  }
  .quartier .localisation_around .list li {
    width: 33%;
  }
  .quartier .img_around {
    height: 50px;
    width: 100px;
  }
  .link_cities .vignette {
    height: 130px;
    font-size: 20px;
  }
  .btn {
    width: max-content;
  }
  .mx-auto .btn {
    margin: 0 auto;
  }
  
  .localisation_hub .list li{
    width: 50%;
  }
  
  .edito .sec_faq .bg_gray,
  .edito .sec_cta .bg_blue{
    border-radius: 5px;
  }
  .edito .sec_contact {
    margin-top: -430px;
  }
  .page_accueil .maillage_france .pt-xl {
    padding-top: 120px;
  }
  
  .services .mt-negatif {
    margin-top: 0;
  }
  .services .mt-negatif .dnd-section {
    padding-top: 70px;
  }
  .services .dnd-section {
    padding-bottom: 70px;
  }
  
  .page_hub_services .content a {
    display: inline-block;
  }
}

@media (min-width:992px) {
  .services .mt-negatif {
    margin-top: -200px;
  }
  .lp_investir_generique .sec_articles {
    margin-top: -150px;
    padding-top: 220px;
  }
  .lp_investir_generique .sec_contenu {
    padding-top: 380px !important;
  }
  .services .mt-negatif .dnd-section {
    padding-top: 210px;
  }
  .sec_arguments .bg_blue {
    border-radius: 5px;
  }
  .container_py {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .lp_outbrain .container_py {
    margin-top: -175px;
    padding-top: 240px;
    padding-bottom: 70px;
  }
  
  .my-negatif {
    margin-top: -300px;
    margin-bottom: -300px;
    padding-top: 450px;
    padding-bottom: 400px;
    z-index: 5 ;
    position: relative;
  }
  .page_lp .my-negatif {
    padding-top: 400px !important;
  } 
  .page_decrire_projet .my-negatif,
  .page_rejoignez-nous .my-negatif {
    margin-bottom: -40px;
    padding-top: 400px;
    padding-bottom: 110px;
    position: inherit;
  }
  .mt-negatif {
    padding-top:70px;
    margin-top: -300px;
    z-index: 5 ;
    position: relative;
  }
  .top-negatif-lg {
    margin-top: -175px;
    padding-top: 175px;
    z-index: 5 ;
    position: relative;
  }
  .mb-negatif {
    margin-bottom: -410px;
    z-index: 5 ;
    position: relative;
  }
  .contact .mb-negatif {
    margin-bottom: -220px;
  }
  .pt-xl {
    padding-top: 410px;
  }
  .contact_merci .pt-xl {
    padding-top: 150px;
  }
  .contact_merci .mt-negatif {
    margin-top: -100px !important;
  }
  .pt-lg {
    padding-top: 90px;
  }
  .pt-md {
    padding-top: 70px;
  }
  .pb-xl {
    padding-bottom: 320px;
  }
  .pb-md {
    padding-bottom: 70px;
  }
  
  .lp_retro .footer_lp .bg_blue {
    margin-top: 0;
  }
  .page_rejoignez-nous .sec_arguments .bg_blue {
    border-radius: 5px 5px 0 0 ;
  }
  .edito .edito_ancre {
    padding-top: 30px;
  }
  .edito select{
    width:350px;
  }
}

@media(min-width: 1200px) {
  
  .localisation_hub .list li{
    width: 33%;
  }
  .page_regions .localisation_hub .list li{
    width: 100%;
  }
  .localisation_data .title2 {
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
  }
  .region .localisation_around .list li {
    width: 33%;
  }

  .quartier .localisation_around .list li {
    width: 20%;
  }
} 
.body-container__landing .dnd-section:nth-child(odd) {
  background-color: #f5f5f5
}

.banner_header_lp.bg_gray {
  margin-top: 80px !important;
}


.lp_leadgen #hs_cos_wrapper_module_164986088886315 {
  display : none;
}

.lp_leadgen .navbar #cta_button_f2235aaa-f09d-4451-9294-932d8486f96b {
  display : none !important;
}



.lp_leadgen .section_form {
  margin-top: -50px;
}

.lp_leadgen .RvUNG {
  margin-top: 0px !important;
  margin-bottom: 184px;
}

.lp_leadgen .typeform iframe .hMBVcY {
  top: initial !important;
  bottom: 0px !important;
}

.lp_leadgen .banner_header_lp{ 
  margin-top: 75px;
}

.lp_leadgen h2  {
  font-weight: 500 !important;
}
 
.bg_yellow.sec_testimonials h2 span {
  background-color: white;
}

.lp_leadgen.bg_gray.sec_testimonials h2 span {
  background-color:#ffd154;
}

.bg_blue.arguments_full h2 span {
  background-color:#ff3859;
}

.bloc_comparatif-mci .cta {
  display: none;
}




.lp_new-form .section_form {
  background-color: #ffffff;
  border-radius: 10px;
}

.lp_new-form .section_form p {
  color: #00385e;
}

.lp_new-form .form-control,
.lp_new-form .cities-autocomplete-container{
  background-color: #ffffff;
}

.lp_new-form .section_form {
  margin-top: -50px;
}

.lp_new-form .bg_blue form input, 
.lp_new-form .bg_blue form .hs-input,
.lp_new-form .bg_blue form select, 
.lp_new-form .bg_blue form textarea {
  border-color: #008D97;
  color: white;
}

.banner_header_lp .section_typeform h1 {
  color: #00385e;
}

.lp_leadgen .banner_header_lp .avatar {
  border-radius: 20%; 
}





.landing_sea .badge_left {
  top: -8px;
  font-weight: 400!important;
  padding-right: 10px;
  padding-left: 10px;
}

.landing_sea .badge_right {
  top: -8px;
  right: 20px;
  font-weight: 400!important;
  padding-right: 10px;
  padding-left: 10px;
}

.landing_sea .bar {
  background-color: #00385E;
  height: 80%;
  right: 49.5%;
  position: absolute;
  top: 144px;
  width: 8px;
  z-index: 0;
}

.landing_sea .banner_header {
  margin-top: 100px;
}

.landing_sea .image_section4 {
  width: 150px;
  position: absolute;
  top: -40px;
  right: -40px;
}

.landing_sea .image_section6 {
  width: 200px;
  position: absolute;
  bottom: 0px;
  right: -40px;
}

.navbar_lp .navbar {
  justify-content: space-between;
}



.social-links__icon {
  display: inline-block;
  position: relative;
  background-color: #044978;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0 5px;
}
.social-links__icon:hover {
  background-color: #00385e;
}
.social-links__icon svg {
  fill: #fff;
  height: 15px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
  fill: #ff3859;
}


.text_img_switch .big_numbers {
 position: absolute; 
 font-size: 80px;
 top: -60px;
 left: 30px; 
}

.switch-box h3 {
  margin-bottom: 20px;
}

.text_img_switch .switch-box {
    padding: 40px 20px 40px 20px;
}

.switch__media .image img {
  right: -60px;
  bottom: -30px;
  z-index: 1;
}

.text_img_switch .switch__text ul {
  list-style: none;
  font-size: 18px;
}

.text_img_switch .switch__text li:nth-child(-n+2) {
  padding-bottom: 20px;
}

.text_img_switch .switch__text ul li::before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  margin-right: 15px;
  font-size: 1.5rem;
  display: inline-block; 
  margin-left: -1.5em;
}

.text_img_switch .switch-box {
  padding: 30px;
  border-radius: 20px;
}

.text_img_switch .switch__media img {
  width: 100%;
  height: auto;
}

.text_img_switch  .switch__media {
  padding-right: 0 !important;
  padding-left: 0!important;
}

.text_img_switch li span {
  font-weight: 600;
  color: #008D97;
}

/************** media queries module text_img_swith *****************/
@media (min-width: 765px) {

  .text_img_switch .switch__media img {
    width: inherit;
    height: auto;
    }
}

@media (min-width:992px){

  .switch__media .image img {
     right: inherit;
     bottom: inherit;
  }
  
  .text_img_switch .big_numbers {
   position: absolute; 
   font-size: 250px;
   top: 0px;
   left: -60px;  
  }
  
  .text_img_switch .left-join .big_numbers {
   left: 500px!important;
  }
  
  .text_img_switch .switch-box {
    padding: 70px 140px 70px 95px;
  }

  .text_img_switch .right-join ~ .switch__media{
    transform: translateX(-76px);
  }

  .text_img_switch .left-join ~ .switch__media{
    transform: translateX(76px);
  }
}

@media (min-width:1200px){

  .text_img_switch .right-join ~ .switch__media {
    transform: translateX(-76px);
  }

  .text_img_switch .left-join ~ .switch__media {
    transform: translateX(76px);
  }
}

@media (min-width:1400px){

  .text_img_switch .right-join ~ .switch__media{
    transform: translateX(-76px);
  }

  .text_img_switch .left-join ~ .switch__media{
    transform: translateX(143px);
  }
}

/************** media queries *****************/
@media(min-width: 768px) {
  .lp_leadgen .section_form {
    margin-top: -70px;
  }
}
@media(min-width: 991px) {
  
  .lp_achat_immobilier .sec_testimonials {
    margin-top: -200px;
    margin-bottom: -200px;
    padding-top: 300px;
    padding-bottom: 300px;
  }
  
  .lp_leadgen .banner_header_lp{ 
    margin-top: 110px;
  }
  .lp_leadgen .section_form {
    border-radius: 20px 20px 0 0;
  }
  .lp_leadgen .banner_photo img,
  .lp_new-form .section_typeform img {
    width: 120px;
  }
}
/********************************************** header banner des pages ************************************************************/
.banner_header_histoire {
  z-index: 10 !important;
  position: relative;
  margin-top: 56px;
}

p.description, .breadcrumb{
  width: 100%;
}

.banner_header_histoire .box_content {
  z-index:50 !important;
  margin-top: 30px;
}

.banner_header_histoire .box_img {
  z-index:20 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.banner_header_histoire .title-principal{
  font-size: 40px;
  margin-bottom: 32px;
  font-family: 'Gilroy', serif;
  font-weight: 600;
  line-height: 1;
}

.banner_header_histoire h1 {
  margin-bottom: 20px;
}

.banner_header_histoire .box_content .introduction {
  padding-bottom: 10px;
}

.banner_header_histoire .box_content .title-principal, 
.banner_header_histoire .box_content .introduction {
  color: #00385e;
}

.banner_header_new .box_content .description {
  font-size: 18px;
}


.sec_histoires {
  margin-top : 50px;
}

.card_histoire {
  display: block;
  height: 100%;
  flex-grow: 1;
  position: relative;
  background-color: #f5f5f5;
  color: #00385e; 
  text-decoration: none;
}

a.card_histoire:hover,
a.card_histoire:focus{
  text-decoration: none !important; 
}

.card_histoire .block_img .img_bg {
  height: 100%;
  object-fit: cover;
  min-height: 125px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px 20px 0px 0px;
}

.card_histoire .fa-arrow-right {
  position: absolute;
  right: 25px;
  margin-top: 100px;
  bottom: 10px;
  animation : bounce .8s ease infinite alternate; 
}

.card_histoire .block_img {
  height: 125px;
  overflow: hidden; 
  border-radius: 20px 20px 0px 0px;
}

.card_histoire .block_img .img_bg:hover {
  transform: scale(1.1);
  transition: transform .3s ease;
}



.block_header .bg_header {
  background-size : cover;
  background-position : center; 
  background-repeat : no-repeat;
  padding: 10px;
  height : 100px;
}

.block_header {
  background-image: url('https://4908951.fs1.hubspotusercontent-na1.net/hubfs/4908951/2020-website-mci/image/histoires_chasse/banner_plan_1.jpg');
  background-repeat: repeat-x; 
  padding-top: 100px;
  background-size : 140% 70%;
  margin-top : -80px;
}

.banner_card .banner_card_item {
  height : 150px;
  width : 150px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); 
}

.bulle_chasseur{
  border-radius : 0 20px 20px 20px;
}


/******************************************************** media queries ***********************************************************/

@media(min-width: 576px) {
  .banner_header_histoire .img_banner{
    border-radius: 5px;
  }

  .banner_header_histoire .box_content .introduction {
    padding-bottom: 32px;
  }   
}

@media(min-width: 768px) {
  .banner_header_histoire .box_content h1 {
    font-size: 50px;
    font-weight: 600;
    line-height: 55px;
    margin-bottom : 32px;
    color : #00385e;
  }

  .banner_header_histoire .box_content {
    padding-bottom: 50px;
    margin-top: 30px;
  }
  
  
}

@media (min-width: 992px) {
  .banner_header_histoire .box_content .title-principal {
    font-weight: 600;
    font-size: 50px;
  }
  
  .box_image img {
    left: 0px;
  }

  .banner_header_histoire .box_content .introduction {
    padding-bottom: 32px;
  } 
  
  .quote i {
  font-size : 10em;
  position : absolute;
}

.quote.quote-right i{
  right : 0;
  bottom : 0;
}
}

@media (max-width :767px){

  .block_header {
    margin-top : 100px;
    background-image: none;
    padding-top : 0;
  }

  .photo_ville_profil{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-80px);
  }

  .photo_ville_profil img{
    max-width : 150px; 
  }

  .quote-left, .quote-right {
    display: none;
  }

  .bulle_chasseur {
    margin-top: 1rem;
  }

  .responsive-padding {
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 12px;
    margin-right: 12px;
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
  }
}
.footer,
.footer p,
.footer ul a {
  font-size: 12px !important; 
}

.footer ul a {
  padding: 0 0 10px 0 !important;
  font-weight: 400;
  display: inline-block;
}

.footer ul  {
  list-style: none;
  padding-left: 0;
}

.footer .horaire { 
  color: #797676;
  font-size: 12px;
}

address {
  margin-bottom :0;
}

.footer a { 
  color: #00385e;
}

.footer .bg_blue a { 
  color: white ;
}

.footer .link_city .hs-menu-depth-1>a {
  text-transform: initial;
  color: #00385e;
  padding-right: 8px;
  font-weight: 400;
  line-height: 1;
}

.footer .item_footer {
  text-transform: uppercase;
  font-weight: 700;
  color: #00385e;
  margin-bottom : 5px;
}

.footer .underline{
  display: inline-flex;
  flex-direction: column-reverse;
  height: 13px;
}

.footer .inscription_newsletter {
  background-color: #d6e0e7 ;
}

.footer .inscription_newsletter form input.hs-input { 
    border-color: white !important;
    background-color: white !important;
}

.footer_bottom .hs-menu-wrapper ul {
  flex-direction: column;
}


.footer_lp .footer_part4 a {
  color: #797676 !important;
  font-size: 14px;
  padding: 0 5px;
}

.footer_lp .footer_part4 a:hover {
  color: #ff3859 !important;
}
  

.hs-content-id-32107779823 .footer .pt-xl {
  padding-top: 70px !important;
}


.footer_lp {
  margin-bottom:70px;
} 


  
.bottom-fixed-cta {
  position:fixed;
  bottom: 15px;
  left: 20px;
  right: 20px;
  width: auto;
  line-height: 0px;
  z-index:500;
  border-radius:6px;
}

.bottom-fixed-cta .btn-outline-primary {
  border-color: transparent;
}

.bottom-fixed-cta .btn {
  min-width: 0;
}

#mobile_ctas .cta_left {
  border-right: 1px solid #ffffff;
  border-radius: 0;
}

.bottom-fixed-cta a {
  margin: 0 auto !important;
}

.page_lp .bottom-fixed-cta {
  position:fixed;
  bottom: 15px;
  left: 20px;
  right: 20px;
  width: auto;
  line-height: 0px;
  background-color: #ff3859;
  z-index:500;
  border-radius:6px;
}

.page_lp .bottom-fixed-cta .container {
  padding: 0 20px;
}

.page_lp .bottom-fixed-cta a {
  width: auto;
}

.page_lp .bottom-fixed-cta .btn-outline-primary {
  border-color: transparent;
}



.lp_lcl .content_2 {
  margin: 48px 0;
}

.mobile_cta_home a {
  font-size: 14px;
}
 
/************** media queries *****************/

@media (min-width: 768px) {
  .link_rights {
    border-top: 1px solid #DCDCDC;
  }
  .footer_top_contact {
    border-bottom: 1px solid #DCDCDC;
  }
}

@media (min-width:992px) {
  
  .footer_lp {
    margin-bottom:0;
  }   
  .page_decrire_projet .footer_lp .bg_blue {
    margin-top: 0;
  }
  .footer_lp .bg_blue {
    border-radius:5px;
    margin-top:-40px;
  }
  .lp_lcl .footer_lp .bg_blue {
    margin-top: 0;
  }
  .page_rejoignez-nous .footer_lp .bg_blue {
    border-radius: 0 0 5px 5px;
  }
  .page_classic .footer_lp .bg_blue {;
    margin-top: 0;
  }
  #hs_menu_wrapper_localisation ul {
    display: flex;
  }
  #hs_cos_wrapper_misc ul,
  #hs_cos_wrapper_misc ul li{
    display: flex !important;
  }
}

@media (min-width: 1200px) {
  .footer_bottom {
    border-radius: 10px;
  }  
  .footer ul a {
    padding: 0 !important;
  } 
  .item_footer {
    margin-bottom : 0;
  }
}
/* tag */
.actu_immo .category,
.actu_immo .category:hover  {
  background-color:#ffffff;
  color: #ff3859;
  font-size: 14px;
  font-weight: 600;
  padding: 3px 15px;
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  border-radius: 30px;
  border: 1px solid #ff3859;
}


.actu_immo .category:hover,
.blog-post__tags .category:hover {
  background-color:#ff3859;
  color: #ffffff;
  border: 1px solid #ff3859;
  text-decoration: none;
}

.post-item .category {
  display: inline-block;
  margin-right : 3px;
  margin-bottom: 3px;
}

/* Blog post */

.blog_post {
  margin-top : 25px;
}

.blog_post h1 span {
  background-color: #ffffff!important;
}

.blog_post .title1 {
  color: #00385e !important;
  font-weight:600;
  font-size:36px;
  line-height:40px;
}

.blog_post .blog-metadata,
.blog_post .blog-author {
  font-size: 14px;
  font-weight: 600;
}

.blog_post .bloc_summary p{
  font-size: 18px; 
  font-weight: 500; 
}

.blog_post .blog-post-wrapper p.summary {
  display: none;
}
 
.blog_post .blog-post-wrapper p,
.blog_post .blog-post-wrapper h2,
.blog_post .blog-post-wrapper h3 {
  margin-bottom: 10px;
}

 

.blog_post .blog-post-wrapper h2{
   font-size: 26px;
}

.blog_post .blog-post-wrapper h3 {
  font-size: 22px;
  line-height: 28px;
}

 

.blog_post .blog-post-wrapper a:not(.btn-primary) {
  text-decoration: underline;
  font-weight : 500 !important;
}

.blog_post .blog-post-wrapper a:hover {
  color: #c50030;
}

.blog_post .blog-post-wrapper ul {
  list-style: none;
}

.blog_post .blog-post-wrapper ul li::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 20px;
}

/* bouton décrivez votre projet display none sur le blog */ 
.blog_post #blog-cta-form {
  display: none; 
}
/* end cta DVP */ 

/* begin table */ 

.blog_post .tableau {
  overflow-x: scroll;
} 

.blog_post table {
  border: none;
  width: 100%;
}

.blog_post table td,
.blog_post table th {
  background-color: #f5f5f5;
  padding: 14px;
  border: none;
  color: #797676;
  min-width: 100px;
  line-height: 18px;
  word-break: break-word;
}

.blog_post table tr,
.blog_post table th {
  border-bottom: 1px solid #e0e0e0;
}

.blog_post table tr:last-child {
  border: none;
}

.blog_post table th {
  color: #00385e ;
  font-weight: 600;
}

.blog_post table tr:first-child td:first-child {
  border-radius: 5px 0 0 0;
}

.blog_post table tr:first-child td:last-child {
  border-radius: 0 5px 0 0 ;
}

.blog_post table tr:last-child td:first-child{
  border-radius: 0 0 0 5px;
}

.blog_post table tr:last-child td:last-child{
  border-radius: 0 0 5px 0 ;
}

/* end table */ 

/* Blog-list-recent post v2 - Blog list */

.actu_immo .blog_actu .bloc_img {
  overflow: hidden;
  height: auto;
  border-radius: 5px 0px 0px 5px!important;
}
.blog_actu a.lien_actu {
  text-decoration: none;
}

.blog_actu .post-item a.lien_actu:hover .img_bg {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.blog_actu .post-item .title3 {
  font-size: 16px!important;
  line-height: 16px;
  margin-top: 8px;
}

.blog_actu .bloc_post .post_date_actu {
  color: #707070;
  font-size: 12px;
  font-weight: 500;
  width: auto;
}

.blog_actu .category, .actu_immo .category:hover {
    background-color: #ffffff;
    color: #ff3859;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 15px;
    width: fit-content;
    border-radius: 30px;
    border: 1px solid #ff3859;
}

/* end - Blog-list-recent post v2 */
/* begin - Blog module top list */
.top-list{
  margin-top: 5%;
}

.top-list a {
  color: #00385e;
  text-decoration: none;
  display: block !important;
  line-height: 18px;
  padding: 10px 0;
  font-weight: normal;
  margin-bottom: 10px;
  border-radius: 5px; 
  padding: 20px 20px;
  background-color: #f5f5f5;
}

.top-list a:hover {
    color: #ff3859;
}

.top-list .underline span {
  display: inline-flex;
  flex-direction: column-reverse;
  height: 13px;
  background-color: #ffd154;
}
/* end - Blog module top list */

.hs_cos_wrapper_type_post_filter .widget-module ul {
  display: inline-block;
}

.post_filter div.block {
 display: inline-block; 
}

.blog-index .category_all {
  display: inline-block;
  background-color: #00385e;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 15px;
  width: fit-content;
  border-radius: 30px;
  margin-bottom: 5px;
  text-decoration:none;
}
.blog-index .category_all:hover {
  background-color: #788ca0;
}

.blog-index  .sec_maillage_home {
  padding-top: 50px;
  padding-bottom: 50px;
}

.blog-index .post-item {
  -webkit-box-shadow: 9px 13px 15px 0 rgba(0,0,0,.1);
  box-shadow: 9px 13px 15px 0 rgba(0,0,0,.1);
  height: 100%;
  border-radius: 5px;
  position: relative;
  background-color:  white;
}

.blog-index .post-item_list {
  padding-bottom: 32px;
}

.blog-index .post-item .title3{
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
}

.blog-index .post-item a.post-item-link{
  color: #00385e;
}
/* end - Blog list */


.blog-index .post-item_one .bloc_image {
  overflow: hidden;
  border-radius: 5px 5px 0 0!important;
  min-height: 250px;
}

.blog-index .post-item_one .img_bg{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: transform .3s ease;
  height: 100%;
}

.blog-index .post-item_one a.post-item-link:hover .img_bg {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.blog-index .post-item_one div.content {
  border-radius: 0 0 5px 5px !important;
}

.actu_immo .bloc_img {
  overflow: hidden;
  height: 250px;
  border-radius: 5px 5px 0 0 !important;
}

.actu_immo .bloc_img .img_bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: transform .3s ease;
  height: 100%;
}

.actu_immo a.post-item-link:hover .img_bg {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.actu_immo a.post-item-link:hover {
  text-decoration: none;
}

.blog-index a.post-item-link:hover .link{
  color: #ff3859
}

.blog-index .post-item_list .link{
  position: absolute;
  bottom: 32px;
  left: 20px;
}

.blog-index .bloc_post {
  position: relative;
  padding: 30px 15px 15px;
} 

.blog-index a.post-item-link .fa-stack {
  transition: transform 0.5s;
  font-size: 11px;
} 

.blog-index a.post-item-link:hover .fa-stack{
  transform: translateX(10px);
}

.blog-index .post_date {
  background-color: #f5f5f5;
  color: #00385e;
  font-size: 13px;
  font-weight: 600;
  padding: 3px 15px;
  width: auto;
  border-radius: 30px;
  position: absolute;
}

.blog-index .post-item_one .post_date {
  top: 32px;
  left: 32px;
}

.blog-index .post-item_list .post_date {
  top: -14px;
}

/* post filter */
.blog-index .post_filter h3 {
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
    text-transform: uppercase;
}

.blog-index .post_filter ul {
  list-style: none;
  padding-left: 0;
}

.blog-index .post_filter ul li{
  display: inline-block;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 3px 15px;
  width: fit-content;
  border-radius: 30px;
  margin-bottom: 5px;
  border: 1px solid  #00385e
}

.blog-index .post_filter ul li a {
  color: #00385e!important;
  text-decoration: none !important;
}

.blog-index .post_filter ul li:hover,
.blog-index .post_filter ul .active{
  background-color: #00385e;
}

.blog-index .post_filter ul li:hover a,
.blog-index .post_filter .active a {
  color: #ffffff!important;
}

.blog-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 3.3rem;
}

.blog-pagination .blog-pagination-left a,
.blog-pagination .blog-pagination-right a {
  color: #00385e;
  background-color: #ffffff;
  padding: 5px 15px;
  display: inline-flex;
  font-weight: bold;
}

.blog-pagination .blog-pagination-left a:hover,
.blog-pagination .blog-pagination-right a:hover{
  text-decoration: none;
}

.blog-pagination .blog-pagination-left a.active,
.blog-pagination .blog-pagination-right a.active{
  color: #ffffff;
  background-color: #788ca0;
  padding: 5px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.blog-pagination .blog-pagination-left a.active:hover,
.blog-pagination .blog-pagination-right a.active:hover{
  background-color: #788ca0;
  color: #ffffff;
}


.blog-pagination .blog-pagination-left a:hover,
.blog-pagination .blog-pagination-right a:hover{
  color: #ff3859;
}

.blog-pagination a.next-link,
.blog-pagination a.prev-link {
  color: #ff3859;
  background-color: #f5f5f5 ;
  padding: 5px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.blog-pagination a.next-link:hover,
.blog-pagination a.prev-link:hover {
  color: #ffffff ;
  background-color: #ff3859;
}

.content-wrapper {
  max-width: 1140px;
}

.blog-post__date {
  border-color: #00385e;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #00385e;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: #001036;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: #286086;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #00385e;
}

.blog-pagination__link {
  color: #00385e;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #00385e;
}
 
.blog-post__author {
  background-color: #f5f5f5;
}

#comments-listing .comment-reply-to {
  color: rgba(255, 56, 89, 1.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: rgba(215, 16, 49, 1.0);
}

#comments-listing .comment-reply-to:active {
  color: rgba(255, 96, 129, 1.0);
}

.blog_post .content p,
.blog_post .content ul,
.blog_post .content ol {
  color: #00385e;
}


.summary-wrapper{
    border-bottom: thin solid #888;
    width: 100%;
    padding: 10px;
}

li.summary-item{
    color: #00385e;
    line-height: 1.2rem;
}
.summary-item a{
    text-decoration: none;
    color: ;
}
.summary-item a:hover{
   color: #c50030;
}
h2[id^=h2]::before { 
  display: block;
    height: 115px;
    margin-top: -115px;
    visibility: hidden;
    content: " ";
} 




.bloc_aside {
  border-radius: 10px;
}

.bloc_aside p {
  font-size: 17px!important;
}



.bloc_recrutement {
  border-radius: 10px;
}

.bloc_recrutement p {
  font-size: 17px!important;
}

.bloc_recrutement #btn-savoirplus {
  min-width: 190px;
  padding: 6px 16px;
}



.hub_conseils .subtitle {
  margin-bottom: 0!important;
}

.parents_conseils .post-item:hover {
  background-color: #F5F5F5;
}

.parents_conseils .blog-index .content p {
  font-size: 16px!important;
  color: #00385e;
  font-weight: 400!important;
}

.parents_conseils .blog-index .bloc_img {
  overflow: hidden;
  height: 175px;
  border-radius: 5px 5px 0 0 !important;
}

.parents_conseils .blog-index .bloc_img  .img_bg {
  min-height: 100px;
}

.parents_conseils .blog-index .post-item_list {
  padding-bottom: 0!important;
}

.parents_conseils div,
.child_conseils div {
  font-size: 18px;
}

.btn_slide {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.btn_slide .text_btn {
  display: inline-block;
  transition: transform 0.3s ease;
  transform: translateX(-100%);
}

.btn_slide .link_picto {
  display: inline-block;
  transition: transform 0.3s ease;
  transform: translateX(-430%);
}

.btn_slide:hover .text_btn {
  transform: translateX(0);
}

.btn_slide:hover .link_picto {
  transform: translateX(0);
}

.lien_card a {
  text-decoration: none;
}

.card_conseil {
  height: 100%;
}



.social-sharing-title {
  font-size: 16px;
  font-weight: bold;
  margin-top: 16px;
}

.social-sharing ul { 
  list-style: none; 
  padding: 0; 
  margin: 0; 
}

.social-sharing li { 
  display: inline-block; 
}

.social-sharing-icon a {
  color: #f5f5f5;
}

.social-sharing-icon a .fa-inverse {
  color: #ff3859;
}

.social-sharing-icon a:hover {
  color: #ff3859;
}

.social-sharing-icon a:hover .fa-inverse {
  color: white;
}


/************** media queries *****************/


@media (min-width: 768px) {
  .child_conseils .bloc_summary p{
    margin-bottom : 10px;
  }  
  .parents_conseils .bloc_post {
    padding: 40px 24px 24px!important;
  }
  /* Blog post */
  .blog-index a.post-item-link .bloc_post {
    padding: 40px 24px 24px;
  }
  /* Blog list */
  .blog-index__post {
    flex:  0 0 calc(100%/2);
  }
  .card_post .hs-col-sm-4 {
    margin-bottom:25px !important;
  }
  /* Blog post */
  .blog_post .title1 {
    font-size:50px;
    line-height:1.2;
  }
  .blog_actu .post-item .title3 {
    font-size: 20px!important;
    line-height: 24px;
  }
  .blog_actu .category, .actu_immo .category:hover {
    font-size: 14px;
   }
  .blog_post .blog-post-wrapper h2{
    font-size: 30px;
  } 
}
@media screen and (max-width: 768px) {
  .blog-pagination-left{
    overflow-x: scroll;
    white-space: nowrap
  }
}
@media screen and (min-width: 992px) {
  /* Blog list */
  .blog-index  .sec_maillage_home {
    padding-top: 70px;
    padding-bottom: 500px;
    margin-bottom: -430px;
  }
  .blog-recent-posts__post {
    flex: 0 0 calc(100%/3);
  }
  .blog-index__post {
    flex: 0 0 calc(100%/3);
  }
  .blog-index .post-item_one .bloc_image {
    border-radius: 5px 0 0 5px !important;
  }
  .blog-index .post-item_one div.content {
    border-radius: 0 5px 5px 0 !important;
  }
}
.new-blog h3{
  color : #ffffff;
}

.new-blog .section-title {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  color: #00385e;
}

.new-blog .section-title .line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #d9d9d9;
  transform: translateY(-50%);
  z-index: 1;
}

.new-blog .section-title h2 {
  position: relative;
  display: inline-block; /* Assure que le background ne couvre que le texte */
  padding: 0 24px;
  z-index: 2;
}

.new-blog .badge {
  background-color: rgba(255, 255, 255, 0.8);
  color: #797676;
  padding: 5px 15px;
  border-radius: 15px;
  margin-bottom: 10px;
  font-weight: 500;
}

.new-blog .blog-card .date {
  bottom: 5px;
  left: 215px;
}

.new-blog .large-card {
  height: 330px;
}

.new-blog .small_card {
  height: 160px;
}

.new-blog .long-card {
  height: 300px;
}

.new-blog .etape-card {
  height: 160px;
}

.new-blog .btn {
  font-size: 16px;
  padding: 10px 16px;
  line-height: 1.5;
  transition: all 0.3s ease;
  position: relative;
}


@keyframes bounce {
  0% { 
    transform: translateX(0); 
  }
  100% { 
    transform: translateX(5px); 
  }
}

/* -------- Hero-banner -------- */

.new-blog .header-section .line-background {
  height: 4px; 
  width: 85%; 
  background: #ffd154; 
  margin-left: 12px;
}

.new-blog .hero-banner {
  margin-top: 5vh;
}

.new-blog .header-section h1 {
  margin: 0;
  color: #00385e;
  align-items: center;
}

.new-blog .header-section p {
  color: #ffffff;
}

/* -------- Article à la une -------- */

.new-blog .article-section img {
  object-fit: cover;
  height: 400px;
  width: 100%;
  border-radius: 20px;
}

.new-blog .article-content {
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 60%);
  border-radius: 0 0 20px 20px;
}

.new-blog .article-content p{
  margin-bottom: 20px;
  color: #ffffff;
}

/* -------- Card catégorie -------- */

.new-blog .small_card, 
.new-blog .actualite-card, 
.etape-card, 
.guide-card, 
.metier-card, 
.marque-card, 
.deco-card, 
.card-detail,{
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  width: 100%;
  color: #ffffff;
}

.new-blog .actualite-card img,
.etape-card img,
.guide-card img,
.metier-card img,
.marque-card img,
.deco-card img,
.card-detail img {
  border-radius: 10px 10px 0 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.new-blog .card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 60%);
  color: #ffffff;
  border-radius: 0 0 10px 10px;
  transition: padding 5s ease;
}

.new-blog .card-content .date {
  font-size: 14px;
  text-align: right;
  width: 100%;
}

.new-blog .card-content:hover {
  padding-bottom: 15px;
}

.new-blog .card-content .summary {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 1s ease, max-height 1s ease;
  font-size: 14px;
  margin-top: 10px;
}

.new-blog .card-content:hover .summary {
  opacity: 1;
  max-height: 100px; /* Ajustez cette valeur selon la longueur de votre texte */
}

/* -------- Page détail -------- */

.new-blog.actu_immo figure {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 250px; 
  overflow: hidden;
  border-radius: 23px;
}

.new-blog.actu_immo figure img  {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.new-blog .top-lists h2 {
  color : #00385e;
}

.new-blog .line-background {
  height: 4px; 
  width: 90%; 
  background: #ffd154; 
}

.new-blog .card-detail {
  height: 240px;
}

.new-blog .bloc_summary p {
  margin-bottom: 15px;
}

/* -------- Media query -------- */

@media (min-width: 768px) {
  .new-blog .header-section .line-background {
    margin-top: 8px;
    margin-left: 24px;
    width : 64%;
  }
  .new-blog .line-background {
    width : 50%; 
  }
}
/* style des différents Boutons */
button { 
  border:0;
  background: transparent;
  padding: 0;
}

.btn,
.btn:hover, 
.btn:focus {
  text-decoration: none!important;
}


.menu_mobile .part1 button { 
  width: 100%;
}


.btn {   
  min-width: 220px;
  display: block;
  font-weight: 500;
  padding: 10px 16px;
  border-radius: 23px;
}

.btn-primary,
.btn-primary:visited{
  color: #fff!important;
  background-color: #ff3859;
  border-color: #ff3859;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #c50030;
  border-color: #c50030;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(206,46,71,.5);
}

.btn-secondary,
.btn-secondary:visited{
  color: #fff!important;
  background-color: #008D97;
  border-color: #008D97;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
  color: #fff !important;
  background-color: #007780!important;;
  border-color: #007780!important;;
}

.btn-tertiaire,
.btn-tertiaire:visited{
  color: #fff!important;
  background-color: #004B83;
  border-color: #004B83;
}

.btn-tertiaire:hover,
.btn-tertiaire:focus,
.btn-tertiaire:not(:disabled):not(.disabled).active,
.btn-tertiaire:not(:disabled):not(.disabled):active,
.show>.btn-tertiaire.dropdown-toggle {
  color: #fff !important;
  background-color: #004B83!important;;
  border-color: #004B83!important;;
}

.btn-light,
.btn-light:visited{
  color: #00385e;
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn-light:hover,
.btn-light:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
  color: #ff3859 !important;
}

.btn-warning,
.btn-warning:visited{
  color: #00385e!important;
  background-color: #ffd154;
  border-color: #ffd154;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
  color: #00385e!important;
  background-color: #ffe568;
  border-color: #ffe568;
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgb(255 229 103 / 22%);
  text-decoration: none;
}

.btn-outline-primary,
.btn-outline-primary:visited {
  color: #ff3859!important;
  background-color: transparent;
  border: 1px solid #ff3859;
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255,.5);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle{
  color: #ffffff !important;
  background-color: #ff3859;
  border: 1px solid #ff3859;
}


.btn-outline-secondary,
.btn-outline-secondary:visited {
  color: #00385e!important;
  background-color: #ffffff;
  border-color: #00385e;
  border: 1px solid;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle{
  color: #ffffff !important;
  background-color: #00385e;
  border-color: #00385e;
}

.btn-outline-light,
.btn-outline-light:visited {
  color: #ffffff;
  background-color: transparent;
  border: 1px solid #ffffff;
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255,.5);
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle{
  color: #ff3859 !important;
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn-cta,
.btn-cta:visited  {   
  width: 350px;
  display: block;
  font-weight: 500;
  padding: 16px 16px;
  border-radius: 30px;
  text-align: center;
  color: #ffffff;;
  background-color: #008D97;
  border-color: #008D97;
  box-shadow:4px 4px 10px 0 rgba(0,0,0,.1);
}

.btn-cta:hover,
.btn-cta:focus,
.btn-cta:not(:disabled):not(.disabled).active,
.btn-cta:not(:disabled):not(.disabled):active,
.show>.btn-cta.dropdown-toggle{
  color: #ffffff;;
  background-color: #008D97;
  border-color: #008D97;
  text-decoration: none;
}
#mobile_ctas . btn-cta {
  height:60px;
}
body .tns-nav button.tns-nav-active {
  background-color: #00385e;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #00385e;
}

/* boutons new design system */
.btn-tag,
.btn-tag:hover  {
  background-color:#ffffff;
  color: #008D97;
  font-size: 14px;
  font-weight: 600;
  padding: 3px 15px;
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  border-radius: 30px;
  
}


.btn-outline {
  background-color:#ffffff;
  color: #008D97!important;
  border: 1px solid #008D97;
  text-decoration: none;
  border-radius: 30px;
  font-size: 18px;
  font-weight: 600;
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
}

.btn-outline:hover,
.btn-outline:hover {
  background-color:#008D97;
  color: #ffffff!important;
  border: 1px solid #008D97;
  text-decoration: none;
  border-radius: 30px;
  font-size: 18px;
  font-weight: 600;
}

/* end boutons new design system */


.dropdown-button {
  background-color: #f5f5f5;
  color: #00385e;
  border-radius: 5px;
  font-weight: bold;
  padding: 16px;
  font-size: 16px;
  width: 100%;
  border: none;
  text-align: left;
}

.dropdown-button i.fas {
  color: #ff3859;
  position: absolute;
  right: 16px;
}
  
.dropdown-button i.fas:before {
  content: "\f107";
}
  
.dropdown:hover i.fas:before {
  content: "\f106";
}

.dropdown {
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f5f5f5;
  z-index: 1;
  width: 100%;
}

.dropdown-content ul {
  padding: 0;
  margin: 0;
  width: 100%;
}

/************** media queries *****************/
@media (min-width:768px) {
  .btn {
    width: max-content;
  }

  .mx-auto .btn {
    margin: 0 auto;
  }
}
.systems-page h1 {
  line-height: 36px;
  font-weight:600;
  color: #00385e;
}

.systems-page h2 {
  line-height: 31px;
  font-weight: 500;
}

.systems-page .item-inner {
  margin-bottom : 15px;
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 10px;
}

.systems-page {
  padding: 50px 0;
}

#email-prefs-form h3{ 
  font-size: 18px;
}

#scrollUp {
  right: 15px;
  bottom: 15px;
  background: #000;
  padding: 5px 10px;
  opacity: .5;
  color: #fff;
}

.error-page {
  padding: 10rem 0;
  text-align: center;
  position: relative;
}
.error-page:before {
  content: attr(data-error);
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: 'JustLovely', sans-serif;
  font-size: 40vw;
  font-weight: bold;
  color: #F3F6F9;
  z-index: -1;
}

.error-page_heading {
  margin-bottom: 1rem;
}

.systems-page .success {
  display: inline-block;
  margin: 2rem 0;
  min-width: 650px;
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  font-size: 14px;
  color: #4F7D24;
  padding: 10px 20px;
}

.hs-search-results {
  margin-top: 2rem;
}

ul.hs-search-results__listing li {
  margin-bottom: 2rem;
}

.hs-search-results__title {
  font-family: 'Gilroy', serif;
  font-size: 1.25rem;
  color: #00385e;
  text-decoration: underline;
  margin-bottom: .25rem;
}

.hs-search-results__title:hover {
  text-decoration: none;
}

.hs-search-results__description {
  padding-top: .5rem;
}

.hs-search-highlight {
  font-weight: bold;
}

.hs-search-results__pagination a {
  color: #00385e;
}

.password-prompt input[type=password] {
  display: block;
  margin-bottom: 18px;
  height: 50px !important;
  width:100%;
  padding: 9px 10px;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  background-color: #fff;
  border: 2px solid #00385e;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}


@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}

/* Cookie banner */

body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-accept-all,
body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-save-settings {
  color: #ffffff!important;
  background-color: #00385e!important;
  border-color: #00385e!important;
  border-radius: 0!important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-cookie-settings-button {
  color: #008D97!important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button{
  color: #ffffff!important;
  background-color: #008D97!important;
  border-color: #008D97!important;
  border-radius: 0!important;
}

#hs-eu-confirmation-button {
  float: right !important;
  margin-left: 5px !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:hover {
  background-color: #008D97!important;
  border-color: #008D97!important;
  border-radius: 0!important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
  color: #008D97!important;
  background-color: white!important;
  border-color: #008D97!important;
  border-radius: 0!important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button:hover {
  color: #008D97!important;
  background-color: white!important;
  border-color: #008D97!important;
  border-radius: 0!important;
}

#hs-eu-cookie-confirmation {
  padding:20px;
}

#hs-eu-policy-wording {
  float:left; 
  width:65%;
}

#hs-en-cookie-confirmation-buttons-area{
  float:right;
  width:35%;
}

#hs-modal-save-settings>a {
  background-color: #008D97!important;
  border-color: #008D97!important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording {
  margin-bottom:0!important;
}

/************** media queries *****************/
@media(max-width:768px){
  #hs-eu-cookie-confirmation-inner {
    height:auto;
    padding: 20px 14px 14px!important;
  }
  
  #hs-eu-cookie-confirmation {
    height:auto;
  }
  
  #hs-eu-confirmation-button {
    float: inherit !important;
    margin-left: 0 !important;
    margin-bottom: 10px !important;
}
  
  #hs-eu-policy-wording, 
  #hs-en-cookie-confirmation-buttons-area {
    float:none;
    width:100%;
  }
  
  #hs-eu-cookie-settings-button, #hs-eu-confirmation-button, #hs-eu-decline-button {
    display:block !important;
    margin-bottom:2px;
    width:100%;
    text-align:center !important;
  }
}
/********************************************************* css page hub chasseur *********************************************************/
.page_chasseur .contact_chasseur {
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
}

.page_chasseur #chasseurIdentite {
  top: 40px;
}
.description_chasseur{
  white-space:break-spaces
}
.annuaire_chasseurs  h2 span {
  font-weight: 600;
  display: inline-flex;
  flex-direction: column-reverse;
  height: 13px;
  background-color: #ffd154;
}

.annuaire_chasseurs .text-intro {
  font-size: 20px;
  font-weight: 500;
}

/********************************************************* css page chasseur V1 *********************************************************/
.elite-badge {
  bottom: 0;
  right: 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;  
} 
 .elite-badge:hover {
            transform: scale(1.1);
        }

        .profile-container {
            position: relative;
            display: inline-block;
        }

        .profile-photo {
            width: 150px;
            height: 150px;
            border-radius: 50%;
        }

        #eliteModal .modal-content {
            border: none;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            background: #fff;
        }

        #eliteModal .modal-body img {
            width: 120px;
            height: 120px;
        }
        #eliteModal {
            z-index: 9999 !important;
        }

        #eliteModal .modal-backdrop {
            z-index: 9998 !important;
        }
@media (max-width: 576px) {
  .elite-badge { 
  }
}

h1.prenomnom_chasseur { 
  font-size: 30px;
  line-height: 38px;
  font-family: 'Gilroy';
  color: #00385e;
}

.page_chasseur h2 span {
  font-weight: 600;
  display: inline-flex;
  flex-direction: column-reverse;
  height: 13px;
  background-color: #ffd154;
}

.page_chasseur .bg_blue h2 span {
  font-weight: 600;
  display: inline-flex;
  flex-direction: column-reverse;
  height: 13px;
  background-color: #ff3859;
}

.page_chasseur .sec_testimonials .h2 span {
  font-weight: 600;
  display: inline-flex;
  flex-direction: column-reverse;
  height: 13px;
  background-color: #ffd154;
}

.page_chasseur .sec_testimonials .h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
}

.banner_header .img_chasseur {
  z-index: 10;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height : 160px;
  width : 160px;
  border-radius: 50%;
}

#chasseurIntro h4 {
  color: #ff3859;
}

#bannerVille{
  height: 285px;
  width: 95%;
  background-size: cover;
  background-position: center;
}


/* css module - Chasseur block v1*/
.annuaire_chasseurs .chasseur {
  padding-right: 5px!important;
  padding-left: 5px!important;
}

.slider_chasseur {
  width: 100%;
  height: auto;
}

.slider_chasseur .swiper-slide {
  text-align: center;
  font-size: 26px;
  line-height: normal;
  font-weight: 500;
  color: white;
  border-radius: 5px;
  text-decoration: none !important;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: end;
  align-items: end;
  position: relative;
}

.slider_chasseur .swiper-slide img {
  width: 300px;
  height: auto;
  border-radius: 5px;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.slider_chasseur .name_chasseur {
  position: absolute;
  bottom: 0;
  padding-top: 50px;
  padding-bottom: 20px;
  background-image: linear-gradient(0,rgba(0,0,0,0.6) 0%, 20%, rgba(0,0,0,0) 90%);
  width: 100%;
  border-radius: 0 0 5px 5px;
}

.slider_chasseur .swiper-pagination-fraction {
  width: auto;
  margin: 0 15px;
}

.slider_chasseur .swiper-button-next, 
.slider_chasseur .swiper-button-prev {
  color: #ff3859;
  background-color: #f5f5f5;
  padding: 5px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  top:initial;
  margin-top:0;
}

.slider_chasseur .swiper-button-next:hover, 
.slider_chasseur .swiper-button-prev:hover {
  background-color: #ff3859;
  color: #fff;
}

.slider_chasseur .swiper-button-next:after, 
.slider_chasseur .swiper-button-prev:after {
  font-size: 24px;
}

.swiper-arrows.disabled {
  display: none !important;
}

.chasseur .post-item {
  box-shadow: 9px 13px 15px 0 rgb(0 0 0 / 10%);
  height: 100%;
  border-radius: 5px;
  position: relative;
  background-color: white;
}
.chasseur .img-fluid {
  border-radius: 5px 5px 0 0;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.post-item a {
  text-decoration: none;
}

.search-container input#location,
.search-container input#chasseur,
.search-container .rayon {
  font-weight: 500;
  padding: 15px 20px;
  border-radius: 5px;
  background-color: #F5F5F5!important;
  border-color: #F5F5F5!important;
  border-style: none!important;
}

.search-container input:-internal-autofill-selected {
  background-image: none !important;
  background-color: #F5F5F5!important;
  color: #00385E!important;
}

.search-container .location,
.search-container .name-chasseur,
.search-container .rayon,
.search-container .submit-filters{
  width: 100%;
  height: 46px;
}

.stars-value .fa-star-half-stroke {
  color: #ffd154;
}

.nbr-avis {
  color: #00385e;
}

.chasseur-location {
  color: #00385e;
  font-size: 14px;
}

.chasseur-location i {
  color: #ff3859;
}

.chasseur-avis p {
  font-size: 14px;
}

#searchEngine .reset-filters {
  min-width: 50px!important;
}  

/* css module - Chasseur identité */

.titre-chasseur {
  color: #008D97;
  margin-bottom: 0!important;
}

.stars-value .fa-star-half-stroke {
  color: #ffd154;
}

#chasseurIdentite .avis-client {
  text-decoration: none; 
  color: #00385e!important; 
}

/********************************************************* css page chasseur V2 ***********************************************************************/

.photo_chasseur {
  width: 160px;
  top: -70px;
}

.section_photos {
  height: 100px;
}

.nav_chasseur .banner_header {
  margin-top: 145px
}

#chasseurIdentite .title {
  font-weight: 500;
}

#chasseurIdentite .title_ville {
  font-weight: 400;
}


.page_chasseur .coordonne button {
  font-size: 20px;
}



.form_contact_chasseur .form-select{
  border: none!important; 
  height: 46px;
  border-radius: 5px;
  width: 100%;
  padding: .375rem .75rem;
  background-color: white!important;
}

.form_contact_chasseur .form-control {
  border: 1px solid white;
}

.form_contact_chasseur .cities-autocomplete-container {
  border: 0px solid white;
}

.page_chasseur .bg_ocean,
.page_chasseur .bg_ocean h4,
.page_chasseur .bg_ocean .close {
  color: white;
}

.page_chasseur .alert-primary {
  color:white;
  background-color: #00385e;
  border-color: #00385e;
}

.page_chasseur .bg_ocean .alert-primary {
  color: #00385e;
  background-color: white;
  border-color: white;
}

.page_chasseur .sec_testimonials {
  background-color: #F5F5F5;
}


.page_chasseur .modal-dialog {
  margin: 0;
  min-height: 100%;
}

.page_chasseur .modal-content{
  margin: 0; 
}

.page_chasseur .modal-header{
  border-bottom: none;
}

.sec_testimonials .box_testimonial {
  border-radius: 5px;
  color: #00385e;
}

.avis_static .card-body {
  margin-bottom: 30px;
}

.sec_testimonials.bg_gray .testimonial {
  background-color: #fff;
}

.avis_static .collapse:not(.show) {
  display: block;
}

.avis_static .card-header-testimonials {
  padding: 0 0.5rem;
  margin-bottom: 0!important;
  height: auto;
}

.avis_static .box_testimonial .card-header-testimonials {
  font-size: 18px;
  line-height: 1.2;
}

.avis_static .box_testimonial .card-text {
  color: #00385e;
  font-size: 18px;
  line-height : 22px;
  font-weight: 400;
}
.avis_static .box_testimonial .card_answer {
  font-size: 18px;
  line-height: 22px;
}

.yellow_pill {
  background-color: #ffd154;
  position: absolute;
  right: 5%;
  top: 10px;
}




.avis_static .card-chasseur {  
  align-items: center;
}

.avis_static .card-chasseur__id {
  text-align: right;
}

.avis_static .card-origin {
  padding-top: 0;
}

.card_answer {
  border-radius: 0.25rem;
}

.card_answer::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 30px 30px 30px;
  border-color: rgba(0,0,0,0.26) rgb(0 0 0 / 0%) #f5f5f5 rgb(0 0 0 / 0%);
  position: absolute;
  top: -19px;
  left: 0px;
}

.avis_static .card-text.collapse:not(.show){
  display:block!important;
  overflow:hidden;
}

.long:not(.show){
  -webkit-mask-image: linear-gradient(180deg, #fff 70%, transparent);
}
.card-text.collapsing {
  height:7rem!important;
  position: relative;
  overflow: hidden;
  transition: height 0.35s ease;
  -webkit-mask-image: linear-gradient(180deg, #fff 60%, transparent);
}

.rotate i{
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.rotate-text {
  font-weight: 400;
  font-size: 14px;
  text-decoration: underline!important;
}

.rotate.down i{
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}



.img-secteur {
  height: 200px;
  background-size: cover;
  background-position: center;
}



/************** media queries *****************/
@media(min-width: 576px) {

  .banner_header .img_chasseur{
    margin-bottom: -60px;
  }
}

@media (min-width:768px){
  .page_chasseur .sec_testimonials .h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 42px;
    margin-bottom: 20px; 
  } 

  .form_contact_chasseur {
    background-color: #CBE8EA;
  }
  .nav_chasseur .banner_header {
    margin-top: 90px;
  }
  .avis_static .card-footer-testimonials {
    bottom: 1.25rem;
  }
  
  .quisuisje {
    min-height:450px;
  }
}

@media(min-width: 992px) {

  .search-container .name-chasseur {
    width: 22%;
  }

  .search-container .location {
    width: 30%;
  }

  .search-container .submit-filters,
  .search-container .rayon {
    width: inherit;
  }  

  #searchEngine .reset-filters {
    min-width: 50px!important;
  }  

  .annuaire_chasseurs .chasseur {
    padding-right: 10px!important;
    padding-left: 10px!important;
  }  
}
.swiper-wrapper {
  height: auto!important; 
}


.slider_chasseur {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

.slider_chasseur .swiper-slide {
  text-align: center;
  font-size: 26px;
  line-height: normal;
  font-weight: 500;
  color: white;
  border-radius: 5px;
  text-decoration: none !important;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: end;
  align-items: end;
  position: relative;
}
.slider_chasseur .swiper-slide img {
  width: 300px;
  height: auto;
  border-radius: 5px;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.slider_chasseur .name_chasseur {
  position: absolute;
  bottom: 0;
  padding-top: 50px;
  padding-bottom: 20px;
  background-image: linear-gradient(0,rgba(0,0,0,0.6) 0%, 20%, rgba(0,0,0,0) 90%);
  width: 100%;
  border-radius: 0 0 5px 5px;
  color: white;
}


.slider_localisation_child, .slider-img  {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

.slider_localisation_child .swiper-slide {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: white!important;
  border-radius: 5px;
  text-decoration: none !important;
  position: relative;
  height:130px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.slider_localisation_child .box_opacity {
  height: 100%;
  padding: 60px 30px;
  background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 90%);
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.slider_localisation_child .name {
  line-height: 24px;
}
/************************************* Menu simple nouveau 2024 *************************************/

/* Icon burger */

.animated-icon3 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.animated-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon3 span {
  background: #00385e;
}

.animated-icon3 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
}

.animated-icon3.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 8px;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

/* fin Icon burger */
/************************************ Navbar *************************************/

.menu_simple .navbar-brand {
  padding-top: 10px;
  padding-bottom: 10px;
}

.menu_simple .navbar-brand .logo {
  height: 40px;
}

.menu_simple .nav-link {
  display: block;
  padding: .5rem 1rem;
}

.menu_simple .navbar-collapse {
  height: 94vh;
  overflow: scroll;
}
.menu_simple .navbar {
  padding : 0.5rem 0;
} 

.menu_simple .mon_compte:hover {
  color: #00385e;
}

.menu_simple .circle_compte {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  border: 1px solid #00385e;
}

.menu_simple .navbar-nav .dropdown-menu {
  border: 1px solid rgb(0 0 0 / 0%);
  border-bottom: 1px solid #F5F5F5;
  border-radius: 0;
}

.menu_simple .navbar .dropdown-menu img {
  max-width: 30px; 
}

.menu_simple .dropdown-toggle::after {
  display: none;
}

.menu_simple .navbar-toggler:focus {
  box-shadow: none!important;
}

.menu_simple .navbar-toggler {
  border: none;
}

.menu_simple .navbar-toggler:hover {
  text-decoration: none;
}

/* style nouveau menu de navigation  */

.menu_simple .navbar a {
  font-weight: 500;
  color: #00385e;
  font-size: 16px;
}

.menu_simple .navbar a:focus, 
.menu_simple .navbar a:hover {
  color: #ff3859;
  text-decoration: none;
}

.menu_simple .navbar a {
  font-size : 18px;
}

.menu_simple .dropdown {
  border : 1px solid transparent; 
  border-top-color : #D7D7D7;
}

.menu_simple .dropdown:first-child {
  border: 0px solid transparent;
  border-top-color: none;
}

.menu_simple .navbar-nav .dropdown-menu {
  border :none; 
  border-top-color : none; 
  border-radius : 0;
}

.menu_simple .dropdown-item {
  display : flex; 
}

.menu_simple .dropdown-menu a.dropdown-item .bloc-text p.fs-14 {
  font-weight: 400;
}

.menu_simple .btn {
  min-width: 140px!important;
}

.menu_simple .dropdown {
  display: block;
  width: inherit!important;
  margin-left: inherit;
  margin-right: inherit;
}

.menu_simple .navbar-collapse {
  height: 94vh;
  overflow: scroll;
}

.menu_simple .cta_mobile {
  height : 30vh;
}

/******************************************  media queries ***********************************************************/
@media (min-width: 768px) {
  /* responsive Menu simple nouveau 2024 */

  .menu_simple .navbar a,
  .menu_simple .dropdown-menu a.dropdown-item .bloc-text p.fw-medium {
    font-size : 16px;
  }

  .menu_simple .navbar-nav .dropdown-menu {
    padding: 0px 20px 15px 20px !important;
  }

  .menu_simple a.dropdown-item {
    padding : 0.7rem 1rem 0.7rem 0 !important;
    background-color: transparent;
  }

  .menu_simple .dropdown {
    border : 1px solid transparent; 
    border-top-color : none;
  }

  .menu_simple .dropdown-menu li{
    border : 1px solid transparent; 
    border-top-color : #D7D7D7;
  }

  .menu_simple .dropdown-menu li:first-child {
    border : 0px solid transparent; 
    border-top-color : none; 
  }
  .menu_simple .cta_mobile {
    height : auto;
  }

  .menu_simple .navbar-brand .logo {
    height: 50px;
  }

  .menu_simple .navbar-nav .dropdown-menu {
    box-shadow: 4px 4px 10px 0 rgba(0,0,0,.1);
    border: 1px solid rgb(0 0 0 / 0%);
    padding: 20px 40px 20px 24px;
    border-bottom: inherit;
    border-radius: 5px;
  }
}

@media (min-width: 1200px) {

  .menu_simple .navbar-collapse {
    height: auto!important;
    overflow: inherit!important;
  }

  .menu_simple .dropdown:hover .dropdown-menu {
    display: block;
  }

}

@media (max-width: 1200px) { 
  .menu_simple .navbar-nav .dropdown-menu {
    display: block; 
  }

  .menu_simple .navbar .navbar-nav-scroll {
    max-height: none;
    overflow-y: none;
  }
}
/********************************************** header banner des pages ************************************************************/
.banner_header {
  z-index: 10 !important;
  position: relative;
}

p.description,
.breadcrumb{
  width: 100%;
}

.opacity {
  height:100%;
  background-color: rgba(0,0,0,.1);
  border-radius: 0;
}

.banner_header #banner-cta-projet .fa-arrow-right,
#hero_to_form .fa-arrow-right,
.blog_post .cta_button .fa-arrow-right,
.sec_articles .cta_button .fa-arrow-right {
  animation: bounce 0.8s ease infinite alternate;
}

@keyframes bounce{
  from {transform: translateX(0);}
  to   {transform: translateX(10px);}
}

/* page - hub services */
.page_hub_services .banner_header .btn {
  display: block;
  width :auto;
  margin-bottom: 10px;
}

/* module - header banner cta */

.box_content {
  z-index:50;
}

.box_img {
  z-index:20;
}
 
.banner_header .box_img {
  padding-right: 0 !important;
  padding-left: 0 !important;
} 

.banner_header .box_content {
  padding-bottom: 60px;
}

.banner_header .img_banner {
  z-index: 10;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.banner_header .img_banner{
  height : 300px;
}

.banner_header #banner-cta-projet {
  position: relative;
  z-index:55;
  margin-bottom: -80px;
}

.banner_header .title-principal{
  font-size: 35px;
  margin-bottom: 32px;
  margin-top: 32px;
  font-family: 'Gilroy', serif;
  font-weight: 500;
  line-height: 1;
}

  /* module - header banner guides */  

.banner_header_guides .box_content {
  padding-bottom: 0px;
}

.banner_header_guides .box_image {
  max-width: 500px;
}

.banner_header_guides h1 {
  margin-top: 0px;
}

.banner_header .fa-arrow-right {
  animation: bounce 0.8s ease infinite alternate;
}

.banner_header_guides .en_tete{
  font-size: 18px;
  color: #ff3859;
}

.banner_header_guides .box_content .title-principal, 
.banner_header_guides .box_content .description {
  color: #00385e;
}

.banner_header_guides .box_content h1 {
  font-weight: 600;
  font-size: 30px;
  line-height: 34px;
}

.summary-guide {
  padding-left: 15px!important;
} 

  /* module - header banner home */    

.banner_header_home .fa-arrow-right {
  animation: bounce 0.8s ease infinite alternate;
}

.banner_header_home .box_content .description {
  font-size: 20px;
}

.banner_header_home .box_content h1 {
  font-weight: 600;
  font-size: 40px;
  line-height: 38px;
}

.banner_header_home .text_home {
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  position: relative;
}

.banner_header_home .text_home::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  opacity: 1;
  z-index: -1;
}

  /* module - header banner new */ 

.banner_header_new h1 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.banner_header_new .box_content {
  padding-bottom: 0px;
}

.banner_header .fa-arrow-right {
  animation: bounce 0.8s ease infinite alternate;
}

.banner_header_new .box_content .title-principal, 
.banner_header_new .box_content .introduction {
  color: #00385e;
}

.banner_header_new .box_content .description {
  font-size: 18px;
}

.banner_header_new .box_content .title-principal {
  font-weight: 600;
  font-size: 40px;
}

.banner_header_new .paragraphe span {
  background-color: white;
  font-weight: normal;
}

.banner_header_new .paragraphe {
  margin-bottom: 0;
}

.text_pro a {
  font-size: 16px;
  font-weight: 500;
}

.text_pro a:hover {
  text-decoration: none!important;
  color: #00385e!important;
}

/* module - header banner popup geoloc */ 
  
.banner_header .tagline {
  margin-top: 50px;
}

.banner_header_localisation .tagline {
  display: inherit;
}
  
/* module - header banner chasseur */   
#chasseurIntro h4 {
  color: #ff3859;
}

#bannerchasseur {
  width: 100%;
  min-height: 25vh;
  background-size: cover;
  background-position: center;
}

.page_chasseur .r-link span {
  color: #00385E;
}

.page_chasseur .r-link span:hover {
  color: #FF3859!important;
}

.header_chasseur .img_chasseur {
  z-index: 10;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height : 160px;
  width : 160px;
  border-radius: 50%;
}


/**********************************************  LP **********************************************/

.banner_header_lp .picto_argument i,
.banner_header .picto_argument i{
  font-size: 30px;
  color: #29BF8F;
}

.lp_cote_d_azur .banner_header_lp .picto_argument i{
  color: #ffd154;
}

.banner_header_lp {
  z-index: 10 !important;
  position: relative;
}

.banner_header_lp .bg_blue {
  margin-top: 61px;
  padding: 20px 0;
}

.header_lp .navbar {
  padding: 0;
}

.header_lp .navbar-brand .nav_logo {
  height: 42px;
}


.banner_header_lp .actions {
  text-align: center;
}

.hs-richtext {
  margin-bottom: 15px;
  color: #ffffff;
}
  
.banner_header_lp_ebook .banner_header_lp .description {
  margin-bottom: 25px;
}
.banner_header_lp_ebook .actions {
  text-align: right;
}

.banner_header_lp_ebook .box_img {
  margin-bottom: -20px;
}


.banner_header_lp .fa-check{
  color: #ff3859;
}

/* page localisation (col droite image) */
.page_localisation .content .box_img .img_banner { 
  height :400px;
  border-radius : 10px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#hero_to_form {
  border-radius: 25px;
}  

  
/******************************************************** media queries ***********************************************************/

@media(min-width: 576px) {
  .banner_header .img_banner{
    border-radius: 5px;
  }
  .banner_header_guides .box_content {
    padding-bottom: 32px;
  }
  .banner_header_new .box_content {
    padding-bottom: 32px;
  }  
  .header_chasseur.img_chasseur{
    margin-bottom: -60px;
  }
  /* module header banner */
  .opacity {
    border-radius: 5px;
  }
  .banner_header .box_content {
    padding-bottom: 0;
  }
  .banner_header_full .box_content {
    padding-bottom: 48px;
  }
}


@media(min-width: 768px) {
  .banner_header_home .box_content .description {
    font-size: 24px;
    line-height: 28px;
  }
  .banner_img {
    background-repeat: no-repeat;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
  }
  .banner_header_home .box_content h1 {
    font-size: 50px;
    font-weight: 600;
    line-height: 55px;
  }
  .banner_header .tagline {
    display :block; 
  }
  .cta  {
    display: block;
  }
  .banner_header .img_banner{
    height : 450px;
  }
  .banner_header .radius_card {
    border-radius: 0;
  }
  .banner_header_lp .form_lp{
    margin-bottom: inherit;
  }
  .banner_header .bg_blue,
  .banner_header .bg_gray{
    padding: 30px;
  }
  .banner_header_lp .bg_blue {
    padding: 30px;
  }
  .banner_header #banner-cta-projet {
    margin-bottom: initial;
  }
  .banner_header_lp_ebook .box_img {
    margin-bottom: -30px;
  }
  .page_hub_services .banner_header .btn {
    display: inline-block;
    min-width: 180px;
  }
}

@media (min-width: 992px) {
  .banner_header_guides .box_content h1 {
    font-weight: 600;
    font-size: 40px;
    line-height: 42px;
  }
  
  .banner_header_new .box_content .title-principal {
    font-weight: 600;
    font-size: 50px;
  }
  .box_image img {
    left: 0px;
  }
  .guide-index .box_image img {
    bottom: 30px;
  }
  .banner_header_home .bloc_text {
    margin-top: 3vh;
  }
  .introduction{
    padding-bottom: 2rem !important;
  }
  .banner_header_lp .bg_blue,
  .banner_header .bg_gray {
    padding: 30px 80px;
  }
  
}

@media (min-width: 1200px) {
  .menu_desktop .navbar-brand .logo {
    height: 32px;
  }
  .banner_header_guides {
    margin-top: 90px !important;
  }
  
  .banner_header,
  .page_contact .banner_header_lp{
    margin-top: 0;
  }
  .banner_header .radius_card {
    border-radius: 20px;
  }
  .banner_header .bg_blue,
  .banner_header .bg_gray {
    padding: 30px 80px;
  }
  .banner_header.banner_faq .tagline {
    margin-top: 40px;
  }
  .banner_header_simple .tagline {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .page_decrire_projet .banner_header_lp .bg_blue {
    padding: 50px;
  }
  .banner_header_lp .bg_blue {
    border-radius: 10px;
  }
}

@media (min-width: 1300px) {
  .menu_desktop .navbar-brand .logo {
    height: 42px;
  }
}

@media(min-width: 1400px) {
  .banner_header_lp .banner_header_lp .bg_blue {
    padding: 70px 80px;
  }
}
/* CSS module modal_prise_rdv */
/* begin plugin calendar */
.xdsoft_datetimepicker .xdsoft_calendar th {
  color: #00385e!important;
  font-size: 14px;
  font-weight: 500;
}
.xdsoft_timepicker .xdsoft_prev,
.xdsoft_timepicker .xdsoft_next{
  margin-left: auto!important;
  margin-right: auto!important;
}
.xdsoft_datetimepicker {
  border: none!important;
  color: #00385e!important;
  font-family: "Gilroy", sans-serif!important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
  color: #00385e!important;
  font-size: 14px;
}
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
  color: #00385e!important;
  font-size: 14px;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
  background-color: #00385e!important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
  background-color: #1a8d97;
  box-shadow: #1a8d97 0 1px 3px 0 inset;
  color: white!important; 
  font-weight: 600;
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
  background-color: #00385e!important;
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
  background-color: #1a8d97;
  box-shadow: #1a8d97 0 1px 3px 0 inset;
  color: white!important; 
  font-weight: 600;
}
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th,
.xdsoft_time_box {
  border: none!important;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  margin-left: 0px!important;
  width:100%;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  width:100%;
  margin-left: 0px;
}
.xdsoft_datetimepicker.xdsoft_inline {
  padding: 20px;
}

/* end plugin calendar */

#steps-container {
  min-height: 250px !important;   
  margin-top:40px;
  margin-bottom:40px;
}

.section_priserdv .hs_cos_wrapper_module_1681821555644119 {
  text-align:center;
  margin-top:40px;
}

.section_priserdv .bg_creme h1,
.section_priserdv .section_form_grey h1 {
  font-size: 45px;
  text-align:center;
}

.section_priserdv .bg_creme h3,.section_form_grey h3 {
  font-size: 20px;
  line-height: 20px;
  text-align:center;
}

.section_priserdv .section_form {
  background-color: #faf7f5 !important;
  border: 1px solid #008D97;
  border-radius: 6px;
}
.section_priserdv .section_form_grey { 
  padding-top:120px !important;
  border:none;
  border-radius:20px;
  margin:0 auto;
  width:98%;
}
.section_priserdv #steps-container .col-lg-7, #steps-container .col-md-10{
  flex: 0 0 90%;
  max-width: 90%;
} 
.section_priserdv .bg_creme {
  background-color:#faf7f5;
  margin-top: 90px;
  padding-top: 20px;
  border-radius:20px;
}
.section_priserdv .section_form {
  border: 10px solid #fff;
} 
.section_priserdv .section_form .btn {
  max-width: 220px;
  display: block;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 23px;
  margin: 0 auto;
}
.section_priserdv .section_priserdv .rounded-circle {
  width: 100px;
  margin: -41px -59px;
  z-index: 100;
} 

.section_priserdv .real_name{
  font-weight:500;
}
/* Professionalism by Vincent */
.btn-secondary.focus, 
.btn-secondary:focus {
  box-shadow: none !important;
}
.fa-arrow-right {
  animation: bounce 0.8s ease infinite alternate;
}
.section_priserdv .cities-autocomplete-container {
  background-color: #faf7f5;
  border-bottom: 1px solid #ced4da;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
.section_priserdv .autoComplete_wrapper>input {
  background-color: transparent;
}
/* End Magic by Vincent 
auto-complete ville */

.section_priserdv .section_form {
  background-color: #faf7f5;
}

.section_priserdv #steps-container {
  margin: auto;
  display: flex;
  vertical-align: middle;
  align-items: center;
}

.section_priserdv .step {
  display: none;
}

.section_priserdv .step h4,
.section_priserdv #success h4 {
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.2;
}

.section_priserdv .num_step {
  font-size : 18px;
  color: #797676;
}

.section_priserdv .mandatory_field { 
  font-size : 14px;
}

.section_priserdv #q-box__buttons  {
  text-align: center;
}
.section_priserdv #q-box__buttons .btn {
  min-width: 280px;
  border-radius: 25px;
}

.section_priserdv button#prev-btn, 
.section_priserdv button#next-btn,
.section_priserdv button#submit-btn {
  z-index: 1;
  cursor: pointer;
}

.section_priserdv .progress {
  border-radius: 0 0 5px 5px !important;
  height: 8px!important;
}

.section_priserdv .alert-primary {
  background-color: transparent !important;
  border-color: #ff3859 !important;
  color: #ff3859 !important;
  font-size: 14px !important;
}

.section_priserdv .form-control {
  height: 46px;
  background-color: #faf7f5;
  border: none;
  border-bottom: 1px solid #ced4da;
  border-radius: 0;
}

.section_priserdv .question__input {
  position: absolute;
  left: -9999px;
}

.section_priserdv label {
  font-size: 16px;
  margin-bottom: 5px;
  color: #00385e;
}

.section_priserdv .question__label {
  position: relative;
  display: block;
  line-height: 20px;
  padding: 5px 0 5px 40px;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  color: #00385e;
}

.section_priserdv .question__label:hover {
  color: #ff3859;
}

.section_priserdv .question__label:before,
.section_priserdv .question__label:after {
  position: absolute;
  content: "";
}

.section_priserdv .question__label:before {
  top: 12px;
  left: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #ced4da;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.section_priserdv .question__input:checked+.question__label:after {
  top: 22px;
  left: 8px;
  width: 10px;
  height: 5px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}

.section_priserdv .form-check-input:checked, 
.section_priserdv .form-check-input:focus {
  background-color: #DC3545 !important;
  outline: none !important;
  border: none !important;
}

.section_priserdv input:focus {
  outline: none;
}

.section_priserdv .form-check {
  padding-left: 0;
}

.section_priserdv label.form-check-label.radio-lb {
  margin-right: 15px;
}

.section_priserdv .modal input[type="text"], 
.section_priserdv .modal input[type="email"] {
  padding: 8px 14px 8px 0;
}

.section_priserdv input[type="range"] {
  width: 100%;
}

.section_priserdv output {
  display: block;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
}

.section_priserdv input[type="text"]:focus, 
.section_priserdv input[type="email"]:focus {
  border: none;
  border-bottom: 1px solid #ff3859;
  background-color: #faf7f5;
  border-radius: 0;
  outline: 0px !important;
  -webkit-appearance: none;
  box-shadow: none !important;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.section_priserdv .form-check-input:checked[type=radio], 
.section_priserdv .form-check-input:checked[type=radio]:hover, 
.section_priserdv .form-check-input:checked[type=radio]:focus, 
.section_priserdv .form-check-input:checked[type=radio]:active {
  border: none !important;
  -webkit-outline: 0px !important;
  box-shadow: none !important;
}

.section_priserdv .form-check-input:focus, input[type="radio"]:hover {
  box-shadow: none;
  cursor: pointer !important;
}

.section_priserdv #success {
  display: none;
}

.section_priserdv #success .btn-secondary {
  border-radius : 25px;
}

.section_priserdv .step10  .form-control {
  height:30px !important;
}

.section_priserdv .question__input:checked+.question__label:before {
    background-color: #008d97;
    box-shadow: 0 0 0 0;
}

/************************************* MEDIA QUERIES **************************************/
@media(min-width: 400px) {
  .section_priserdv .question__label {
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .xdsoft_datetimepicker.xdsoft_inline {
    padding: 20px;
    margin: 20px;
  }
  .xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
  }
  .xdsoft_datetimepicker .xdsoft_timepicker {
    width:100px;
    margin-left: 8px;
  }
  .section_priserdv #steps-container {
    min-height: 280px!important;  
  }
  .section_priserdv .step h4 {
    margin: 0 0 24px 0;
    line-height: 1.6;
  }
  .section_priserdv #q-box__buttons .btn {
    min-width: 280px;
  }
  .section_priserdv .question__label {
    line-height: 40px;
    padding: 5px 20px 5px 50px;
  }
   .section_priserdv .bg_creme h1,.section_form_grey h1 {
    font-size: 35px;
  } 
  .section_priserdv .section_form_grey {  
    border-radius:0px; 
    width:100%;
  }
  .section_priserdv .bg_creme {  
    border-radius:0;
  }
}
.letter {
  border: none;
  background-color: white;
  color: #ff3859;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  margin: 5px;
  font-size: 20px;
  font-weight: 600;
}

a.letter {
  display: inline-block;
  text-decoration: none;
  padding: 10px 10px 8px 10px;
}

a.letter:not([href]) {
  color: white;
}

.letter.disabled {
  background-color: transparent;
  pointer-events: none;
  color: #9a9898;
}

.lexique-rows .active {
  background-color: #ff3859;
  color: white;
  text-decoration: none;
}

a.page-number {
  color: #ff3859;
  width: 50px;
  height: 50px;
  padding: 5px 10px 5px 10px;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
}

a.page-number.active {
  pointer-events: none;
  background-color: transparent;
  color: #00385e;
}

.box {
  display: inline-flex; 
}

.box .content {
  display:block;
  width: 100%;
  background-color: white;
  -webkit-box-shadow: 9px 13px 15px 0 rgba(0,0,0,.1);
  box-shadow: 9px 13px 15px 0 rgba(0,0,0,.1);
  border-radius: 3px;
  padding: 25px;
}

.box .content:hover {
  text-decoration: none;
}

.box .content:hover .title4{
  color: #ff3859;
}

.box .content .link {
  transition: transform 0.5s;
} 

.box .content:hover .link{
  transform: translateX(7px);
}

/************** media queries *****************/
@media(max-width: 768px) {
  .scrollable-list {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }
}
/* ce css contiendra tous les modules cta du site */

/* module - cta-banner  */
#ctaBanner{
  background-size: cover;
  height: 300px;
  width:95%;
}
#ctaBanner .cta-container{
  margin-left: 20%;
}

/* module - Cta ebook modal à verifier   */
.modal .form input,
.modal form .hs-input {
  border-color: #f5f5f5;
  color: #888;
  background-color: #f5f5f5;
}

.modal .actions {
  text-align: center;
}
.modal .content ul li::before {
  display: none;
}

/* module - Cta image texte  */
.cta_link .bg_beige {
  border-radius: 20px 20px 0 0;
}
.cta_link .img_bg {
  border-radius: 0 0 20px 20px;
} 
.cta_link .bloc_text {
  font-size: 20px;
  line-height: 1.4;
}
.cta_link .img_bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
}
/* module - Cta image texte  */
a.cta_link {
  display: block;
  color : white;
  text-decoration: none !important;
}
a.cta_link:hover {
  text-decoration: none !important;
}
a.cta_link span{
  color: #ff3859;
  transition: color .3s ease;
}
a.cta_link .bg_blue {
  border-radius: 0 0 5px 5px;
}
a.cta_link .bloc_img_left {
  overflow: hidden;
  height: 150px;
  border-radius: 5px 5px 0 0 ;
}
a.cta_link .bloc_text {
  font-size: 20px;
  line-height: 1.4;
}
a.cta_link .img_bg_left {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height : 100%;
  transition: transform .3s ease;
}
a.cta_link:hover .img_bg_left {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
a.cta_link:hover span {
 color: #ffd154;
}

/* module - cta-telechargement pdf */
.cta_ebook .img_bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  border-radius: 0 0 5px 5px;
}

.cta_ebook .bg_blue {
   border-radius: 5px 5px 0 0;
}

/* module - Cta to form  */
.cta_to_form .fa-arrow-right {
  animation: bounce 0.8s ease infinite alternate;
}

.cta_to_form h2 span {
  font-weight: 600;
  display: inline-flex;
  flex-direction: column-reverse;
  height: 13px;
  background-color: #FFD154;
}

.cta_to_form p {
  font-size: 18px;
  color: #00385e;
}

/* module - Cta to form_img */
.cta_form .img_bg {
  border-radius: 20px 20px 0 0;
}
.cta_form .bg_beige {
  border-radius: 0 0 20px 20px;
}

.cta_form .bloc_text {
  font-size: 20px;
  line-height: 1.4;
}

.cta_form .bloc_text .title2 {
  font-size: 30px!important;
}

.cta_form .img_bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
}

.img_bg {
  min-height:200px;
}

/************** media queries *****************/
@media (min-width:768px) {
  .cta_form .bg_beige {
    border-radius: 0 20px 20px 0;
  }
  .cta_form .img_bg {
    border-radius: 20px 0 0 20px;
  } 
  .cta_to_form p {
    font-size: 17px;
  }
  .cta_ebook .img_bg {
    border-radius: 0 5px 5px 0;
  }
  .cta_ebook .bg_blue {
    border-radius: 5px 0 0 5px;
  }
  a.cta_link .bg_blue {
    border-radius:0 5px 5px 0;
  }
  a.cta_link .bloc_img_left {
    border-radius: 5px 0 0 5px;
  }
  .cta_link .bg_beige {
    border-radius: 20px 0 0 20px;
  }
  .cta_link .img_bg {
    border-radius: 0 20px 20px 0;
  } 
}

@media (min-width: 992px) {
  .cta_form .bloc_text .title2 {
  font-size: 40px!important;
  }
}
.timeline-content {
  text-align: center; 
  margin-left: 50px;
}

/* Timeline */

.timeline {
  border-left: 4px solid #00385e;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;    
  margin: 0 auto;  
  letter-spacing: 0.5px;   
  position: relative;
  line-height: 1.4em;
  padding: 30px 30px;   
  list-style: none;
  text-align: left;  
}

.timeline a {
  color: #00385e;
}

.timeline a .date {
  color: #797676;
  text-transform: uppercase;
}

.timeline a .titre {
  font-weight: 600;
} 

.event {
  font-size: 18px;
  padding-bottom: 20px;
  position: relative;
}

.event p {
  font-size: 18px;
}

.event:last-of-type { 
  padding-bottom: 0;
  margin-bottom: 0; 
  border: none;      
}

.event:before,
.event:after {
  position: absolute;
  display: block;
  top: 0;
}

.event:before {
  left: -180px;    
  color: #00385e !important;    
  content: attr(data-date) !important;
  text-align: right;
  font-weight: 600;    
  font-size: 20px;
  min-width: 120px;
  margin-left:0 !important;
}

.event:after {
  box-shadow: 0 0 0 4px #00385e;    
  left: -38px;        
  background: #ffffff;    
  border-radius: 50%;  
  height: 11px;
  width: 11px;
  content: "";
  top: 5px;
}



#timeline-content-presse {
  text-align: center; 
  margin-left: 80px;
}




#timeline-content-prestation .event {
  padding-bottom: 30px;
  position: relative;
}

#timeline-content-prestation .timeline .event:before {
  margin-left: initial;
}

#timeline-content-prestation .timeline .event p {  
  color:#00385e !important;
  margin-bottom: initial;
}


@media (min-width:992px) {
  .timeline-content {
    margin-left: 80px;
  }
}
.circle {
  min-width: 60px;
  width:60px;
  height:60px;
  line-height: 60px;
  border-radius: 50%;
  font-size: 36px;
  color: #fff;
  text-align: center;
  display: inline-block;
}

.card-title{
  display: flex;
}

.card-header-testimonials{
  background: transparent;
  margin-bottom: 20px;
  height: 60px;
  justify-content: center;
  border: none;
  padding: 0.50rem 0.50rem;
}

.card-header__name{
  font-size: 20px;
  line-height: 23px;
  margin-bottom: 5px;
  word-break: break-word;
}

.card-header__city{
  font-size: 16px;
  line-height: 13px;
  font-weight: 600; 
}

.card-header__score{
  line-height:22px;
  padding-top: 5px; 
}

.card-container{
  margin: auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: self-start;
}

.card-testimonials{
  width: 30%;
  margin-bottom: 10px;
  margin-top: 10px;
  height: 100%;
}

.card-body{
  box-shadow: 0px 6px 6px hsl(0deg 0% 0% / 5%);
  border: 1px solid rgb(0 0 0 / 0.9%);
}

.testimonials-pagination{
  text-align: center;
}

.fa-star{
  color: #ffd154;
}

.yellow{
  background-color: #ffd154;
}

.blue{
  background-color: #00385e;
}

.pink{
  background-color: #ff3859;
}

.green{
  background-color: #33eab5;
}

.card-footer-testimonials{
  background: transparent;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
}

.card-chasseur{
  display: flex;
  line-height: 30px;
}

.card-chasseur__photo{
  border-radius: 50%;
  width: 28px;
  height: 28px;
  background-size: cover!important;     
}

.card-chasseur__photo{
  border-radius: 50%;
  width: 28px;
  height: 28px;
  background-size: cover!important;     
}

.card-chasseur__id{
  margin-left: 10px;
  font-weight: bold;
  font-size: 15px;
  line-height:15px;
}

.card-chasseur__id span{
  display: block;
  font-weight: normal;
  color: #00385e;
  font-size: 12px;
}

.card-origin{
  font-size: 12px;
  color: #888;
  padding-top: 30px;
}

.card-origin p { 
  line-height: 17px; 
  font-size: 13px; 
}

.submit-filters{
  display: inline-block;
}

.filter-selector{
  display: flex;
  justify-content: center;
}

.filter-selector input{
  width: 100%;
}

.filter-selector .form-selector{
  font-weight: 500;
  padding: 15px 20px;
  border-radius: 5px;
  color: #00385E!important;
  background-color: #F5F5F5;
  border-color: #F5F5F5;
  border-style: none;
}

input#location.form-selector.locations{
  font-family:  'FontAwesome';
}

.temoignagent .title3 {
  text-align: center;
}

.card-link i{
  padding-left: 10px; 
}

/* RESPONSIVE */
@media screen and (min-width: 768px){
  input#location.form-selector.locations {
    min-width: 400px!important;
  }  
  .filter-selector input{
    width: auto!important;
  }
}
/* module arguments */

.arguments_content {
  padding: 50px 20px !important;
}

.arguments_content img {
  width: 120px;
  height: 120px;
}

.bg_blue .arguments_content h3 {
  color: white;
}

/* module arguments 3blocs */

.box_argument .bloc_img {
  overflow: hidden;
  height: 120px;
  width: 120px;
  margin: 0 auto;
  border-radius: 50%;
}

/* module arguments 4blocs */

.arguments_content .fa-stack {
  color: #008D97;
}

/* module arguments */

.argument .card_content p {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 600;
}

/* module arguments avec img */

.valeurs-mci .section-titre {
  margin-left: auto;
  margin-right: auto;
  max-width: 860px;
  text-align: center;
}

.valeurs-mci .card__content {
  font-size: 20px;
  line-height: 1.2;
}

.feature__card {
  padding: 20px 10px;
}

.card__content > h4{
  font-size: 2rem;
  text-align: center;
  margin:0;
}

.feature__icon{
  font-size: 2rem;
  padding-bottom:0;
}

/* module arguments localisation */

.arguments_content i {
  color: #008D97;
}

/* module arguments page tarifs2 */

.tarifs2 .sec_arguments_tarif .arguments_content  {
  padding: 0;
}

.tarifs2 .sec_arguments_tarif .argument {
  text-align: center;
}

.tarifs2 .sec_arguments_tarif .arguments_content h3 {
  color: #00385e;
  font-size: 28px;
  font-weight: 600;
}

.tarifs2 .sec_arguments_tarif .arguments_content img {
  margin:  0 auto;
  min-width: 150px;
  min-height: 150px;
}

/* arguments dans bloc bleu */
.picto_argument .fa-stack {
  font-size: 45px;
  margin-left:0;
}

/* LP ACHAT MAISON / LP achat appartement - arguments bloc 4 */
.lp_achat_maison .sec_arguments,
.lp_achat_appartement .sec_arguments,
.lp_partenaire .sec_arguments { 
  text-align: center;
}

.lp_achat_maison .sec_arguments img,
.lp_achat_appartement .sec_arguments img,
.lp_partenaire .sec_arguments img{ 
  border-radius: 50%;
}

.lp_achat_maison .arguments_content,
.lp_achat_appartement .arguments_content,
.lp_partenaire .arguments_content {
  padding: 0 0 50px 0;
}

.lp_achat_maison .sec_arguments .title4,
.lp_achat_appartement .sec_arguments .title4,
.lp_partenaire .sec_arguments .title4 {
  font-size :18px;
  line-height: 20px;
  font-weight:600;
}

/* full */

.arguments_full .encart {
  margin-bottom: 25px;
}

.arguments_full .encart:last-child {
  margin-bottom: 0;
}

.arguments_full .title4 {
  color: #ffffff;
}

/* modules valeurs_mci - features */

.features .card__content p {
  font-size: 18px;
  line-height: 1.2;
}

.feature__card{
  padding: 20px 10px;
}

.feature__card i{
  color: #FF3859;
}

.localisation .feature__card i{
  color: #008d97;
}

/************** media queries *****************/
@media(min-width:992px) {
  .feature__card{
    padding: 2%;
  }
  .features .feature__card {
    padding: 0;
  }

  .features .card__content p {
    font-size: 20px;
    line-height: 1.2;
  }
  .valeurs-mci .card__content {
    font-size: 18px;
    line-height: 1.2;
  }
  .argument .card_content p {
    font-size: 20px;
    line-height: 1.2;
  }

  .argument .card_content span {
    display: block
  }
}
.inscription_newsletter {
  padding : 20px;
  border-radius: 10px;
}

.inscription_newsletter .hs-form label {
    display: none;
}

.inscription_newsletter .hs-button {
  height: 46px;
  font-family: "Font Awesome 5 Pro";
  white-space: normal !important;
  padding: 8px 15px;
  margin-left:5px;
  border: 2px solid #ff3859;
}


.inscription_newsletter .hs_submit,
.inscription_newsletter .hs-form-field {
  display: inline-block;  
}

.inscription_newsletter .hs-form-field {
  width:80%;
}



.blog_post .inscription_newsletter { 
  background-color: #00385e;
  color : #ffffff;
}

.blog_post .inscription_newsletter form input.hs-input {
  border-color: #f5f5f5;
  color: #797676;
  background-color: #f5f5f5;
}
.ebook_telechargement .actions {
  text-align: right;
}
.ebook_telechargement .actions .hs-button {
  padding: 8px 20px;
}

.ebook_telechargement form input.hs-input {
  border-color: #f5f5f5;
  color: #797676;
  background-color: #f5f5f5;
}

.ebook_telechargement {
    border: 1px solid #00385e;
    border-radius: 5px;
    background-color: #00385e;
    color: #ffffff!important;
}

.ebook_telechargement .hs-form label {
    color : #ffffff;
}

.conversion-text-2 p {
  color: #ffffff!important;
}
.banner-setting--white{
  background-color: #ffffff;
}

.banner-setting--grey{
    background-color: #f5f5f5;
}

.banner-setting--white,
.banner-setting--grey{
    color: #00385e;
}

.banner-setting--white span,
.banner-setting--grey span{
    color: #ff3859;
}

.banner-setting--yellow{
    background-color: #ffd154;
    color: #00385e;
}

.banner-setting--yellow span{
    color: #ffffff;
}

.banner-setting--blue span{
    color: #ffd154;
}

.banner-setting--blue,
.banner-setting--blue h2{
    background-color: #00385e;
    color: #ffffff;
}

/* BEGIN - Immodvisor Widgets */
@media screen and (min-width: 768px){
    #immodvisor-widget-iframe{
        display: none;
    }
}
@media screen and (max-width: 767px){
    #immodvisor-seal-widget-iframe{
        display: none;
    }
}
/* END - Immodvisor Widgets */
/* landing page sea   */

.stabilo {
  background-color: #ffd154;
  display:inline-flex;
  flex-direction:column-reverse;
  height:8px;
  padding: 0 5px;
  font-weight: 600;
}

.header_lp .navbar-brand .nav_logo {
  height: 70px;
}

.landing_sea .banner_header_principal {
  margin-top: 0px;
}

.landing_sea .card {
  border: none;
}

/* landing page sea FAQ   */

.landing_sea .hs-accordion {
  max-width: 800px;
  margin: 0 auto;
}

.landing_sea .hs-accordion-item {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.landing_sea .hs-accordion-button {
  width: 100%;
  padding: 20px 24px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #00385e;
  font-weight: 500;
  font-size: 18px;
  transition: all 0.3s ease;
}

.landing_sea .hs-accordion-button::hover {
  color: #00385e;
  opacity: .8;
}

.landing_sea .hs-accordion-content {
  display: none;
  padding: 0 24px 20px;
  color: #00385e;
  line-height: 1.6;
}

.landing_sea .hs-accordion-content.show {
  display: block;
}

.landing_sea .hs-accordion-content p {
  margin: 0;
  font-size: 16px;
}

@keyframes slides {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

#tracking_reassurance_logos .logos {
  overflow: hidden;
  padding: 30px 0px;
  white-space: nowrap;
  position: relative;
}

#tracking_reassurance_logos .logos:before, #tracking_reassurance_logos .logos:after {
  position: absolute;
  top: 0;
  content: '';
  width: 250px;
  height: 100%;
  z-index: 2;
}

#tracking_reassurance_logos .logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255,255,255,0), rgb(255, 255, 255));
}

#tracking_reassurance_logos .logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255,255,255,0), rgb(255, 255, 255));
}

#tracking_reassurance_logos .logo_items {
  display: inline-block;
  animation: 60s slides infinite linear;
}

#tracking_reassurance_logos .logos:hover .logo_items {
  animation-play-state: paused;
}

#tracking_reassurance_logos .logo_items img{
  height: 100px;
      padding: 0 30px;
  filter: grayscale(1);
}

@media (max-width: 768px) {
  .landing_sea .hs-accordion-button {
    font-size: 16px;
    padding: 16px 20px;
  }

  .landing_sea .hs-accordion-content {
    padding: 0 20px 16px;
  }
}

/* pour chaque form généré un ID est différent */

/***********************************************/
/* css banniere-webinar id 5157577 */
/***********************************************/
#leadinModal-content-wrapper-5157577 {
  height: 160px;
}

.leadin-content-body .leadin-preview-wrapper h4 {
  color: #00385e!important;
  font-size: 16px;
}

.leadinModal.leadinModal-theme-top.leadinModal-v3 .leadinModal-content-wrapper .leadin-content-body {
  padding: 20px; 
}

a.leadin-button.leadin-advance-button.leadin-button-secondary {
  background: #ff3859!important;
  color: #ffffff!important;
  padding: 10px 20px!important;
  min-width: 200px;
  font-weight: 500;
  font-size: 16px;
  font-family: 'Gilroy'!important;
}

/***********************************************/
/* css banniere-telechargement-ebook 3 étapes id 4908951 */   
/* id de la description <p> change également ici : 5007417 */   
/***********************************************/

/* 1er étape*/  

#leadinModal-content-wrapper-4908951 {
  height: auto!important;
}

.leadinModal.leadinModal-theme-top.leadinModal-v3 .leadinModal-content-wrapper .leadin-content-body {
  padding: 20px; 
}

button.leadin-button.leadin-advance-button.leadin-button-secondary {
  background: #ff3859!important;
  color: #ffffff!important;
  padding: 10px 20px!important;
  min-width: 200px;
  font-weight: 500;
  font-size: 16px;
  font-family: 'Gilroy'!important;
}

/* 2eme étape*/  
.leadinModal.leadinModal-v3 .dyno-image img {
  display: none!important;
}

.leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-form .leadinModal-content, .leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-thanks .leadinModal-content {
  background-color: #00385e!important;
}

.leadinModal.leadinModal-theme-top .leadinModal-content-wrapper #leadin-content-form-wrapper {
  padding: 2em 2.5em!important;
}

.leadin-message-wrapper h4,
span.leadinModal-hide-outline.leadinModal-description-5007417 > p,
.leadin-input-wrapper label {
  color: #ffffff!important;
}

button.leadin-button.leadin-button-primary.leadin-primary.leadin-submit {
  background: #ff3859!important;
  color: #ffffff!important;
  padding: 10px 20px!important;
  min-width: 200px;
  font-weight: 500;
  font-size: 16px;
  font-family: 'Gilroy'!important;
}

.leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-preview h4,
.leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-form h4 {
  display: inline-block!important; 
  margin: 0!important;
}

span.leadinModal-hide-outline.leadinModal-description-5007417 {
  display: none!important;
}

/* 3eme étape*/  

.thank-you-message span.leadinModal-hide-outline.leadinModal-description-5007417 {
  display: block!important;
}

.leadinModal.leadinModal-v3 .thank-you-message .continue-url-wrapper {
  width: 100%!important;
}

.leadinModal.leadinModal-v3 .thank-you-message * {
  color: white!important;
}

.leadinModal .leadin-close-button, .leadinModal .leadin-footer-link {
  display: inline!important;
  text-decoration: none;
  color: #ff3859!important;
}

a.leadin-button.leadin-button-primary.leadin-primary {
  background: #ff3859!important;
  color: #ffffff!important;
  padding: 10px 20px!important;
  min-width: 200px;
  font-weight: 500;
  font-size: 16px;
  font-family: 'Gilroy'!important;
}

/************** media queries *****************/

@media screen and (min-width: 992px){

  .leadinModal.leadinModal-v3 .thank-you-message .continue-url-wrapper {
    width: 12%!important;
  }
  .leadinModal.leadinModal-v3 .dyno-image img {
    display: inherit!important;
  }
  .leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-form h4 {
    display: block!important; 
    margin: 120px;
  }
  span.leadinModal-hide-outline.leadinModal-description-5007417 {
    display: block!important;
    margin-left: 0;
  }
  .leadinModal-5007417.leadinModal-theme-top.leadinModal-preview.leadinModal-v3 .leadinModal-content h4 {
    font-size: 20px;
  }
  .leadinModal.leadinModal-theme-top.leadinModal-preview.leadinModal-v3 .leadinModal-content h4 {
    font-size: 18px;
  }
  .leadin-content-body .leadin-preview-wrapper h4 {
    color: #00385e!important;
    font-size: 18px;
  }
  #leadinModal-content-wrapper-5157577 {
    height: 90px;
  }
}
/* BEGIN NEW DESIGN SYSTEM 2023  */

/***********************************************/
/* You find here every new css for the design system 2023  */ 
/***********************************************/
/* la class mère de tout le nouveau design system est : ds */ 


.home .sec_testimonials {
  z-index: 5 !important;
  position: relative;
}

.sec_arguments {
  z-index: 200;
  position: relative;
} 

.m_header {
    margin-top: 122px;
}

.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #f5f5f5
}



.bg_blue h2 span {
  color : white !important;
}




.localisation .faq_localisation h2 span {
  display: contents;
}

.ds .text-intro {
  font-size: 18px;
}

.ds.bg_gray.sec_testimonials h2 span {
  background-color:#ffd154;
}

 

.ds .intro {
  font-size: 18px;
}

.ds ul li::marker {
  font-weight: 900;
  font-size: 20px;
  color: #ff3859;
}

.sec_arguments .bg_beige {
  border-radius: 0px;
}

.bg_gray .hs-richtext {
  color: #00385e;
}

@media screen and (min-width: 768px) {
  .sec_arguments .bg_beige {
    border-radius: 20px;
  }
}
/** END NEW DESIGN SYSTEM 2023 **/
/* HUB GUIDES*/
 .guide-index a.post-item-link .bloc_post {
    padding: 15px 15px 60px 15px !important;
}

.guide-index .bloc_img .img_bg {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  transition: transform .3s ease;
  height: 100%;
}

.guide-index .post-item_list .link{
  position: initial!important;
}

.guide-index .post-item {
  background-color:  #f5f5f5;
}

.guide-index .bg_gray .post-item {
  background-color:  white;
}

.guide-index .post-item_list {
  padding-bottom: 0px;
}

.card-listing .en-tete {
  font-size: 16px;
  color: #00385e;
  font-weight: 400;
}

.bloc_post h2 span {
  font-weight: 600;
  display: inline-flex;
  flex-direction: column-reverse;
  height: 9px;
  background-color: #ffd154;
}

.card-listing .post-item-link {
  font-weight: 400!important;
}

.bloc_bottom { 
  position : absolute;
  bottom : 10px;
  right : 0;
}

.guide-index a.post-item-link .fa-stack {
  font-size: 24px;
}

/* Module cta_to_guide */
.cta_to_guides {
  background-color: #f5f5f5;
}

.cta_to_guides h3 span {
  font-weight: 600;
  display: inline-flex;
  flex-direction: column-reverse;
  height: 13px;
  background-color: #ffd154;
}

.cta_to_guides picture {
  font-size: 18px;
  color: #00385e;
}

.cta_to_guides p {
  font-size: 18px;
  color: #00385e;
}

.btn_to_guides {
  color: #008D97;
  border-color:  #008D97;
  background-color: #ffffff;
  font-size: 18px;
  line-height: 22px;
}

.cta_to_guides .btn-secondary:hover,
.cta_to_guides .btn-secondary:focus {
  color: #ffffff;
  background-color: #008D97;
  border-color:  #008D97;
}

.cta_to_guides .point {
  color:  #008D97;
  background-color: inherit;
}

.cta_to_guides a {
  text-decoration: none !important;
}

/************** media queries *****************/
@media screen and (min-width: 768px){
   .guide-index a.post-item-link .bloc_post {
    padding: 0 30px 60px 30px;
  } 
}
/* Start module articles edito lp */
.slider_articles {
  overflow: hidden;
  position: relative;
}

.sec_articles .swiper-container {
  width: 100%;
  height: auto;
}

.sec_articles .swiper-slide {
  text-decoration: none !important;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.sec_articles .box_article {
  margin: 0 15px 50px 15px;
  -webkit-box-shadow: 9px 13px 15px 0 rgba(0,0,0,.1);
  box-shadow: 9px 13px 15px 0 rgba(0,0,0,.1);
  background: #fff;
  color: #00385e;
  border-radius: 5px;
  width: 100%;
}

.slider_articles .box_article .bloc_img {
  overflow: hidden;
  height:250px;
  border-radius: 5px 5px 0 0 !important;
}

.box_article .bloc_img img{
  border-radius: 5px 5px 0 0 !important;
}

.slider_articles .box_article .bloc_img .img_bg{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: transform .3s ease;
  height: 100%;
}

.slider_articles  a.swiper-slide:hover .img_bg {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.sec_articles .card-text {
  padding: 30px;
  min-height: 370px;
}

.card-text .article_title {
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
}

.card-text .article_text {
  font-size: 16px;
  line-height: 22px;
  color: #797676 !important;
  margin-bottom: 18px;
  font-weight: 400;
}

.article_img {
  background-color: gray;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 200px;
  border-radius: 5px 5px 0 0;
}

/* Start module articles edito slider */

.sec_articles .slider_articles .box_article {
  margin: 0 15px 16px 15px;
  min-height: 575px;
}

.slider_articles .card-text {
  padding: 15px;
}

.slider_articles a:hover .font-weight-bold {
  color: #ff3859 ;
}

/* Start module articles presse */

.article_presse a {
  color: #00385e;
}

.article_presse a:hover {
  text-decoration: none;
}

.article_presse .date_publication {
  color: #888;
}

.article_presse a:hover .titre_article {
  color: #ff3859;
} 

.nom_media {
  font-weight:700;
}

/************** media queries *****************/
@media(min-width:576px) {
  .slider_articles .card-text {
    padding: 30px;
  }
}


.card-search .subtitle {
  font-size: 16px;
}

.card-search p {
  font-size: 14px;
}

.search .card {
 border: none;
}

.search .card-body {
  border: 1px solid #008D97;
  box-shadow: none;
  border-radius: 5px;
}



.search-holder input#location,
.search-holder input#the-wrapper,
.search-holder input#surface,
.search-holder input#budget,
.search-holder .room {
  border-radius: 5px;
  background-color: #FFFFFF!important;
  border-color: #FFFFFF!important;
  border-style: none!important;
  padding-left: 15px;
}

.search-holder {
  background-image: none !important;
  background-color: #F5F5F5!important;
  border-color: #F5F5F5!important;
  border-radius: 0px;
  margin-top: 0px;
  padding-top: 16px;
  font-weight: 600;
}

.search-holder .p-16 {
  font-size: 16px;
}



.search-holder .location,
.search-holder .autoComplete_wrapper{
  border: none;
}
.down_container {
  margin-top: 16px;
}
.search-holder .location,
.search-holder .surface,
.search-holder .budget,
.search-holder .room,
.search-holder .submit-filters{
  width: 100%;
  height: 50px;
}
.filter-block {
  display: inline-block;
}
.down-block {
  display: inline-block;
}
.filter-block p,
.down_container p {
  font-size: 14px;
  line-height: 14px;
  padding-bottom: 7px;
}
.search-holder .name-surface,
.search-holder .name-budget {
  -webkit-appearance: none;
  appearance: none;
}
#surface::-webkit-inner-spin-button,
#surface::-webkit-outer-spin-button,
#budget::-webkit-inner-spin-button,
#budget::-webkit-outer-spin-button,
#surface:hover::-webkit-inner-spin-button,
#surface:hover::-webkit-outer-spin-button,
#budget:hover::-webkit-inner-spin-button,
#budget:hover::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}
#surface,
#budget,
#surface:hover,
#budget:hover {
  -moz-appearance: textfield;
}
#cities-list {
  display: flex;
}
.search-holder .selected-city {
  background-color: #00385e;
  color: white;
  margin: 8px 2.5px;
  padding: 2px 12px;
  font-size: 16px;
  border-radius: 20px;
  cursor: pointer;
}
.search-holder .autocomplete-container {
  background-color: field; 
  padding: 0px;
  box-sizing: border-box;
  border-radius: 5px;
}
.search-holder .autoComplete_wrapper>input {
  padding-left: 16px;
}
.search-holder input#autoComplete {
  height: 50px;
}


@media (min-width:768px) {
  .search-holder {
    border-radius: 10px;
    margin-top: -15px;
    padding-top: 0px;
  }
}

/*****************************************/
/* css module missions terminées chasseurs et bureaux   */
/*****************************************/


.immo-card__body p {
  font-size: 16px;
}

#missions .immo-card {
  padding-right: 5px;
  padding-left: 5px;
}

.gray-pill{
  position: absolute;
  top: 60%;
  right: 8%;
  background-color: #f5f5f5;
}


.immo-card__header{
  height: 200px;
  background-size: cover;
  background-position: center; 
}

.contact .immo-card__header{
  height: 120px;
}


/* css module missions terminées page cahsseurs V2 */

/************** media queries *****************/
@media (min-width:768px) {
  #missions .immo-card {
    padding-right: 15px;
    padding-left: 15px;
  }
  .immo-card__header{
    height: 200px;
  }

  .contact .immo-card__header{
    height: 150px;
  }
  
}

.espace_presse .modal-dialog {
  background-color: white;
}



#formulairePageChasseur .modal-dialog, #formulairePageChasseur .modal-content  {
  max-width:100% !important;
} 
#formulairePageChasseur .modal {
  padding-right: 0px !important;
}

#videoChasseur .modal-header {
  border-bottom: 0!important;
  padding: 1rem 1rem 0.5rem 1rem;
}

#videoChasseur .btn-close {
  background: none!important;
  opacity: inherit;
}
#videoChasseur .modal-content {
  margin: 0 auto;
}

#videoChasseur .modal-body {
  padding: 0;
}

#videoChasseur .sourcevideo {
  height: 95%;
}
#page_geoloc #myModal .modal_geoloc{
 
}

 


.modal-content { 
  margin: 5% auto;
  max-width: 880px; 
}

@media (max-width: 575.98px) { 
  #page_geoloc .section_form {
    min-height: 100vh;
    border: 0;
    margin-left: 0!important;
    margin-right: 0!important;
  }
  #page_geoloc .modal-content{
    margin: 0;
  }
  #page_geoloc .progress{
    position: absolute; 
    bottom:0; 
    width:100%;
  }
}

@media(min-width: 768px) { 
  #formulairePageChasseur .bg_ocean,#formulairePageChasseur .bg_ocean h4 {
    color: #00385e;
  }
  #formulairePageChasseur .modal {
    display:block;
    position:relative;
    background-color: unset !important; 
  }
  #formulairePageChasseur .bg_ocean {
    background-color:unset !important;
  }
  #formulairePageChasseur .fade {
    opacity:100%;
    z-index: 0 !important;
  }
}

html,
body {
  overflow-x: hidden;
}

picture img {
  border-radius:5px; 
}

figure{
  margin: 0;
}

*, *:before, *:after {
  box-sizing: border-box;
}

.anchor{
  display: block;
  height: 115px; /*same height as header*/
  margin-top: -115px; /*same height as header*/
  visibility: hidden;
} 

.lp_leadgen .header .logo_resize { 
  width: auto !important;
}
#steps-container {
  padding-top:25px;
}
.menu_scroll {
 box-shadow:4px 4px 10px 0 rgba(0,0,0,.1);
}

#cta_back_top {
  display: none;
  position: fixed;
  bottom: 20px;
  z-index: 248;
}