html, body {
  font-family: "Rubik", sans-serif;
  overflow-x: hidden;
}

h1 {
  font-size: clamp(1.875rem, 3vw + 0.25rem, 4.375rem);
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  color: #303C6D;
  margin-bottom: 30px;
}

h2 {
  font-size: clamp(1.875rem, 2vw + 0.25rem, 2.813rem);
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
  color: #303C6D;
}

h3 {
  font-size: clamp(1.563rem, 1vw + 1rem, 2.5rem);
  font-weight: 700;
  color: #303C6D;
}

p, span, a, li {
  font-size: 14px;
  font-size: 400;
  color: #303C6D;
}
p.light, span.light, a.light, li.light {
  color: white;
}

.bold {
  font-weight: 700;
}

a:hover {
  color: #6EC9AC;
}

a {
  text-decoration: none;
}

.bleu {
  color: #303C6D;
}

.vert {
  color: #6EC9AC;
}

.btn-full-vert {
  background-color: #6EC9AC;
  font-size: 16px;
  padding: 10px 35px 10px 15px;
  border: 1px solid #6EC9AC;
  border-radius: 5px;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  text-decoration: none;
  transition-duration: 0.3s;
  z-index: 10;
  position: relative;
}
.btn-full-vert::after {
  content: url("../img/arrow.svg");
  margin-left: 7px;
  margin-top: -1px;
  position: absolute;
}
.btn-full-vert:hover {
  background-color: white;
  text-decoration: none;
  color: #6EC9AC;
}
.btn-full-vert:hover::after {
  filter: brightness(0) saturate(100%) invert(82%) sepia(35%) saturate(429%) hue-rotate(105deg) brightness(83%) contrast(92%);
}

.btn-full-bleu {
  background-color: #303C6D;
  font-size: 16px;
  padding: 10px 35px 10px 15px;
  border: 1px solid #303C6D;
  border-radius: 5px;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  text-decoration: none;
  transition-duration: 0.3s;
  z-index: 10;
  position: relative;
}
.btn-full-bleu::after {
  content: url("../img/arrow.svg");
  margin-left: 7px;
  margin-top: -1px;
  position: absolute;
}
.btn-full-bleu:hover {
  background-color: white;
  text-decoration: none;
  color: #303C6D;
}
.btn-full-bleu:hover::after {
  filter: brightness(0) saturate(100%) invert(21%) sepia(10%) saturate(3249%) hue-rotate(191deg) brightness(97%) contrast(91%);
}

.no-padding-left {
  padding-left: 0;
}

.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.padding-top-l {
  padding-top: 200px;
}
@media screen and (max-width: 992px) {
  .padding-top-l {
    padding-top: 100px;
  }
}

.padding-bottom-l {
  padding-bottom: 200px;
}
@media screen and (max-width: 992px) {
  .padding-bottom-l {
    padding-bottom: 100px;
  }
}

.padding-top-m {
  padding-top: 100px;
}
@media screen and (max-width: 992px) {
  .padding-top-m {
    padding-top: 50px;
  }
}

.padding-bottom-m {
  padding-bottom: 100px;
}
@media screen and (max-width: 992px) {
  .padding-bottom-m {
    padding-bottom: 50px;
  }
}

.padding-top-s {
  padding-top: 50px;
}
@media screen and (max-width: 992px) {
  .padding-top-s {
    padding-top: 20px;
  }
}

.padding-bottom-s {
  padding-bottom: 50px;
}
@media screen and (max-width: 992px) {
  .padding-bottom-s {
    padding-bottom: 20px;
  }
}

label, input:not([type=submit]), textarea {
  font-size: 16px;
}

label {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 10px;
  margin-left: 5px;
}

input:not([type=submit]), textarea {
  background-color: #D6D9E2;
  border: none;
  border-radius: 5px;
  padding: 20px;
  margin: 0 5px;
}

input:not([type=submit]) {
  height: 45px;
  margin-bottom: 20px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("../img/arrow-down.svg");
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 50%;
}

#cookie-law-info-bar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  #cookie-law-info-bar .container {
    flex-wrap: wrap;
  }
}
#cookie-law-info-bar .container .cli-bar-message {
  max-width: 700px;
}
@media screen and (max-width: 992px) {
  #cookie-law-info-bar .container .cli-bar-message {
    margin-bottom: 10px;
  }
}
#cookie-law-info-bar .container .buttons #cookie_action_close_header_reject, #cookie-law-info-bar .container .buttons .cli_settings_button {
  border: 1px solid #303C6D;
  border-radius: 5px;
}
#cookie-law-info-bar .container .buttons #wt-cli-accept-all-btn {
  border: 1px solid #6EC9AC;
  border-radius: 5px;
  margin: 10px;
}

h4, .cli-privacy-content-text, .cli-privacy-readmore {
  color: #303C6D;
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
  background-color: #6EC9AC;
  border-radius: 5px;
  color: white;
  border: 1px solid #6EC9AC;
  text-transform: uppercase;
}

#cookie-law-info-again {
  box-shadow: none;
  border-radius: 5px 5px 0 0;
  border-top: 1px solid #303C6D;
  border-left: 1px solid #303C6D;
  border-right: 1px solid #303C6D;
}

.cli-switch input:checked + .cli-slider {
  background-color: #6EC9AC;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  padding: 0;
  border: 0;
  font-family: "Rubik";
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Regular.woff2") format("woff2"), url("../fonts/Rubik-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-BlackItalic.woff2") format("woff2"), url("../fonts/Rubik-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-ExtraBold.woff2") format("woff2"), url("../fonts/Rubik-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Light.woff2") format("woff2"), url("../fonts/Rubik-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Light.woff2") format("woff2"), url("../fonts/Rubik-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-LightItalic.woff2") format("woff2"), url("../fonts/Rubik-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Black.woff2") format("woff2"), url("../fonts/Rubik-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Bold.woff2") format("woff2"), url("../fonts/Rubik-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Italic.woff2") format("woff2"), url("../fonts/Rubik-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-LightItalic.woff2") format("woff2"), url("../fonts/Rubik-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-SemiBold.woff2") format("woff2"), url("../fonts/Rubik-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Medium.woff2") format("woff2"), url("../fonts/Rubik-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Rubik-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-BoldItalic.woff2") format("woff2"), url("../fonts/Rubik-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Rubik-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-MediumItalic.woff2") format("woff2"), url("../fonts/Rubik-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
.search {
  background-color: rgba(48, 60, 109, 0.8);
  padding: 20px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .search {
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.search .tag-city {
  cursor: pointer;
  background-color: #063A38;
  color: #F0E0CC;
  border-radius: 7px;
  padding: 5px;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
  padding-left: 10px;
  padding-right: 40px;
  margin-right: 10px;
}
.search .tag-city::after {
  content: url("../img/cross-tags.svg");
  position: absolute;
  right: 10px;
  top: 7px;
}
.search .budget-holder, .search .surface-holder {
  display: flex;
  width: 60%;
  margin-right: 15px;
  position: relative;
  height: 36px;
  padding: 5px;
  background-color: #F1F9FF;
  border-radius: 10px;
}
@media screen and (max-width: 1200px) {
  .search .budget-holder, .search .surface-holder {
    height: 31px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 992px) {
  .search .budget-holder, .search .surface-holder {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 992px) {
  .search .budget-holder > div, .search .surface-holder > div {
    width: 50%;
  }
}
@media screen and (max-width: 992px) {
  .search .budget-holder > div:first-child, .search .surface-holder > div:first-child {
    margin-right: 5px;
  }
}
.search .budget-holder > div input, .search .surface-holder > div input {
  background-color: #D1D9EF !important;
  border-radius: 5px;
  margin: 0;
  width: 97%;
}
@media screen and (max-width: 992px) {
  .search .budget-holder > div input, .search .surface-holder > div input {
    width: 100%;
  }
}
.search .budget-holder > div input::placeholder, .search .surface-holder > div input::placeholder {
  color: #747FA4;
  font-size: 14px;
}
@media screen and (max-width: 1200px) {
  .search .budget-holder > div input::placeholder, .search .surface-holder > div input::placeholder {
    font-size: 12px;
  }
}
.search .budget-holder > div input#budget-min, .search .budget-holder > div input#surface-min, .search .surface-holder > div input#budget-min, .search .surface-holder > div input#surface-min {
  margin-right: 5px;
}
.search form {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .search form {
    flex-direction: column;
  }
}
.search form .text {
  width: 200px;
  color: white;
  text-transform: uppercase;
  margin-right: 20px;
  white-space: nowrap;
}
@media screen and (max-width: 992px) {
  .search form .text {
    margin-right: 0;
    margin-bottom: 20px;
    width: auto;
  }
}
.search .city--active {
  display: flex !important;
}
.search .city {
  display: none;
  list-style: none;
  flex-direction: column;
  position: absolute;
  z-index: 101;
  background-color: rgb(240, 224, 204);
  width: 100%;
  padding: 10px;
  border-radius: 0px 0px 5px 5px;
  max-height: 150px;
  overflow-y: scroll;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  top: 100%;
}
.search .city li {
  padding: 5px 3px 5px 3px;
}
.search .city label {
  margin-left: 10px;
}
.search .city label,
.search .city input {
  cursor: pointer;
}
.search #btnCrossInput {
  cursor: pointer;
  position: absolute;
  right: 13px;
  top: 13px;
  font-size: 20px;
  padding: 5px;
  color: black;
}
.search .input-container {
  width: 50%;
  margin-right: 15px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .search .input-container {
    margin-right: 10px;
  }
}
.search .input-container::after {
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
  .search .input-container {
    margin-bottom: 10px;
    width: 100%;
  }
}
.search .input-container--text::after {
  display: none;
}
.search select,
.search input[type=text],
.search .input-city-box,
.search .select-selected {
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 10px;
  background-color: #F1F9FF;
  padding: 0.8em;
  color: #303C6D;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  position: relative;
  text-transform: uppercase;
  border: none;
  font-size: 14px;
}
@media screen and (max-width: 1200px) {
  .search select,
  .search input[type=text],
  .search .input-city-box,
  .search .select-selected {
    font-size: 12px;
  }
}
.search .cityListElement {
  display: flex;
}
.search .cityListValue {
  position: relative;
  top: 6px;
}
.search .btn-full-vert::after {
  content: url("../img/loupe.svg");
}
.search .btn-full-vert:hover::after {
  filter: brightness(0) saturate(100%) invert(82%) sepia(35%) saturate(429%) hue-rotate(105deg) brightness(83%) contrast(92%);
}

.new_ads {
  position: relative;
  text-align: center;
}
.new_ads .title {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .new_ads .title {
    margin-left: 20px;
  }
}
.new_ads .title h2 {
  text-align: left;
  margin-bottom: 0;
}
.new_ads .title img {
  margin-right: 20px;
}
.new_ads .new_ads_block {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1200px) {
  .new_ads .new_ads_block {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .new_ads .new_ads_block .slick-slide:not(.slick-current) a {
    opacity: 0.5;
  }
}
.new_ads .new_ads_block::before {
  content: "";
  height: 100%;
  box-shadow: inset 8em 0 100px rgba(255, 255, 255, 0.7);
  position: absolute;
  width: 300px;
  z-index: 10;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .new_ads .new_ads_block::before {
    width: 50px;
    box-shadow: none;
  }
}
.new_ads .new_ads_block::after {
  content: "";
  height: 100%;
  box-shadow: inset -8em 0 100px rgba(255, 255, 255, 0.7);
  position: absolute;
  width: 300px;
  z-index: 10;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .new_ads .new_ads_block::after {
    width: 50px;
    box-shadow: none;
  }
}
.new_ads .new_ads_block .slick-dots {
  display: block;
  padding: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.new_ads .new_ads_block .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.new_ads .new_ads_block .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.new_ads .new_ads_block .slick-dots li::before {
  content: url("../img/inactive-dot.svg");
}
.new_ads .new_ads_block .slick-dots .slick-active::before {
  content: url("../img/active-dot.svg");
  position: absolute;
  top: -1px;
  left: 0;
}
.new_ads .new_ads_block .slick-prev {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  cursor: pointer;
  content: url("../img/Backwards-Arrow.svg");
  z-index: 100;
  transition: all 0.3s;
}
.new_ads .new_ads_block .slick-next {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  cursor: pointer;
  content: url("../img/Forward-Arrow.svg");
  z-index: 100;
  transition: all 0.3s;
}
.new_ads .new_ads_block .slick-dots {
  display: flex;
}
.new_ads .single_ad_block {
  background-color: #F8F9FA;
  margin: 20px;
}
.new_ads .single_ad_block img {
  width: 100%;
  object-fit: cover;
  height: 275px;
}
.new_ads .single_ad_block .text_ad_new {
  padding: 15px;
}
.new_ads .single_ad_block .text_ad_new .ad_new_title {
  height: 100px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 2200px) {
  .new_ads .single_ad_block .text_ad_new .ad_new_title {
    height: 85px;
  }
}
@media screen and (max-width: 1600px) {
  .new_ads .single_ad_block .text_ad_new .ad_new_title {
    height: 80px;
  }
}
@media screen and (max-width: 1400px) {
  .new_ads .single_ad_block .text_ad_new .ad_new_title {
    height: 75px;
  }
}
@media screen and (max-width: 1400px) {
  .new_ads .single_ad_block .text_ad_new .ad_new_title {
    height: 70px;
  }
}
@media screen and (max-width: 992px) {
  .new_ads .single_ad_block .text_ad_new .ad_new_title {
    height: 60px;
  }
}
.new_ads .single_ad_block .city_price {
  height: 15px;
}
@media screen and (max-width: 768px) {
  .new_ads .single_ad_block .city_price {
    height: 30px;
  }
}
.new_ads .single_ad_block .excerpt {
  padding-top: 20px;
  height: 75px;
}
@media screen and (max-width: 992px) {
  .new_ads .single_ad_block .excerpt {
    height: 85px;
  }
}
.new_ads .single_ad_block a {
  text-decoration: none;
}
.new_ads .single_ad_block .link {
  background-color: #6EC9AC;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
  padding: 10px;
  position: relative;
}
.new_ads .single_ad_block .link::after {
  content: url("../img/arrow.svg");
  margin-left: 10px;
  position: absolute;
}

.new_programs_home {
  position: relative;
  text-align: center;
  background-color: #F8F9FA;
}
.new_programs_home .title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.new_programs_home .title h2 {
  text-align: left;
  margin-bottom: 0;
  color: #303C6D;
}
.new_programs_home .title img {
  margin-right: 20px;
}
.new_programs_home .new_programs_block {
  z-index: 10;
  position: relative;
}
.new_programs_home .new_programs_block .container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 992px) {
  .new_programs_home .new_programs_block .container {
    flex-wrap: wrap;
  }
}
.new_programs_home .single_ad_block {
  background-color: #303C6D;
  margin: 20px;
  width: 48%;
  text-align: left;
}
@media screen and (max-width: 992px) {
  .new_programs_home .single_ad_block {
    width: 100%;
    margin: 20px 0;
  }
}
.new_programs_home .single_ad_block img {
  width: 100%;
  object-fit: cover;
  height: 275px;
}
.new_programs_home .single_ad_block .text_ad_new {
  padding: 15px;
}
.new_programs_home .single_ad_block .text_ad_new h3 {
  color: white;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 500px) {
  .new_programs_home .single_ad_block .text_ad_new h3 {
    width: 100%;
  }
}
.new_programs_home .single_ad_block .excerpt {
  padding-top: 20px;
  color: white;
  display: flex;
  justify-content: space-between;
}
.new_programs_home .single_ad_block .excerpt .excerpt_text {
  width: 70%;
}
.new_programs_home .single_ad_block .excerpt img {
  height: 50px;
  width: 50px;
  margin: 0 20px 20px 0;
}
.new_programs_home .single_ad_block a {
  text-decoration: none;
}
.new_programs_home .single_ad_block .link {
  background-color: #6EC9AC;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
  padding: 10px;
  position: relative;
}
.new_programs_home .single_ad_block .link::after {
  content: url("../img/arrow.svg");
  margin-left: 10px;
  position: absolute;
}

.new_programs {
  position: relative;
  text-align: center;
  background-color: #F8F9FA;
}
.new_programs .title {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .new_programs .title {
    margin-left: 20px;
  }
}
.new_programs .title h2 {
  text-align: left;
  margin-bottom: 0;
  color: #303C6D;
}
.new_programs .title img {
  margin-right: 20px;
}
.new_programs .new_programs_block {
  z-index: 10;
  position: relative;
}
.new_programs .new_programs_block .container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 992px) {
  .new_programs .new_programs_block .container {
    flex-wrap: wrap;
  }
}
.new_programs .new_programs_block .container h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new_programs .single_ad_block {
  background-color: #EAECF1;
  margin: 20px;
  width: 48%;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .new_programs .single_ad_block {
    width: 100%;
    margin: 20px 0;
  }
}
.new_programs .single_ad_block img {
  width: 100%;
  object-fit: cover;
  height: 275px;
}
.new_programs .single_ad_block .text_ad_new {
  padding: 15px;
}
.new_programs .single_ad_block .excerpt {
  padding-top: 20px;
  height: 70px;
}
.new_programs .single_ad_block a {
  text-decoration: none;
}
.new_programs .single_ad_block .link {
  background-color: #303C6D;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
  padding: 10px;
  position: relative;
}
.new_programs .single_ad_block .link::after {
  content: url("../img/arrow.svg");
  margin-left: 10px;
  position: absolute;
}

.testimonials {
  position: relative;
  text-align: center;
}
.testimonials .title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonials .title h2 {
  text-align: left;
  margin-bottom: 0;
  color: #6EC9AC;
}
.testimonials .title img {
  margin-right: 20px;
}
.testimonials .testimonials_block {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  position: relative;
  z-index: 10;
  padding: 0 100px;
}
@media screen and (max-width: 1200px) {
  .testimonials .testimonials_block {
    flex-wrap: wrap;
    padding: 0 50px;
  }
}
@media screen and (max-width: 600px) {
  .testimonials .testimonials_block {
    padding: 0px;
  }
}
.testimonials .testimonials_block .slick-dots {
  display: flex;
  padding: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.testimonials .testimonials_block .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.testimonials .testimonials_block .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.testimonials .testimonials_block .slick-dots li::before {
  content: url("../img/inactive-dot.svg");
}
.testimonials .testimonials_block .slick-dots .slick-active::before {
  content: url("../img/active-dot.svg");
  position: absolute;
  top: -1px;
  left: 0;
}
.testimonials .testimonials_block .slick-prev {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  cursor: pointer;
  content: url("../img/Backwards-Arrow.svg");
  z-index: 100;
  transition: all 0.3s;
}
.testimonials .testimonials_block .slick-next {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  cursor: pointer;
  content: url("../img/Forward-Arrow.svg");
  z-index: 100;
  transition: all 0.3s;
}
.testimonials .description {
  z-index: 100;
  position: relative;
  max-width: 1000px;
  margin: auto;
}
.testimonials .testimonial_block {
  margin: 20px;
  position: relative;
  padding: 0 2%;
}
@media screen and (max-width: 992px) {
  .testimonials .testimonial_block {
    padding: 0 50px;
    max-height: none;
  }
}
@media screen and (max-width: 768px) {
  .testimonials .testimonial_block {
    padding: 0;
  }
}
.testimonials .testimonial_block .testimonial_text {
  padding: 30px;
  background-color: #EAECF1;
  position: relative;
  text-align: left;
}
.testimonials .testimonial_block .testimonial_text .position {
  text-transform: uppercase;
  font-size: 12px;
}
.testimonials .testimonial_block .testimonial_text .testimonial_title {
  font-size: 20px;
}
@media screen and (max-width: 992px) {
  .testimonials .testimonial_block .testimonial_text .testimonial_title {
    font-size: 16px;
  }
}
.testimonials .testimonial_block .testimonial_text .ref {
  font-style: italic;
  font-weight: 300;
  font-size: 12px;
}

.latest_news {
  position: relative;
  text-align: center;
  background-color: #F8F9FA;
}
.latest_news .title {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 576px) {
  .latest_news .title {
    width: 300px;
    margin: 0 auto;
  }
}
.latest_news .title h2 {
  text-align: left;
  margin-bottom: 0;
  color: #303C6D;
}
.latest_news .title img {
  margin-right: 20px;
}
.latest_news .latest_news_block {
  z-index: 10;
  position: relative;
}
.latest_news .latest_news_block .container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 992px) {
  .latest_news .latest_news_block .container {
    flex-wrap: wrap;
  }
}
.latest_news .post_link {
  width: calc(33.3333333333% - 40px);
  margin: 20px;
  text-align: left;
  text-decoration: none;
}
@media screen and (max-width: 992px) {
  .latest_news .post_link {
    width: 100%;
    margin: 20px 0;
  }
}
.latest_news .post_link:hover .btn-full-bleu {
  background-color: #EAECF1;
  border: 1px solid #EAECF1;
  color: #303C6D;
}
.latest_news .post_link:hover .btn-full-bleu::after {
  filter: brightness(0) saturate(100%) invert(21%) sepia(10%) saturate(3249%) hue-rotate(191deg) brightness(97%) contrast(91%);
}
.latest_news .post_link img {
  width: 100%;
  object-fit: cover;
  height: 275px;
}
.latest_news .post_link .post_info {
  padding: 15px;
  background-color: #EAECF1;
}
.latest_news .post_link .post_info h3 {
  color: #6EC9AC;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.latest_news .post_link .post_info .excerpt {
  height: 65px;
}
@media screen and (max-width: 992px) {
  .latest_news .post_link .post_info .excerpt {
    height: auto;
  }
}
.latest_news .post_link .btn-full-bleu {
  width: 100%;
  border-radius: 0;
  text-align: center;
}

.honoraires {
  position: relative;
  text-align: center;
  width: 100vw;
  height: fit-content;
  overflow: hidden;
}
.honoraires .background-img {
  position: absolute;
  width: 100vw;
  height: 100%;
  z-index: -1;
}
.honoraires .background-img img {
  height: 100%;
  width: 100vw;
  object-fit: cover;
}
.honoraires .description {
  max-width: 700px;
  margin: 0 auto;
}
.honoraires .description p {
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 0;
  color: white;
  text-align: center;
}

header {
  background-color: #303C6D;
}
header .navbar {
  height: 76px;
  position: relative;
}
@media screen and (max-width: 991px) {
  header .navbar {
    padding-top: 0;
    height: 56px;
  }
}
header .container {
  height: 76px;
}
@media screen and (max-width: 991px) {
  header .container {
    position: relative;
    max-width: 100%;
    height: 56px;
  }
}
header .container .navbar-brand {
  padding-top: 30px;
  z-index: 10;
}
@media screen and (max-width: 990px) {
  header .container .navbar-brand {
    padding-top: 0;
    height: 56px;
  }
}
header .container .navbar-brand .logo {
  position: relative;
  top: -15px;
}
@media screen and (max-width: 990px) {
  header .container .navbar-brand .logo {
    height: 150px;
    top: -45px;
  }
}
header .container .mobile-nav .navbar-toggler {
  border: none;
  padding: 0.25rem;
}
header .container .mobile-nav .navbar-toggler:focus-visible {
  outline: none;
}
header .container .mobile-nav .navbar-toggler:focus {
  box-shadow: none;
}
header .container .mobile-nav .navbar-toggler .navbar-toggler-icon {
  background-image: url("../img/nav-burger.svg");
}
header .container .mobile-nav:focus-visible {
  outline: none;
}
header .navbar-nav {
  position: relative;
  right: -100%;
  transform: translateX(-100%);
}
@media screen and (max-width: 992px) {
  header .navbar-nav {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
header .navbar-collapse {
  background-color: #303C6D;
}
@media screen and (max-width: 992px) {
  header .navbar-collapse {
    position: relative;
    left: -12px;
    min-width: 100vw;
  }
}
header #menu-menu-principal {
  list-style: none;
  display: flex;
  margin-bottom: 0;
  align-items: center;
}
@media screen and (max-width: 991px) {
  header #menu-menu-principal {
    flex-direction: column;
  }
}
header #menu-menu-principal li {
  margin-right: clamp(0.938rem, 2vw - 0.25rem, 1.875rem);
}
header #menu-menu-principal li a {
  color: white;
  text-decoration: none;
  transition-duration: 0.3s;
  text-transform: uppercase;
}
header #menu-menu-principal li a:hover {
  color: #6EC9AC;
}
@media screen and (max-width: 991px) {
  header #menu-menu-principal li {
    padding: 10px 0;
  }
}
header #menu-menu-principal li.current-menu-item a {
  color: #6EC9AC;
}
header #menu-menu-principal li.acces-loc {
  background-color: #6EC9AC;
  padding: 15px 20px;
  border-radius: 5px;
  margin-right: 0;
  transition-duration: 0.3s;
  cursor: pointer;
}
header #menu-menu-principal li.acces-loc a {
  font-weight: 700;
}
header #menu-menu-principal li.acces-loc:hover {
  background-color: white;
}
header #menu-menu-principal li.acces-loc:hover a {
  color: #6EC9AC;
}
header .mobile-acces-loc {
  background-color: #6EC9AC;
  display: none;
  position: relative;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  header .mobile-acces-loc {
    display: block;
  }
}
header .mobile-acces-loc .container a {
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  text-align: right;
  display: block;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  padding-right: 20px;
}
header .mobile-acces-loc .container a::after {
  content: url("../img/arrow.svg");
  position: relative;
  right: -10px;
  top: 3px;
}

.header-back {
  height: 76px;
  position: relative;
  z-index: 1029;
}
@media screen and (max-width: 992px) {
  .header-back {
    height: 110px;
  }
}

.footer {
  background-color: #6EC9AC;
}
.footer .container, .footer .copyright_block {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .footer .container, .footer .copyright_block {
    flex-direction: column;
    justify-content: center;
  }
  .footer .container img, .footer .copyright_block img {
    margin-bottom: 20px;
  }
}
.footer .container a, .footer .container p, .footer .copyright_block a, .footer .copyright_block p {
  color: white;
  text-decoration: none;
  margin: 0 10px;
}
@media screen and (max-width: 992px) {
  .footer .container a, .footer .container p, .footer .copyright_block a, .footer .copyright_block p {
    margin: 10px;
  }
}
.footer .copyright_block {
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.footer .copyright_block a, .footer .copyright_block p {
  font-size: 12px;
}

.home .main_header {
  height: 70vh;
  position: relative;
}
.home .main_header .main_slider {
  height: 70vh;
}
.home .main_header .main_slider .slick-dots {
  display: flex;
  padding: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.home .main_header .main_slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.home .main_header .main_slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.home .main_header .main_slider .slick-dots li::before {
  content: url("../img/inactive-dot.svg");
}
.home .main_header .main_slider .slick-dots .slick-active::before {
  content: url("../img/active-dot.svg");
  position: absolute;
  top: -1px;
  left: 0;
}
.home .main_header .main_slider .slick-prev {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  cursor: pointer;
  content: url("../img/Backward-Arrow-grey.svg");
  z-index: 100;
  transition: all 0.3s;
}
.home .main_header .main_slider .slick-next {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  cursor: pointer;
  content: url("../img/Forward-Arrow-grey.svg");
  z-index: 100;
  transition: all 0.3s;
}
.home .main_header .main_slider .slide {
  height: 70vh;
}
.home .main_header .main_slider .slide .bg-img {
  position: absolute;
  width: 100vw;
  height: 100%;
  z-index: -1;
}
.home .main_header .main_slider .slide .bg-img img {
  height: 100%;
  width: 100vw;
  object-fit: cover;
}
.home .main_header .main_slider .slide .main_title {
  padding: 50px 30px;
  background-color: rgba(110, 201, 172, 0.8);
  width: clamp(330px, 60%, 1200px);
  margin: 0 auto;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  border-radius: 5px;
}
@media screen and (max-width: 992px) {
  .home .main_header .main_slider .slide .main_title {
    padding: 30px 10px;
    top: 30%;
  }
}
.home .main_header .main_slider .slide .main_title h1 {
  color: white;
  text-align: center;
  white-space: nowrap;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 992px) {
  .home .main_header .main_slider .slide .main_title h1 {
    white-space: initial;
  }
}
.home .main_header .main_slider .slide .main_title h1 strong {
  font-size: 700;
}
.home .main_header .main_slider .slide .main_title p {
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 0;
  color: white;
  text-align: center;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 992px) {
  .home .main_header .main_slider .slide .main_title p {
    font-size: 18px;
    line-height: 22px;
  }
}
.home .main_header .main_slider .slide .main_title p strong {
  font-size: 700;
}
.home .new_ads::before {
  content: url("../img/Trace-201.svg");
  position: absolute;
  top: 0;
  left: -5px;
}
.home .new_ads::after {
  content: url("../img/bg-1.svg");
  position: absolute;
  z-index: 1;
  bottom: -250px;
  right: 0;
}
@media screen and (max-width: 992px) {
  .home .new_ads::after {
    display: none;
  }
}
.home .testimonials::after {
  content: url("../img/bg-2.svg");
  position: absolute;
  z-index: 1;
  top: 30%;
  left: 0;
}
@media screen and (max-width: 992px) {
  .home .testimonials::after {
    display: none;
  }
}
.home .latest_news::after {
  content: url("../img/bg-1.svg");
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 992px) {
  .home .latest_news::after {
    display: none;
  }
}

.error404 main {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 80vh;
  justify-content: center;
  text-align: center;
}
.error404 h1 {
  color: #6EC9AC;
  font-size: 12.5rem;
  letter-spacing: 0.1em;
  margin: 0.025em 0;
  white-space: nowrap;
}
@media (max-width: 30rem) {
  .error404 h1 {
    font-size: 8.5rem;
  }
}
.error404 h1 > span {
  color: #303C6D;
  font-size: 12.5rem;
  display: inline-block;
}
@media (max-width: 30rem) {
  .error404 h1 > span {
    font-size: 8.5rem;
  }
}
.error404 h2 {
  color: #303C6D;
  margin-bottom: 0.4em;
}
.error404 p {
  margin-top: 0;
}
.error404 #zero {
  color: #303C6D;
  font-size: 12.5rem;
}
@media (max-width: 30rem) {
  .error404 #zero {
    font-size: 8.5rem;
  }
}

.blog .container h1 {
  color: #6EC9AC;
  font-weight: 700;
}
.blog .container h2 {
  color: #6EC9AC;
  font-weight: 700;
  text-transform: initial;
  text-align: left;
}
.blog .container h3 {
  font-weight: 700;
  text-transform: initial;
  text-align: left;
}
.blog .container .row_filter #category_selector {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  background-color: #D5D8E2;
  margin-left: 20px;
  color: #303C6D;
}
@media screen and (max-width: 992px) {
  .blog .container .row_filter #category_selector {
    margin-left: 0;
  }
}

.results_blog .container {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.results_blog .container .post_link {
  width: calc(33.3333333333% - 40px);
  margin: 20px;
  text-align: left;
  text-decoration: none;
}
.results_blog .container .post_link:nth-child(1) {
  width: calc(66.6666666667% - 40px);
}
@media screen and (max-width: 992px) {
  .results_blog .container .post_link:nth-child(1) {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .results_blog .container .post_link {
    width: 100%;
    margin: 20px 0;
  }
}
.results_blog .container .post_link:hover .btn-full-bleu {
  background-color: #EAECF1;
  border: 1px solid #EAECF1;
  color: #303C6D;
}
.results_blog .container .post_link:hover .btn-full-bleu::after {
  filter: brightness(0) saturate(100%) invert(21%) sepia(10%) saturate(3249%) hue-rotate(191deg) brightness(97%) contrast(91%);
}
.results_blog .container .post_link img {
  width: 100%;
  object-fit: cover;
  height: 275px;
}
.results_blog .container .post_link .post_info {
  padding: 15px;
  background-color: #EAECF1;
}
.results_blog .container .post_link .post_info h3 {
  color: #6EC9AC;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.results_blog .container .post_link .post_info .excerpt {
  height: 45px;
}
@media screen and (max-width: 992px) {
  .results_blog .container .post_link .post_info .excerpt {
    height: auto;
  }
}
.results_blog .container .post_link .btn-full-bleu {
  width: 100%;
  border-radius: 0;
  text-align: center;
}
.results_blog .pagination {
  text-align: center;
  display: block;
}

.louer .main_header {
  height: 500px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .louer .main_header {
    height: 700px;
  }
}
.louer .main_header .bg-img {
  position: absolute;
  width: 100vw;
  height: 100%;
  z-index: -1;
}
.louer .main_header .bg-img img {
  height: 100%;
  width: 100vw;
  object-fit: cover;
}
.louer .main_header .main_title {
  width: clamp(340px, 50%, 1200px);
  margin: 0 auto;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
  .louer .main_header .main_title {
    padding-bottom: 200px;
  }
}
.louer .main_header .main_title h1,
.louer .main_header .main_title h2,
.louer .main_header .main_title h3 {
  color: white;
  text-align: center;
}
.louer .main_header .main_title h1 strong,
.louer .main_header .main_title h2 strong,
.louer .main_header .main_title h3 strong {
  font-size: 700;
}
.louer .main_header .main_title p {
  font-size: 18px;
  line-height: 22px;
  color: white;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .louer .main_header .main_title p {
    font-size: 16px;
    line-height: 20px;
  }
}
.louer .main_header .main_title p strong {
  font-size: 700;
}
.louer .main_header::after {
  content: url("../img/Trace-202.svg");
  position: absolute;
  top: 0;
  right: 0;
}
.louer .results {
  position: relative;
}
.louer .results .search {
  position: relative;
  background-color: rgb(48, 60, 109);
}
.louer .results .search::before {
  content: url("../img/Trace-201.svg");
  position: absolute;
  bottom: -46px;
  left: 0;
}
.louer .results .listing,
.louer .results .related-properties {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 10;
  text-align: center;
}
.louer .results .listing .single_ad_block,
.louer .results .related-properties .single_ad_block {
  background-color: #F8F9FA;
  margin: 10px;
  width: calc(33.3333333333% - 20px);
}
@media screen and (max-width: 992px) {
  .louer .results .listing .single_ad_block,
  .louer .results .related-properties .single_ad_block {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .louer .results .listing .single_ad_block,
  .louer .results .related-properties .single_ad_block {
    width: 100%;
  }
}
.louer .results .listing .single_ad_block img,
.louer .results .related-properties .single_ad_block img {
  width: 100%;
  object-fit: cover;
  height: 275px;
}
.louer .results .listing .single_ad_block .text_ad_new,
.louer .results .related-properties .single_ad_block .text_ad_new {
  padding: 15px;
}
.louer .results .listing .single_ad_block .text_ad_new .title,
.louer .results .related-properties .single_ad_block .text_ad_new .title {
  height: 100px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 2200px) {
  .louer .results .listing .single_ad_block .text_ad_new .title,
  .louer .results .related-properties .single_ad_block .text_ad_new .title {
    height: 85px;
  }
}
@media screen and (max-width: 1600px) {
  .louer .results .listing .single_ad_block .text_ad_new .title,
  .louer .results .related-properties .single_ad_block .text_ad_new .title {
    height: 80px;
  }
}
@media screen and (max-width: 1400px) {
  .louer .results .listing .single_ad_block .text_ad_new .title,
  .louer .results .related-properties .single_ad_block .text_ad_new .title {
    height: 75px;
  }
}
@media screen and (max-width: 1400px) {
  .louer .results .listing .single_ad_block .text_ad_new .title,
  .louer .results .related-properties .single_ad_block .text_ad_new .title {
    height: 70px;
  }
}
@media screen and (max-width: 992px) {
  .louer .results .listing .single_ad_block .text_ad_new .title,
  .louer .results .related-properties .single_ad_block .text_ad_new .title {
    height: auto;
  }
}
.louer .results .listing .single_ad_block .excerpt,
.louer .results .related-properties .single_ad_block .excerpt {
  padding-top: 20px;
  height: 80px;
}
.louer .results .listing .single_ad_block a,
.louer .results .related-properties .single_ad_block a {
  text-decoration: none;
}
.louer .results .listing .single_ad_block a:hover,
.louer .results .related-properties .single_ad_block a:hover {
  color: initial;
}
.louer .results .listing .single_ad_block .link,
.louer .results .related-properties .single_ad_block .link {
  background-color: #6EC9AC;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
  padding: 10px;
  position: relative;
}
.louer .results .listing .single_ad_block .link::after,
.louer .results .related-properties .single_ad_block .link::after {
  content: url("../img/arrow.svg");
  margin-left: 10px;
  position: absolute;
}
.louer .new_programs h2 {
  text-align: left;
  margin-bottom: 0;
  color: #6EC9AC;
}
.louer .prev-advert-page,
.louer .next-advert-page {
  position: relative;
  top: -7px;
  cursor: pointer;
}
.louer .prev-advert-page:hover,
.louer .next-advert-page:hover {
  text-align: none;
}
.louer .no-result-message {
  position: relative;
  top: 51px;
}

.programmes .main_header {
  height: 500px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .programmes .main_header {
    height: 60vh;
  }
}
.programmes .main_header .bg-img {
  position: absolute;
  width: 100vw;
  height: 100%;
  z-index: -1;
}
.programmes .main_header .bg-img img {
  height: 100%;
  width: 100vw;
  object-fit: cover;
}
.programmes .main_header .main_title {
  width: clamp(340px, 50%, 1200px);
  margin: 0 auto;
  top: 45%;
  position: relative;
  transform: translateY(-50%);
}
.programmes .main_header .main_title h1, .programmes .main_header .main_title h2, .programmes .main_header .main_title h3 {
  color: white;
  text-align: center;
}
.programmes .main_header .main_title h1 strong, .programmes .main_header .main_title h2 strong, .programmes .main_header .main_title h3 strong {
  font-size: 700;
}
.programmes .main_header .main_title p {
  font-size: 18px;
  line-height: 22px;
  color: white;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .programmes .main_header .main_title p {
    font-size: 16px;
    line-height: 20px;
  }
}
.programmes .main_header .main_title p strong {
  font-size: 700;
}
.programmes .main_header::after {
  content: url("../img/Trace-202.svg");
  position: absolute;
  top: 0;
  right: 0;
}
.programmes .results {
  position: relative;
}
.programmes .results::before {
  content: url("../img/Trace-201.svg");
  position: absolute;
  top: 0px;
  left: 0;
}
.programmes .results .listing {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 10;
  text-align: center;
}
.programmes .results .listing .single_ad_block {
  background-color: #EAECF1;
  margin: 20px;
  width: 44%;
}
@media screen and (max-width: 768px) {
  .programmes .results .listing .single_ad_block {
    width: 100%;
    margin: 20px 0;
  }
}
.programmes .results .listing .single_ad_block img {
  width: 100%;
  object-fit: cover;
  height: 275px;
}
.programmes .results .listing .single_ad_block .text_ad_new {
  padding: 15px;
}
.programmes .results .listing .single_ad_block .text_ad_new h3 {
  text-align: center;
  color: #6EC9AC;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.programmes .results .listing .single_ad_block .excerpt {
  padding-top: 20px;
  height: 80px;
}
.programmes .results .listing .single_ad_block a {
  text-decoration: none;
}
.programmes .results .listing .single_ad_block a:hover {
  color: initial;
}
.programmes .results .listing .single_ad_block .link {
  background-color: #303C6D;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
  padding: 10px;
  position: relative;
}
.programmes .results .listing .single_ad_block .link::after {
  content: url("../img/arrow.svg");
  margin-left: 10px;
  position: absolute;
}
.programmes .new_ads {
  background-color: #F8F9FA;
}
.programmes .new_ads h2 {
  text-align: left;
  margin-bottom: 0;
}
.programmes .prev-advert-page,
.programmes .next-advert-page {
  position: relative;
  top: -7px;
  cursor: pointer;
}
.programmes .prev-advert-page:hover,
.programmes .next-advert-page:hover {
  text-align: none;
}
.programmes .no-result-message {
  position: relative;
  top: 51px;
}

.qui-sommes-nous .main_header {
  height: 500px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .qui-sommes-nous .main_header {
    height: 60vh;
  }
}
.qui-sommes-nous .main_header .bg-img {
  position: absolute;
  width: 100vw;
  height: 100%;
  z-index: -1;
}
.qui-sommes-nous .main_header .bg-img img {
  height: 100%;
  width: 100vw;
  object-fit: cover;
}
.qui-sommes-nous .main_header .main_title {
  width: clamp(340px, 50%, 1200px);
  margin: 0 auto;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
.qui-sommes-nous .main_header .main_title h1,
.qui-sommes-nous .main_header .main_title h2,
.qui-sommes-nous .main_header .main_title h3 {
  color: white;
  text-align: center;
}
.qui-sommes-nous .main_header .main_title h1 strong,
.qui-sommes-nous .main_header .main_title h2 strong,
.qui-sommes-nous .main_header .main_title h3 strong {
  font-size: 700;
}
.qui-sommes-nous .main_header .main_title p {
  font-size: 18px;
  line-height: 22px;
  color: white;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .qui-sommes-nous .main_header .main_title p {
    font-size: 16px;
    line-height: 20px;
  }
}
.qui-sommes-nous .main_header .main_title p strong {
  font-size: 700;
}
.qui-sommes-nous .main_header::after {
  content: url("../img/Trace-202.svg");
  position: absolute;
  top: 0;
  right: 0;
}
.qui-sommes-nous .main_description {
  display: flex;
  flex-wrap: wrap;
}
.qui-sommes-nous .main_description div[class^=bloc] {
  width: 50%;
  height: 40vw;
}
@media screen and (max-width: 1700px) {
  .qui-sommes-nous .main_description div[class^=bloc] {
    height: 50vw;
  }
}
@media screen and (max-width: 992px) {
  .qui-sommes-nous .main_description div[class^=bloc] {
    width: 100%;
    height: auto;
  }
}
.qui-sommes-nous .main_description div[class^=bloc] .img img {
  object-fit: cover;
  width: 100%;
  height: 40vw;
}
@media screen and (max-width: 1700px) {
  .qui-sommes-nous .main_description div[class^=bloc] .img img {
    height: 50vw;
  }
}
@media screen and (max-width: 992px) {
  .qui-sommes-nous .main_description div[class^=bloc] .img img {
    height: auto;
  }
}
.qui-sommes-nous .main_description .bloc_1 {
  background-color: #6EC9AC;
  padding: 8%;
}
@media screen and (max-width: 1200px) {
  .qui-sommes-nous .main_description .bloc_1 {
    padding: 6%;
  }
}
@media screen and (max-width: 992px) {
  .qui-sommes-nous .main_description .bloc_1 {
    padding: 10% 6%;
  }
}
.qui-sommes-nous .main_description .bloc_1 h2 {
  text-align: left;
  color: white;
}
.qui-sommes-nous .main_description .bloc_1 .text {
  padding-bottom: 40px;
}
@media screen and (max-width: 1200px) {
  .qui-sommes-nous .main_description .bloc_1 .text {
    padding-bottom: 20px;
  }
}
.qui-sommes-nous .main_description .bloc_1 .text p {
  color: white;
  font-size: 18px;
  line-height: 25px;
}
@media screen and (max-width: 1400px) {
  .qui-sommes-nous .main_description .bloc_1 .text p {
    font-size: 16px;
    line-height: 20px;
  }
}
.qui-sommes-nous .main_description .bloc_1 .logo img {
  width: 75%;
}
@media screen and (max-width: 992px) {
  .qui-sommes-nous .main_description .bloc_1 .logo img {
    width: 50%;
  }
}
.qui-sommes-nous .main_description .bloc_3 {
  background-color: #F8F9FA;
}
.qui-sommes-nous .main_description .bloc_3 .map {
  padding: 8%;
  height: 100%;
}
@media screen and (max-width: 992px) {
  .qui-sommes-nous .main_description .bloc_3 .map {
    padding: 4%;
  }
}
.qui-sommes-nous .main_description .bloc_3 .map img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.qui-sommes-nous .main_description .bloc_4 {
  background-color: #303C6D;
  padding: 8%;
}
@media screen and (max-width: 1200px) {
  .qui-sommes-nous .main_description .bloc_4 {
    padding: 6%;
  }
}
@media screen and (max-width: 992px) {
  .qui-sommes-nous .main_description .bloc_4 {
    padding: 10% 6%;
  }
}
.qui-sommes-nous .main_description .bloc_4 h2 {
  text-align: left;
  color: white;
  margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
  .qui-sommes-nous .main_description .bloc_4 h2 {
    margin-bottom: 30px;
  }
}
.qui-sommes-nous .main_description .bloc_4 p {
  color: white;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1200px) {
  .qui-sommes-nous .main_description .bloc_4 p {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1400px) {
  .qui-sommes-nous .main_description .bloc_4 p {
    font-size: 16px;
    line-height: 20px;
  }
}
.qui-sommes-nous .main_description .bloc_4 .numbers {
  display: flex;
  flex-wrap: wrap;
}
.qui-sommes-nous .main_description .bloc_4 .numbers p {
  width: 44%;
  margin-right: 20px;
}
@media screen and (max-width: 576px) {
  .qui-sommes-nous .main_description .bloc_4 .numbers p {
    width: 100%;
  }
}
.qui-sommes-nous .main_description .bloc_4 .numbers p .number_green {
  font-size: 30px;
  font-weight: 700;
  color: #6EC9AC;
}
.qui-sommes-nous .values {
  position: relative;
}
.qui-sommes-nous .values::before {
  content: url("../img/bg-1.svg");
  position: absolute;
  z-index: 1;
  bottom: -123px;
  left: -200px;
}
@media screen and (max-width: 992px) {
  .qui-sommes-nous .values::before {
    display: none;
  }
}
.qui-sommes-nous .values::after {
  content: url("../img/bg-3.svg");
  position: absolute;
  z-index: 1;
  top: 250px;
  right: -200px;
}
@media screen and (max-width: 992px) {
  .qui-sommes-nous .values::after {
    display: none;
  }
}
.qui-sommes-nous .values div[class^=bloc] {
  display: flex;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 768px) {
  .qui-sommes-nous .values div[class^=bloc] {
    flex-wrap: wrap;
  }
}
.qui-sommes-nous .values div[class^=bloc] .subtitle {
  text-align: right;
  margin-right: 40px;
}
@media screen and (max-width: 768px) {
  .qui-sommes-nous .values div[class^=bloc] .subtitle {
    text-align: left;
    margin-right: 0;
  }
}
.qui-sommes-nous .values div[class^=bloc] p {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 0;
  text-align: justify;
}
@media screen and (max-width: 1400px) {
  .qui-sommes-nous .values div[class^=bloc] p {
    font-size: 16px;
    line-height: 20px;
  }
}
.qui-sommes-nous .values .bloc_1, .qui-sommes-nous .values .bloc_3 {
  justify-content: center;
}
.qui-sommes-nous .values .bloc_1 .subtitle, .qui-sommes-nous .values .bloc_3 .subtitle {
  width: 50%;
  color: #6EC9AC;
}
@media screen and (max-width: 768px) {
  .qui-sommes-nous .values .bloc_1 .subtitle, .qui-sommes-nous .values .bloc_3 .subtitle {
    width: 100%;
  }
}
.qui-sommes-nous .values .bloc_1 .description, .qui-sommes-nous .values .bloc_3 .description {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .qui-sommes-nous .values .bloc_1 .description, .qui-sommes-nous .values .bloc_3 .description {
    width: 100%;
  }
}
.qui-sommes-nous .values .bloc_2 .subtitle {
  width: 35%;
}
@media screen and (max-width: 1700px) {
  .qui-sommes-nous .values .bloc_2 .subtitle {
    width: 30%;
  }
}
@media screen and (max-width: 768px) {
  .qui-sommes-nous .values .bloc_2 .subtitle {
    width: 100%;
  }
}
.qui-sommes-nous .values .bloc_2 .description {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .qui-sommes-nous .values .bloc_2 .description {
    width: 100%;
  }
}
.qui-sommes-nous .bloc_1 div > p, .qui-sommes-nous .bloc_4 div > p {
  text-align: justify;
}
.qui-sommes-nous .new_ads {
  background-color: #F8F9FA;
}
.qui-sommes-nous .new_ads h2 {
  text-align: left;
  margin-bottom: 0;
  color: #6EC9AC;
}

.single-advert-slider {
  padding-bottom: 20px;
}
.single-advert-slider .container .gallery_container {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.single-advert-slider .container .gallery_container :nth-child(1) {
  width: calc(66.6666666667% - 30px);
}
@media screen and (max-width: 992px) {
  .single-advert-slider .container .gallery_container :nth-child(1) {
    width: calc(66.6666666667% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .single-advert-slider .container .gallery_container :nth-child(1) {
    width: calc(100% - 10px);
  }
}
.single-advert-slider .container .gallery_container :nth-child(n+2) {
  width: calc(33.3333333333% - 30px);
}
@media screen and (max-width: 992px) {
  .single-advert-slider .container .gallery_container :nth-child(n+2) {
    width: calc(33.3333333333% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .single-advert-slider .container .gallery_container :nth-child(n+2) {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 576px) {
  .single-advert-slider .container .gallery_container :nth-child(n+2) {
    width: calc(50% - 10px);
  }
}
.single-advert-slider .container .gallery_container :nth-child(n+6) {
  display: none;
}
.single-advert-slider .container .gallery_container :nth-child(n+6) .total_left {
  display: none;
}
.single-advert-slider .container .gallery_container :nth-child(-n+3) .total_left {
  display: none;
}
.single-advert-slider .container .gallery_container :nth-child(5) {
  background-color: #6EC9AC;
  position: relative;
}
.single-advert-slider .container .gallery_container :nth-child(5) img {
  opacity: 0.3;
}
.single-advert-slider .container .gallery_container :nth-child(5) .total_left {
  display: block;
  color: white;
  font-weight: 700;
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
}
.single-advert-slider .container .gallery_container .slide_gallery {
  height: 300px;
  object-fit: cover;
  margin: 15px;
}
@media screen and (max-width: 992px) {
  .single-advert-slider .container .gallery_container .slide_gallery {
    height: 200px;
    margin: 10px;
  }
}
@media screen and (max-width: 576px) {
  .single-advert-slider .container .gallery_container .slide_gallery {
    height: 150px;
    margin: 5px;
  }
}
.single-advert-slider .container .gallery_container .slide_gallery img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 992px) {
  .single-advert-slider .container .gallery_container .slide_gallery img {
    height: 200px;
  }
}
@media screen and (max-width: 576px) {
  .single-advert-slider .container .gallery_container .slide_gallery img {
    height: 150px;
  }
}
.single-advert-slider .container .gallery_container .slider_gallery-1 {
  position: relative;
  cursor: pointer;
}
.single-advert-slider .container .gallery_container .slider_gallery-1 .externalLink {
  position: absolute;
  transition: background-color 0.2s;
  display: flex;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(240, 224, 204, 0.664);
  border-radius: 10px;
}
.single-advert-slider .container .gallery_container .slider_gallery-1 .externalLink:hover {
  background-color: rgba(240, 224, 204, 0.911);
}
.single-advert-slider .container .gallery_container .slider_gallery-1 .externalLink::after {
  content: "Visite 3D";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #063A38;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
}
.single-advert-slider .container .text_ad {
  padding: 15px 10px;
}
@media screen and (max-width: 990px) {
  .single-advert-slider .container .text_ad {
    padding: 15px 0;
  }
}
.single-advert-slider .container .text_ad .title_bien, .single-advert-slider .container .text_ad .city_ref {
  margin: 5px 0;
}
.single-advert-slider .container .text_ad .title_bien h1, .single-advert-slider .container .text_ad .city_ref h1 {
  text-transform: initial;
  text-align: left;
  font-weight: 700;
  font-size: 45px;
  margin-bottom: 10px;
}
@media screen and (max-width: 990px) {
  .single-advert-slider .container .text_ad .title_bien h1, .single-advert-slider .container .text_ad .city_ref h1 {
    font-size: 30px;
  }
}
.single-advert-slider .container .text_ad .title_bien .city, .single-advert-slider .container .text_ad .city_ref .city {
  font-size: 24px;
  margin-bottom: 20px;
  line-height: normal;
}
.single-advert-slider .container .ad_tags {
  padding: 105px 55px 0;
}
@media screen and (max-width: 990px) {
  .single-advert-slider .container .ad_tags {
    padding: 15px 0;
    font-size: 20px;
  }
}
.single-advert-slider .container .ad_tags {
  color: #F0E0CC;
  text-decoration: none;
  font-weight: 200;
  font-size: 24px;
}

.single-advert-specs {
  padding-bottom: 30px;
  padding-top: 30px;
  background-color: #303C6D;
}
.single-advert-specs .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.single-advert-specs .container .specs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-weight: 200;
  padding: 20px;
  width: 20%;
}
@media screen and (max-width: 768px) {
  .single-advert-specs .container .specs {
    width: 100%;
  }
}
.single-advert-specs .container .specs:nth-child(4) img {
  width: 30px;
}
.single-advert-specs .container .specs img {
  object-fit: contain;
  width: 45px;
  height: 70px;
}
.single-advert-specs .container .specs .subtitle {
  color: #6EC9AC;
}
.single-advert-specs .container .specs .advert-specs {
  color: white;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 0;
}
@media screen and (max-width: 1400px) {
  .single-advert-specs .container .specs .advert-specs {
    font-size: 16px;
    line-height: 20px;
  }
}

.single-advert-description .container {
  display: flex;
}
@media screen and (max-width: 992px) {
  .single-advert-description .container {
    flex-wrap: wrap;
  }
}
.single-advert-description .container .left {
  width: 60%;
}
@media screen and (max-width: 992px) {
  .single-advert-description .container .left {
    width: 100%;
  }
}
.single-advert-description .container .left .description_text {
  display: flex;
  flex-direction: column;
  padding-right: 60px;
}
@media screen and (max-width: 992px) {
  .single-advert-description .container .left .description_text {
    width: 100%;
    padding-right: 0;
  }
}
.single-advert-description .container .left .description_text h3 {
  text-align: left;
  padding-bottom: 30px;
}
.single-advert-description .container .left .description_text a {
  padding: 0.5em 0;
}
.single-advert-description .container .left .description_text div {
  color: #F0E0CC;
}
.single-advert-description .container .left .energy_info {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 990px) {
  .single-advert-description .container .left .energy_info {
    width: 100%;
  }
}
.single-advert-description .container .left .energy_info .energy_info_text h3 {
  text-align: left;
  padding-bottom: 30px;
}
.single-advert-description .container .left .energy_info .energy_info_text .energy {
  display: flex;
  align-items: center;
}
.single-advert-description .container .left .energy_info .energy_info_text .energy div {
  margin-right: 40px;
  width: 50%;
}
.single-advert-description .container .left .energy_info .energy_info_text img {
  width: 90px;
}
.single-advert-description .container .left .energy_info a {
  padding: 0;
  text-align: left;
  color: #303C6D;
  font-weight: 500;
  font-size: 20px;
}
@media screen and (max-width: 992px) {
  .single-advert-description .container .left .energy_info a {
    margin-bottom: 30px;
  }
}
.single-advert-description .container .right {
  width: 40%;
}
@media screen and (max-width: 992px) {
  .single-advert-description .container .right {
    width: 100%;
  }
}
.single-advert-description .container .right .leaflet-map {
  height: 500px;
}
@media screen and (max-width: 768px) {
  .single-advert-description .container .right .leaflet-map {
    height: 250px;
  }
}
.single-advert-description .container .right .leaflet-map .leaflet-control-zoom {
  display: none;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  border: 2px solid #F0E0CC;
}

.single-advert-contact-info {
  background-color: #F8F9FA;
}
.single-advert-contact-info .contact_agent {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (max-width: 992px) {
  .single-advert-contact-info .contact_agent {
    flex-wrap: wrap;
  }
}
.single-advert-contact-info .contact_agent .agent {
  width: 30%;
  margin-right: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .single-advert-contact-info .contact_agent .agent {
    width: 100%;
    margin-top: 30px;
    margin-right: 0;
  }
}
.single-advert-contact-info .contact_agent .agent img {
  width: 100%;
  border-radius: 5px 5px 0 0;
}
.single-advert-contact-info .contact_agent .agent p {
  margin-bottom: 20px;
}
.single-advert-contact-info .contact_agent .agent .infos {
  background-color: #EAECF1;
  padding: 30px;
}
.single-advert-contact-info .contact_agent .agent .infos .position {
  text-transform: uppercase;
}
.single-advert-contact-info .contact_agent .agent .infos .sector {
  font-size: 20px;
}
.single-advert-contact-info .contact_agent .agent .tel {
  background-color: #9ED6C6;
  padding: 20px 30px;
  margin-bottom: 0;
  position: relative;
}
.single-advert-contact-info .contact_agent .agent .tel::before {
  content: url("../img/Icon-awesome-phone-alt-white.svg");
  position: absolute;
}
.single-advert-contact-info .contact_agent .agent .tel a {
  color: white;
  margin-left: 50px;
  font-size: 18px;
}
.single-advert-contact-info .contact_agent .agent .email {
  background-color: #6EC9AC;
  padding: 20px 30px;
  margin-bottom: 0;
  border-radius: 0 0 5px 5px;
  position: relative;
}
.single-advert-contact-info .contact_agent .agent .email::before {
  content: url("../img/Icon-feather-mai-white.svg");
  position: absolute;
}
.single-advert-contact-info .contact_agent .agent .email a {
  color: white;
  margin-left: 50px;
  font-size: 18px;
}
.single-advert-contact-info .contact_agent .agent_contact_form {
  width: 70%;
}
@media screen and (max-width: 992px) {
  .single-advert-contact-info .contact_agent .agent_contact_form {
    width: 100%;
    margin-top: 50px;
  }
}
.single-advert-contact-info .contact_agent .agent_contact_form form {
  width: 100%;
}
.single-advert-contact-info .contact_agent .agent_contact_form form div[class^=row] {
  display: flex;
}
.single-advert-contact-info .contact_agent .agent_contact_form form div[class^=row] div {
  width: 50%;
}
.single-advert-contact-info .contact_agent .agent_contact_form form div[class^=row] div input {
  width: calc(100% - 10px);
}
.single-advert-contact-info .contact_agent .agent_contact_form form textarea {
  width: calc(100% - 10px);
}
.single-advert-contact-info .contact_agent .agent_contact_form form button {
  position: relative;
  left: 85%;
}
@media screen and (max-width: 1400px) {
  .single-advert-contact-info .contact_agent .agent_contact_form form button {
    left: 83%;
  }
}
@media screen and (max-width: 768px) {
  .single-advert-contact-info .contact_agent .agent_contact_form form button {
    left: 75%;
  }
}
@media screen and (max-width: 576px) {
  .single-advert-contact-info .contact_agent .agent_contact_form form button {
    left: 60%;
  }
}
.single-advert-contact-info .contact_agent .agent_contact_form input[name=destination-email] {
  display: none;
}
.single-advert-contact-info .contact_agent .agent_contact_form input[name=subject-prefix] {
  display: none;
}
.single-advert-contact-info .commercial-infos {
  width: 30%;
  margin: auto;
  margin-top: 30px;
}
@media screen and (max-width: 992px) {
  .single-advert-contact-info .commercial-infos {
    width: 100%;
    margin-top: 30px;
    margin-right: 0;
  }
}
.single-advert-contact-info .commercial-infos .commercial {
  background-color: #6EC9AC;
  padding: 20px 30px;
  margin-bottom: 0;
  position: relative;
}
.single-advert-contact-info .commercial-infos .commercial::before {
  position: absolute;
}
.single-advert-contact-info .commercial-infos .commercial span {
  color: white;
  margin-left: 50px;
  font-size: 18px;
}
.single-advert-contact-info .commercial-infos .tel {
  background-color: #9ED6C6;
  padding: 20px 30px;
  margin-bottom: 0;
  position: relative;
}
.single-advert-contact-info .commercial-infos .tel::before {
  content: url("../img/Icon-awesome-phone-alt-white.svg");
  position: absolute;
}
.single-advert-contact-info .commercial-infos .tel a {
  color: white;
  margin-left: 50px;
  font-size: 18px;
}
.single-advert-contact-info .commercial-infos .email {
  background-color: #6EC9AC;
  padding: 20px 30px;
  margin-bottom: 0;
  border-radius: 0 0 5px 5px;
  position: relative;
}
.single-advert-contact-info .commercial-infos .email::before {
  content: url("../img/Icon-feather-mai-white.svg");
  position: absolute;
}
.single-advert-contact-info .commercial-infos .email a {
  color: white;
  margin-left: 50px;
  font-size: 18px;
}

.single-programme .container h1 {
  color: #6EC9AC;
  font-weight: 700;
}
.single-programme .container h2 {
  color: #6EC9AC;
  font-weight: 700;
  text-transform: initial;
  text-align: left;
}
.single-programme .container h3 {
  font-weight: 700;
  text-transform: initial;
  text-align: left;
}
.single-programme .container .thumbnail_image img {
  width: 100%;
  height: 40vh;
  object-fit: cover;
}
@media screen and (max-width: 992px) {
  .single-programme .container .thumbnail_image img {
    height: 30vh;
  }
}

.new_programs h2 {
  color: #6EC9AC !important;
}

.single .container h1 {
  color: #6EC9AC;
  font-weight: 700;
}
.single .container h2 {
  color: #6EC9AC;
  font-weight: 700;
  text-transform: initial;
  text-align: left;
}
.single .container h3 {
  font-weight: 700;
  text-transform: initial;
  text-align: left;
}
.single .container .thumbnail_image img {
  width: 100%;
  height: 40vh;
  object-fit: cover;
}
@media screen and (max-width: 992px) {
  .single .container .thumbnail_image img {
    height: 30vh;
  }
}

.new_programs h2 {
  color: #6EC9AC !important;
}

.contact .bloc-loc {
  position: relative;
}
.contact .bloc-loc::after {
  content: "";
  width: 100%;
  height: 900px;
  position: absolute;
  background: #6EC9AC;
  top: -2px;
  z-index: -1;
  clip-path: polygon(0 0, 100% 0, 100% 43%, 0 29%);
}
@media screen and (max-width: 992px) {
  .contact .bloc-loc::after {
    height: 950px;
  }
}
@media screen and (max-width: 576px) {
  .contact .bloc-loc::after {
    height: 1050px;
    clip-path: polygon(0 0, 100% 0, 140% 40%, 0 35%);
  }
}
.contact .bloc-loc .container {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .contact .bloc-loc .container {
    flex-wrap: wrap;
  }
}
.contact .bloc-loc .container .text {
  width: 50%;
}
@media screen and (max-width: 992px) {
  .contact .bloc-loc .container .text {
    width: 90%;
    margin-bottom: 30px;
  }
}
.contact .bloc-loc .container .text h3 {
  color: white;
  text-transform: uppercase;
}
.contact .bloc-loc .container .text .description {
  max-width: 500px;
}
.contact .bloc-loc .container .text .description p {
  color: white;
  font-size: 18px;
  line-height: 25px;
}
.contact .bloc_contact {
  padding-top: 100px;
}
.contact .bloc_contact .container h1 {
  color: #6EC9AC;
  font-weight: 700;
}
.contact .bloc_contact .container .infos-contact {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 992px) {
  .contact .bloc_contact .container .infos-contact {
    flex-wrap: wrap;
  }
}
.contact .bloc_contact .container .infos-contact .left {
  width: 40%;
}
@media screen and (max-width: 992px) {
  .contact .bloc_contact .container .infos-contact .left {
    width: 100%;
  }
}
.contact .bloc_contact .container .infos-contact .left .infos {
  float: right;
  width: 290px;
  margin-right: 20%;
}
@media screen and (max-width: 992px) {
  .contact .bloc_contact .container .infos-contact .left .infos {
    float: unset;
    margin-right: 0;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .contact .bloc_contact .container .infos-contact .left .infos {
    width: 100%;
    margin-top: 30px;
  }
}
.contact .bloc_contact .container .infos-contact .left .infos img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  margin-bottom: 20px;
}
.contact .bloc_contact .container .infos-contact .left .infos .address {
  background-color: #EAECF1;
  padding: 30px;
}
.contact .bloc_contact .container .infos-contact .left .infos .address p {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 0;
}
.contact .bloc_contact .container .infos-contact .left .infos .tel {
  background-color: #9ED6C6;
  padding: 20px 30px;
  margin-bottom: 0;
  position: relative;
}
.contact .bloc_contact .container .infos-contact .left .infos .tel::before {
  content: url("../img/Icon-awesome-phone-alt-white.svg");
  position: absolute;
}
.contact .bloc_contact .container .infos-contact .left .infos .tel a {
  color: white;
  margin-left: 35px;
  font-size: 18px;
}
.contact .bloc_contact .container .infos-contact .left .infos .email {
  background-color: #6EC9AC;
  padding: 20px 30px;
  margin-bottom: 0;
  border-radius: 0 0 5px 5px;
  position: relative;
}
.contact .bloc_contact .container .infos-contact .left .infos .email::before {
  content: url("../img/Icon-feather-mai-white.svg");
  position: absolute;
}
.contact .bloc_contact .container .infos-contact .left .infos .email a {
  color: white;
  margin-left: 35px;
  font-size: 18px;
}
.contact .bloc_contact .container .infos-contact .right {
  width: 60%;
}
@media screen and (max-width: 992px) {
  .contact .bloc_contact .container .infos-contact .right {
    width: 100%;
    margin-top: 30px;
  }
}
.contact .bloc_contact .container .infos-contact .right form {
  width: 100%;
}
.contact .bloc_contact .container .infos-contact .right form div[class^=row] {
  display: flex;
}
.contact .bloc_contact .container .infos-contact .right form div[class^=row] div {
  width: 50%;
}
.contact .bloc_contact .container .infos-contact .right form div[class^=row] div input {
  width: calc(100% - 10px);
}
.contact .bloc_contact .container .infos-contact .right form textarea {
  width: calc(100% - 10px);
}
.contact .bloc_contact .container .infos-contact .right form button {
  position: relative;
  left: 83%;
}
@media screen and (max-width: 1400px) {
  .contact .bloc_contact .container .infos-contact .right form button {
    left: 80%;
  }
}
@media screen and (max-width: 1200px) {
  .contact .bloc_contact .container .infos-contact .right form button {
    left: 77%;
  }
}
@media screen and (max-width: 768px) {
  .contact .bloc_contact .container .infos-contact .right form button {
    left: 75%;
  }
}
@media screen and (max-width: 576px) {
  .contact .bloc_contact .container .infos-contact .right form button {
    left: 60%;
  }
}
.contact .bloc_maillage {
  display: flex;
}
@media screen and (max-width: 992px) {
  .contact .bloc_maillage {
    flex-wrap: wrap;
  }
}
.contact .bloc_maillage > div {
  width: 50%;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .contact .bloc_maillage > div {
    width: 100%;
  }
}
.contact .bloc_maillage > div .title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 992px) {
  .contact .bloc_maillage > div .title {
    margin: 0 50px 50px;
  }
}
.contact .bloc_maillage > div .title h2 {
  text-align: left;
  margin-bottom: 0;
}
.contact .bloc_maillage > div .title img {
  margin-right: 20px;
}
.contact .bloc_maillage .left {
  background-color: #F8F9FA;
}
.contact .bloc_maillage .right {
  background-color: #EAECF1;
}
.contact .bloc_maillage .right h2 {
  color: #6EC9AC;
}

.reclamation-mediation .wpcf7 form {
  width: 70%;
}
@media screen and (max-width: 990px) {
  .reclamation-mediation .wpcf7 form {
    width: 100%;
  }
}
.reclamation-mediation .wpcf7 form {
  margin: 0 auto;
}
.reclamation-mediation .wpcf7 form div[class^=row_] {
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 990px) {
  .reclamation-mediation .wpcf7 form div[class^=row_] {
    flex-wrap: wrap;
  }
}
.reclamation-mediation .wpcf7 form div[class^=row_] > div {
  width: 50%;
}
@media screen and (max-width: 990px) {
  .reclamation-mediation .wpcf7 form div[class^=row_] > div {
    width: 100%;
  }
}
.reclamation-mediation .wpcf7 form div[class^=row_] > div label {
  display: block;
  margin-bottom: 10px;
}
.reclamation-mediation .wpcf7 form div[class^=row_] > div input:not([type=radio]),
.reclamation-mediation .wpcf7 form div[class^=row_] > div select,
.reclamation-mediation .wpcf7 form div[class^=row_] > div textarea {
  width: calc(100% - 10px);
}
.reclamation-mediation .wpcf7 form > p {
  margin-bottom: 20px;
}
.reclamation-mediation .wpcf7 form > p textarea {
  width: calc(100% - 10px);
}
.reclamation-mediation .wpcf7 form button[type=submit],
.reclamation-mediation .wpcf7 form input[type=submit] {
  position: relative;
  left: 85%;
}
@media screen and (max-width: 1400px) {
  .reclamation-mediation .wpcf7 form button[type=submit],
  .reclamation-mediation .wpcf7 form input[type=submit] {
    left: 83%;
  }
}
@media screen and (max-width: 768px) {
  .reclamation-mediation .wpcf7 form button[type=submit],
  .reclamation-mediation .wpcf7 form input[type=submit] {
    left: 75%;
  }
}
@media screen and (max-width: 576px) {
  .reclamation-mediation .wpcf7 form button[type=submit],
  .reclamation-mediation .wpcf7 form input[type=submit] {
    left: 60%;
  }
}
.reclamation-mediation .wpcf7-list-item {
  margin-right: 15px;
}
.reclamation-mediation .wpcf7-list-item label {
  display: inline-flex;
  align-items: center;
}
.reclamation-mediation .wpcf7-list-item input[type=radio] {
  margin-right: 6px;
}
.reclamation-mediation h2 {
  margin-top: 50px;
}

.honoraires .main_header {
  height: 300px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .honoraires .main_header {
    height: 40vh;
  }
}
.honoraires .main_header .bg-img {
  position: absolute;
  width: 100vw;
  height: 100%;
  z-index: -1;
}
.honoraires .main_header .bg-img img {
  height: 100%;
  width: 100vw;
  object-fit: cover;
}
.honoraires .main_header .main_title {
  width: clamp(340px, 50%, 1200px);
  margin: 0 auto;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
.honoraires .main_header .main_title h1,
.honoraires .main_header .main_title h2,
.honoraires .main_header .main_title h3 {
  color: white;
  text-align: center;
}
.honoraires .main_header .main_title h1 strong,
.honoraires .main_header .main_title h2 strong,
.honoraires .main_header .main_title h3 strong {
  font-size: 700;
}
.honoraires .main_header .main_title p {
  font-size: 18px;
  line-height: 22px;
  color: white;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .honoraires .main_header .main_title p {
    font-size: 16px;
    line-height: 20px;
  }
}
.honoraires .main_header .main_title p strong {
  font-size: 700;
}
.honoraires .main_header::after {
  content: url("../img/Trace-202.svg");
  position: absolute;
  top: 0;
  right: 0;
}
.honoraires .main_content .container {
  display: flex;
  flex-wrap: wrap;
}
.honoraires .main_content .container div[class^=bloc_] {
  width: calc(50% - 40px);
  margin: 20px;
}
@media screen and (max-width: 768px) {
  .honoraires .main_content .container div[class^=bloc_] {
    width: 100%;
  }
}
.honoraires .main_content .container div[class^=bloc_] .title {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  background-color: #EAECF1;
}
@media screen and (max-width: 768px) {
  .honoraires .main_content .container div[class^=bloc_] .title {
    padding: 20px;
  }
}
.honoraires .main_content .container div[class^=bloc_] .title h2 {
  text-align: left;
  margin-bottom: 0;
}
.honoraires .main_content .container div[class^=bloc_] .title img {
  margin-right: 20px;
}
.honoraires .main_content .container div[class^=bloc_] .card_description {
  text-align: left;
}
.honoraires .main_content .container div[class^=bloc_] .card_description .card-body {
  padding: 30px;
  background-color: #EAECF1;
  border: none;
}
.honoraires .main_content .container div[class^=bloc_] .link {
  padding: 10px;
  position: relative;
}
.honoraires .main_content .container div[class^=bloc_] .link a {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
  position: relative;
}
.honoraires .main_content .container div[class^=bloc_] .link a::after {
  content: url("../img/arrow.svg");
  margin-left: 10px;
  position: absolute;
  transform: rotate(90deg);
}
.honoraires .main_content .container div[class^=bloc_] .link a.rotate::after {
  transform: rotate(270deg);
}
.honoraires .main_content .container .bloc_habitation .title h2 {
  color: #6EC9AC;
}
.honoraires .main_content .container .bloc_habitation .link {
  background-color: #6EC9AC;
}
.honoraires .main_content .container .bloc_garage .title h2 {
  color: #303C6D;
}
.honoraires .main_content .container .bloc_garage .link {
  background-color: #303C6D;
}
.honoraires .main_content .container .bloc_commercial .title h2 {
  color: #303C6D;
}
.honoraires .main_content .container .bloc_commercial .link {
  background-color: #303C6D;
}
.honoraires .main_content .container .bloc_divers .title h2 {
  color: #6EC9AC;
}
.honoraires .main_content .container .bloc_divers .link {
  background-color: #6EC9AC;
}

/*# sourceMappingURL=app.css.map */