/* Colors
  ========================================================================== */
/* Typography
    ========================================================================== */
/* -----------------------------------------------------
     Mixins
     ----------------------------------------------------- */
/* Typography
    ========================================================================== */
/* -----------------------------------------------------
   Page : Home
   ----------------------------------------------------- */
.layout-main-wrapper {
  background-color: #ffffff; }

.block-1 {
  margin: 0; }

.hero {
  height: 645px;
  padding: 43px 0;
  color: #ffffff;
  background: url("../img/hero_home.jpg");
  background-size: cover; }
  .hero h1 {
    margin-bottom: 1.875rem;
    font-size: 1.75rem;
    font-weight: 500; }
  .hero .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

.search-form .btn-primary {
  display: block;
  width: 100%;
  margin-bottom: 1.25rem; }
  .search-form .btn-primary:before {
    display: inline;
    margin-right: 10px;
    font-family: 'Font Awesome 5 Pro';
    font-size: 1.25rem;
    font-weight: 400;
    content: '\f002'; }
.search-form .row {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
.search-form fieldset {
  margin: 0; }

.company-item__listing {
  position: relative;
  padding: 2rem 0;
  padding: 2rem 0;
  background: #e7e4e9; }
  .company-item__listing::before {
    background: #e7e4e9; }
  .company-item__listing .btn__wrapper {
    padding-top: 2.375rem; }

#block-listeatoutsaffairesasuivre {
  margin-top: 0;
  margin-bottom: 0;
  padding: 4.5rem 0;
  text-align: center;
  background: #ffffff; }
  #block-listeatoutsaffairesasuivre h2 {
    margin-bottom: 2.625rem;
    text-align: center; }
  #block-listeatoutsaffairesasuivre .circle {
    margin-right: auto;
    margin-left: auto; }
  #block-listeatoutsaffairesasuivre p {
    font-weight: 300; }
  #block-listeatoutsaffairesasuivre .col-lg-3 .circle::after {
    content: ''; }
  #block-listeatoutsaffairesasuivre .col-lg-3:nth-of-type(2) .line {
    right: -15px;
    width: calc(50% + 30px); }
  #block-listeatoutsaffairesasuivre .col-lg-3:last-of-type .line {
    left: -15px;
    width: calc(50% + 30px); }

.line {
  display: none; }

.circle {
  position: relative;
  width: 2.9375rem;
  height: 2.9375rem;
  margin-top: 40px;
  margin-bottom: 47px;
  border-radius: 50%;
  background: linear-gradient(43deg, #c9ebe9 0%, #eaf1f2 100%); }
  .circle::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 103px;
    height: 103px;
    margin: auto;
    content: '';
    -webkit-transform: translateX(-25%);
            transform: translateX(-25%);
    border: 1px solid #eaf1f2;
    border-radius: 50%; }

.block-with-illu {
  position: relative;
  background-color: #e7e4e9; }

#block-views-block-testimony-bck-random {
  margin-top: 41px;
  margin-bottom: 41px; }
  #block-views-block-testimony-bck-random h2 {
    text-align: center; }

.region-main-bottom {
  background-color: #ffffff; }

.company-item__listing,
.white-container,
.grey-container {
  position: relative; }
  .company-item__listing:before, .company-item__listing:after,
  .white-container:before,
  .white-container:after,
  .grey-container:before,
  .grey-container:after {
    position: absolute;
    top: 0;
    display: block;
    width: calc((100vw) / 2);
    height: 100%;
    content: '';
    background: #e7e4e9; }
  .company-item__listing:before,
  .white-container:before,
  .grey-container:before {
    left: calc(-1 * (100vw) / 2); }
  .company-item__listing:after,
  .white-container:after,
  .grey-container:after {
    right: calc(-1 * (100vw) / 2); }

@media (min-width: 768px) {
  .hero {
    height: auto; }
    .hero h1 {
      font-size: 2.25rem;
      line-height: 42px; }

  .company-item__listing:before, .company-item__listing:after,
  .white-container:before,
  .white-container:after,
  .grey-container:before,
  .grey-container:after {
    width: calc((100vw - 720px + 30px) / 2); }
  .company-item__listing:before,
  .white-container:before,
  .grey-container:before {
    left: calc(-1 * (100vw - 720px + 30px) / 2); }
  .company-item__listing:after,
  .white-container:after,
  .grey-container:after {
    right: calc(-1 * (100vw - 720px + 30px) / 2); } }
@media (min-width: 992px) {
  .hero {
    height: 500px; }
    .hero h1 {
      font-size: 3.125rem;
      line-height: 4.1875rem; }

  .block-cta-placement-annonce {
    margin-top: 0;
    margin-bottom: 0; }
    .block-cta-placement-annonce .block__inner {
      padding: 0; }

  .line {
    position: absolute;
    top: 61.5px;
    display: block;
    width: 100%;
    height: 4px;
    background: #eaf1f2; }

  .block-with-illu {
    position: relative;
    margin-top: 41px;
    margin-bottom: 41px;
    padding: 57px 75px; }
    .block-with-illu .illu--bl {
      bottom: -2rem;
      left: -75px; }

  .block-1 {
    margin: 0;
    margin-bottom: 71px;
    padding-top: 150px; }

  .line {
    position: absolute;
    top: 61.5px;
    width: 100%;
    height: 4px;
    background: #eaf1f2; }

  #block-views-block-testimony-bck-random {
    margin-top: 71px;
    margin-bottom: 71px; } }
@media (min-width: 1200px) {
  .block-with-illu {
    min-height: 310px;
    margin-top: 71px;
    margin-bottom: 71px; } }
@media (min-width: 1440px) {
  .company-item__listing {
    padding: 5.625rem 0; }
    .company-item__listing .btn__wrapper {
      padding-top: 4.375rem; }

  .testimony-item__listing {
    padding: 4.5625rem 0; }

  .testimony-item {
    padding-bottom: 4rem; } }