/*
Theme Name: Sciara Immo
Description: Thème sur mesure pour le site de Sciara
Version: 1.2

http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain) 
*/
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* 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,
q:before,
q:after {
  content: '';
  content: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"],
webkit-file-upload-button,
button {
  border-radius: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*------------------------------FIN RESET MEYER------------------------------*/
/*12x70x30*/
/*------CLEARFIX-----*/
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
body {
  /**
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-weight: 200;
  font-size: 1rem;
  color: #ffffff;
  margin: 0 auto;
  background-color: #1a1a1a;
  padding-top: 7.9rem;
}
body .cf:before,
body .cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
body .cf:after {
  clear: both;
}
body .cf {
  clear: both;
}
body .cf {
  *zoom: 1;
}
body.home {
  padding-top: 2.7rem;
}
body.menuActive {
  overflow: hidden;
}
.outliner {
  display: none;
}
strong,
b {
  font-weight: 600;
}
ol {
  list-style: decimal;
}
ol li::marker {
  content: none;
}
em {
  font-style: italic;
}
p {
  font-size: 1rem;
  line-height: 1.5em;
  margin-bottom: 1rem;
  font-weight: 300;
}
a {
  color: #e30613;
  transition: all 0.5s;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
.content {
  width: 73.125rem;
  min-width: 15.625rem;
  margin: 0 auto;
}
.big-content {
  width: 90%;
  margin: 0 auto;
  min-width: 15.625rem;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.wcol1 {
  width: 4.375rem;
}
.wcol2 {
  width: 10.625rem;
}
.wcol3 {
  width: 16.875rem;
}
.wcol4 {
  width: 23.125rem;
}
.wcol5 {
  width: 29.375rem;
}
.wcol6 {
  width: 35.625rem;
}
.wcol7 {
  width: 41.875rem;
}
.wcol8 {
  width: 48.125rem;
}
.wcol9 {
  width: 54.375rem;
}
.wcol10 {
  width: 60.625rem;
}
.pc19 {
  width: 19%;
}
.pc20 {
  width: 20%;
}
.pc24 {
  width: 24%;
}
.pc25 {
  width: 25%;
}
.pc30 {
  width: 30%;
}
.pc32 {
  width: 32%;
}
.pc35 {
  width: 35%;
}
.pc48 {
  width: 48%;
}
.pc50 {
  width: 50%;
}
.pc40 {
  width: 40%;
}
.pc60 {
  width: 60%;
}
.pc70 {
  width: 70%;
}
.pc80 {
  width: 80%;
}
.pc100 {
  width: 100%;
}
.xxl-title {
  font-size: 60px;
  font-weight: 700;
}
.xl-title {
  font-size: 35px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2em;
  text-shadow: 0 0 12px #0000007d;
}
.xl-title2 {
  font-size: 35px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1.2em;
}
.l-title,
.page-divers h1 {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.2em;
}
.m-title,
.page-divers h2,
.single-actu h2 {
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 700;
  margin-bottom: 1em;
  line-height: 1.3em;
}
.m-title strong,
.page-divers h2 strong,
.single-actu h2 strong {
  color: #e30613;
}
.deco:after {
  content: '';
  display: block;
  margin-top: 1rem;
  background: url('imgs/sprite.svg') no-repeat 0 -30px;
  background-size: 600px 380px;
  width: 94px;
  height: 12px;
}
.s-title,
.page-divers h3,
.single-actu h3 {
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 1em;
  line-height: 1.2em;
  font-weight: 700;
}
.xs-title,
.single-actu h4 {
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.5em;
}
.xxs-title {
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 0.7em;
  font-weight: 700;
  line-height: 1.3em;
}
.page-divers h1,
.page-divers h2,
.page-divers h3,
.page-divers h4 {
  margin-bottom: 0.5em;
}
.page-divers h3 {
  margin-top: 1rem;
}
.page-divers ul,
.page-divers ol {
  margin-bottom: 1rem;
}
.page-divers li {
  font-size: 1rem;
  line-height: 1.5em;
  margin-bottom: 0.5rem;
  font-weight: 400;
  margin-left: 1rem;
}
.page-divers li:last-of-type {
  margin-bottom: 0;
}
.page-divers ul li {
  list-style-type: disc;
}
.page-divers ol li {
  list-style-type: decimal;
}
.page-divers table {
  margin-bottom: 2rem;
}
.page-divers table td {
  line-height: 1.3em;
  font-size: 14px;
}
.page-404 .cta-button {
  margin-top: 1rem;
}
.cta-button {
  color: #ffffff;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.8rem 2rem;
  text-align: center;
  font-size: 14px;
  background-color: #e30613;
  border-radius: 10px;
  font-weight: 700;
  display: inline-block;
  position: relative;
  line-height: 1.3em;
}
.cta-button:hover {
  background-color: #1a1a1a;
  color: #ffffff;
}
.cta-button.icon {
  padding: 0.8rem 1rem 0.8rem 5rem;
}
.cta-button.icon .icon {
  display: inline-block;
  height: 100%;
  width: 65px;
  background-color: #ffffff;
  border-radius: 10px 0 0 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.cta-button.icon .icon:before {
  content: '';
  display: inline-block;
  background-image: url('imgs/sprite.svg');
  background-repeat: no-repeat;
  background-size: 600px 380px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cta-button.arrow {
  text-align: left;
  padding: 0.8rem 3rem 0.8rem 1rem;
}
.cta-button.arrow:after {
  content: '';
  display: inline-block;
  background-image: url('imgs/sprite.svg');
  background-repeat: no-repeat;
  background-size: 600px 380px;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  background-position: -398px 0;
  width: 16px;
  height: 24px;
}
.cta-button.arrow:hover:after {
  background-position: -442px 0;
}
.cta-button.arrow.black2:after {
  background-position: -442px 0;
}
.cta-button.arrow.black2:hover:after {
  background-position: -398px 0;
}
.cta-button.white {
  background-color: #ffffff;
  color: #1a1a1a;
}
.cta-button.white:hover {
  background-color: #e30613;
  color: #ffffff;
}
.cta-button.black {
  background-color: #1a1a1a;
  color: #ffffff;
}
.cta-button.black:hover {
  background-color: #ffffff;
  color: #e30613;
}
.cta-button.darkgrey {
  background-color: #454545;
  color: #ffffff;
}
.cta-button.darkgrey:hover {
  background-color: #ffffff;
  color: #e30613;
}
.cta-button.black2 {
  background-color: #1a1a1a;
  color: #ffffff;
  border: 1px solid #ffffff;
}
.cta-button.black2:hover {
  background-color: #ffffff;
  color: #1a1a1a;
}
.xl-cta {
  border-radius: 25px;
  margin-bottom: 2rem;
  background-image: url('imgs/bien-similaire-a-vendre-a-louer.jpg');
  background-size: cover;
  background-position: center;
}
.xl-cta .cta-button {
  position: relative;
  font-size: 1.125rem;
  padding: 1rem 1.5rem 1rem 4rem;
}
.xl-cta .cta-button:before {
  content: '';
  display: inline-block;
  background: url('imgs/sprite.svg') no-repeat -280px -168px;
  background-size: 600px 380px;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
}
.big-ctas li {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
.big-ctas li a {
  color: #ffffff;
}
.big-ctas li .attachment-thumbnail {
  width: 100%;
  height: auto;
  filter: brightness(0.5);
}
.big-ctas li .item-content {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 85%;
}
.big-ctas li .item-content img {
  width: 60px;
  height: auto;
  margin-bottom: 1rem;
  transition: all 0.5s;
}
.big-ctas li .item-content p {
  transition: all 0.5s;
}
.big-ctas li .item-content .xxs-title {
  transition: all 0.5s;
}
.big-ctas li:hover .item-content img {
  width: 85px;
}
.big-ctas li:hover .item-content .xxs-title {
  font-size: 1.3rem;
}
.big-ctas li:hover .item-content p {
  opacity: 0;
  height: 0;
}
img {
  width: 100%;
  height: auto;
}
.flex {
  display: flex;
}
.space-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.flex-end {
  justify-content: flex-end;
}
.flex-start {
  justify-content: flex-start;
  gap: 1.875rem;
}
.flex-wrap {
  flex-wrap: wrap;
}
.align-items-center {
  align-items: center;
}
.align-items-stretch {
  align-items: stretch;
}
.align-items-end {
  align-items: flex-end;
}
.align-flex-start {
  align-items: flex-start;
}
.gap-XS {
  column-gap: 0.5rem;
}
.gap-S {
  column-gap: 1.875rem;
}
.gap-M {
  column-gap: 3rem;
}
.column-3 {
  column-count: 3;
}
.column-2 {
  column-count: 2;
}
.padding-L {
  padding: 8rem 0;
}
.padding-M {
  padding: 4rem 0;
}
.padding-S {
  padding: 2rem 0;
}
.padding-top-L {
  padding-top: 8rem;
}
.padding-top-M {
  padding-top: 4rem;
}
.padding-top-S {
  padding-top: 2rem;
}
.padding-bottom-XS {
  padding-bottom: 0.75rem;
}
.padding-bottom-L {
  padding-bottom: 8rem;
}
.txt-center {
  text-align: center;
}
.txt-right {
  text-align: right;
}
a {
  text-decoration: none;
}
/*--------------PAGINATION-------------*/
.pagination {
  margin-top: 5rem;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.pagination a,
.pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.2s;
}
.pagination a:hover {
  color: #ffffff;
}
.pagination .active {
  color: #ffffff;
  font-weight: 500;
}
.pagination-dots {
  border: none;
}
.pagination-prev,
.pagination-next {
  font-weight: 500;
}
.ctas {
  flex-direction: column;
  width: 16rem;
  position: fixed;
  top: 11.5rem;
  right: 0;
  row-gap: 0.7rem;
  z-index: 2;
  transition: all 0.5s;
  transform: translateX(12rem);
}
.ctas .cta-button {
  text-align: left;
  border-radius: 10px 0 0 10px;
  box-shadow: 0px 0px 6px #0000004f;
}
.ctas .cta-button:hover {
  transform: translateX(-12rem);
}
.ctas .btn1 {
  background-color: #e30613;
}
.ctas .btn1 .icon:before {
  background-position: 0 -92px;
  width: 44px;
  height: 44px;
}
.ctas .btn2 {
  background-color: #1a1a1a;
}
.ctas .btn2 .icon:before {
  background-position: 0 -140px;
  width: 44px;
  height: 44px;
}
.ctas .btn3 {
  background-color: #454545;
}
.ctas .btn3 .icon:before {
  background-position: 0 -188px;
  width: 44px;
  height: 44px;
}
.home .ctas {
  transform: translateX(0);
}
.home .ctas .cta-button:hover {
  transform: translateX(0);
}
.home .ctas.scrolled {
  transform: translateX(12rem);
}
.home .ctas.scrolled .cta-button:hover {
  transform: translateX(-12rem);
}
/*----------FORMULAIRES DE RECHERCHE-------------*/
.search-form {
  background-color: #ffffff;
  padding: 3rem 2rem;
}
.search-form .search-field {
  width: 11rem;
}
.search-form label {
  display: block;
  color: black;
  text-transform: uppercase;
  margin-bottom: 1rem;
  letter-spacing: 1px;
  position: relative;
  padding-left: 2.7rem;
}
.search-form label:before {
  content: '';
  display: inline-block;
  background-image: url('imgs/sprite.svg');
  background-repeat: no-repeat;
  background-size: 600px 380px;
  width: 38px;
  height: 38px;
  position: absolute;
  top: -0.85rem;
  left: 0;
}
.search-form select,
.search-form input {
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  padding: 0.5rem 0;
  font-size: 15px;
  border: 0;
  border-bottom: 2px solid #e30613;
  width: 100%;
  font-weight: 300;
}
.search-form select:focus,
.search-form input:focus {
  outline: 0;
  background-color: #ededed;
}
.search-form .field-submit button {
  position: relative;
  background-color: #1a1a1a;
  width: 65px;
  height: 65px;
  border-radius: 15px;
  cursor: pointer;
  border: 0;
}
.search-form .field-submit button span {
  display: none;
}
.search-form .field-submit button:before {
  content: '';
  display: inline-block;
  background: url('imgs/sprite.svg') no-repeat -158px -238px;
  background-size: 600px 380px;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.search-form .field-submit button:hover {
  background-color: #e30613;
}
.search-form .field-ville label:before {
  background-position: 0 -48px;
}
.search-form .field-type label:before {
  background-position: -42px -48px;
}
.search-form .field-prix-min label:before {
  background-position: -230px -188px;
}
.search-form .field-prix-max label:before {
  background-position: -84px -48px;
}
.search-form .field-chambres label:before {
  background-position: -126px -48px;
}
.page-biens .search-form {
  margin-top: -5rem;
}
.searchforms {
  height: 195px;
  margin-top: -7rem;
}
.searchforms .content {
  position: relative;
}
.searchforms .form-bloc {
  display: inline-block;
}
.searchforms .form-bloc span {
  cursor: pointer;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
  background-color: #1a1a1a;
  color: #ffffff;
}
.searchforms .form-bloc span:hover {
  background-color: #ffffff;
  color: #1a1a1a;
}
.searchforms .form-bloc .search-form {
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  display: none;
}
.searchforms .form-bloc.selected span {
  background-color: #ffffff;
  color: #1a1a1a;
}
.searchforms .form-bloc.selected .search-form {
  display: block;
}
.searchforms .estimate-form p {
  color: #1a1a1a;
}
.searchforms .estimate-form p:last-of-type {
  margin-bottom: 0;
}
.searchforms .estimate-form .cta-button {
  font-size: 20px;
  padding: 1.1rem 2rem 1.1rem 5rem;
  text-align: left;
  position: relative;
}
.searchforms .estimate-form .cta-button:before {
  content: '';
  display: inline-block;
  background-image: url('imgs/sprite.svg');
  background-repeat: no-repeat;
  background-size: 600px 380px;
  width: 55px;
  height: 55px;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.searchforms .estimate-form .btn1:before {
  background-position: -370px -238px;
}
.searchforms .estimate-form .btn2:before {
  background-position: -308px -238px;
}
/*---------------ENTETE----------------*/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  color: #1a1a1a;
  z-index: 2;
}
header .topbar {
  padding: 0.5rem 1rem;
  background-color: #ededed;
}
header .topbar h1 {
  font-size: 12px;
  text-transform: uppercase;
}
header .topbar a {
  color: #1a1a1a;
  font-weight: 500;
}
header .topbar .social {
  margin-left: 1rem;
}
header .topbar .social span {
  display: none;
}
header .topbar .social a {
  display: inline-block;
  background: url('imgs/sprite.svg');
  background-repeat: no-repeat;
  background-size: 600px 380px;
  width: 22px;
  height: 22px;
  transition: all 0.5s;
}
header .topbar .social .fb a {
  background-position: -184px 0;
}
header .topbar .social .fb:hover a {
  background-position: -184px -28px;
}
header .topbar .social .ins a {
  background-position: -210px 0;
}
header .topbar .social .ins:hover a {
  background-position: -210px -28px;
}
header .topbar .coord {
  font-size: 12px;
}
header .topbar .coord a {
  position: relative;
  padding: 0.5rem 1rem 0.5rem 2rem;
  display: inline-block;
}
header .topbar .coord a:hover {
  color: #e30613;
}
header .topbar .coord a:before {
  content: '';
  display: inline-block;
  background-image: url('imgs/sprite.svg');
  background-repeat: no-repeat;
  background-size: 600px 380px;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
}
header .topbar .coord .tel a:before {
  background-position: 0 0;
}
header .topbar .coord .adresse a:before {
  background-position: -30px 0;
}
header .topbar .coord .email a:before {
  background-position: -60px 0;
}
header .mainheader {
  padding: 0.5rem 1rem;
  background-color: #1a1a1a;
}
header .mainheader .logo {
  width: 180px;
  transition: all 0.5s;
  display: inline-block;
  height: 100%;
}
header .mainheader .menu-button {
  display: none;
}
header .mainheader .menu-menu-principal-container ul {
  display: flex;
  align-items: center;
}
header .mainheader .menu-menu-principal-container ul li a {
  padding: 1.7rem 1.2rem;
  text-transform: uppercase;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  position: relative;
}
header .mainheader .menu-menu-principal-container ul li a:after {
  content: '';
  display: inline-block;
  background-image: url('imgs/sprite.svg');
  background-repeat: no-repeat;
  background-size: 600px 380px;
  background-position: 0 -30px;
  width: 0px;
  height: 12px;
  position: absolute;
  bottom: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s;
}
header .mainheader .menu-menu-principal-container ul li a:hover:after {
  width: 94px;
}
header .mainheader .menu-menu-principal-container ul li.current-menu-item a {
  font-weight: 700;
}
header .mainheader .menu-menu-principal-container ul li.current-menu-item a:after {
  width: 94px;
}
header .mainheader .menu-menu-principal-container ul li.bouton a {
  font-weight: 700;
  padding: 1rem;
  border: 2px solid #e30613;
  border-radius: 10px;
}
header .mainheader .menu-menu-principal-container ul li.bouton a:after {
  content: none;
}
header .mainheader .menu-menu-principal-container ul li.bouton a:hover {
  background-color: #e30613;
}
header .mainheader .menu-menu-principal-container ul li.bouton.current-menu-item a {
  background-color: #ffffff;
  color: #1a1a1a;
  border-color: #ffffff;
}
header .mainheader .menu-menu-principal-container ul li.bouton.current-menu-item a:hover {
  background-color: transparent;
  color: #ffffff;
  border-color: #e30613;
}
header.scrolled {
  border-bottom: 1px solid #454545;
}
header.scrolled .mainheader .logo {
  width: 140px;
}
header.scrolled .mainheader .menu-menu-principal-container ul li a {
  padding: 1.2rem 1.2rem;
}
header.scrolled .mainheader .menu-menu-principal-container ul li a:after {
  bottom: 0.2rem;
}
header.scrolled .mainheader .menu-menu-principal-container ul li.bouton a {
  padding: 1rem;
}
body.home header .mainheader {
  background-color: #1a1a1ab5;
}
body.home header.scrolled .mainheader {
  background-color: #1a1a1a;
}
/*-------------------------PAGE ACCUEIL----------------------*/
.banner {
  height: 50rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  padding-bottom: 10rem;
}
.banner video {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner .xl-title {
  z-index: 1;
}
.intro .l-title em {
  font-style: normal;
  font-size: 20px;
  display: block;
  font-weight: 300;
  letter-spacing: 1px;
}
.intro .content {
  position: relative;
}
.intro .content:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e30613;
}
.chiffres-cles .subtitle {
  display: block;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0.7rem;
}
.nouveaux-biens .biens-list {
  margin-right: -1.875rem;
  row-gap: 0;
}
.nouveaux-biens .slick-list {
  margin-bottom: 2rem;
}
.nouveaux-biens .slick-slide {
  margin-right: 1.874rem;
}
.nouveaux-biens .slick-prev,
.nouveaux-biens .slick-next {
  display: inline-block;
  background-image: url('imgs/sprite.svg');
  background-repeat: no-repeat;
  background-position: -242px 0;
  background-size: 600px 380px;
  width: 44px;
  height: 74px;
  top: 35%;
  transform-origin: top left;
}
.nouveaux-biens .slick-prev:before,
.nouveaux-biens .slick-next:before {
  content: none;
}
.nouveaux-biens .slick-prev:hover,
.nouveaux-biens .slick-next:hover {
  background-position: -294px 0;
}
.nouveaux-biens .slick-prev {
  left: -1rem;
  transform: rotate(180deg) translate(0, -50%);
}
.nouveaux-biens .slick-next {
  right: -30px;
}
.nouveaux-biens .slick-disabled {
  opacity: 0;
}
.nouveaux-biens .slick-disabled:hover {
  background-position: -242px 0;
}
.nouveaux-biens .slick-dots {
  position: initial;
}
.nouveaux-biens .slick-dots li button:before {
  font-size: 12px;
  color: #454545;
}
.nouveaux-biens .slick-dots li.slick-active button:before {
  color: #ffffff;
}
.nouveaux-biens .slick-dotted.slick-slider {
  margin-bottom: 3rem;
}
.pourquoi .avantages li img {
  width: 65px;
  margin-bottom: 1rem;
}
.pourquoi .bloc2 .txt p {
  font-weight: 700;
}
.pourquoi .bloc2 img {
  border-radius: 15px;
}
.pourquoi .bloc2 ul {
  column-count: 2;
  margin: 2rem 0 3rem;
  column-gap: 3rem;
}
.pourquoi .bloc2 li {
  padding-left: 2.5rem;
  position: relative;
  margin-bottom: 1rem;
  line-height: 1.3em;
}
.pourquoi .bloc2 li:before {
  content: '';
  display: inline-block;
  height: 1px;
  width: 1.625rem;
  background-color: #e30613;
  position: absolute;
  top: 9px;
  left: 0;
}
.bienvenue {
  background-size: cover;
  background-position: center right;
  position: relative;
}
.bienvenue .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.bienvenue .bloc1 {
  position: relative;
  margin: 0 auto;
}
.bienvenue .bloc1 .m-title.deco:after {
  margin: 1rem auto 0;
}
.outils ul {
  row-gap: 2rem;
}
.outils li {
  padding: 2rem;
  border-radius: 15px;
  background-color: #2b2b2b;
}
.outils li img {
  width: 70px;
  margin-bottom: 1rem;
}
.outils .bloc2 p {
  font-weight: bold;
  margin-bottom: 2rem;
}
/*------------------------BIENS A VENDRE / A LOUER / VENDUS------------*/
.page-biens .page-title {
  background-position: center;
  background-size: cover;
  box-shadow: inset 0 3px 20px #000000;
  min-height: 400px;
}
.page-biens .big-ctas {
  position: relative;
}
.page-biens .big-ctas:before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #e30613;
  position: absolute;
  top: -4rem;
  left: 0;
}
.page-vendus .page-title .m-title {
  text-shadow: 0 0 12px #0000007d;
  max-width: 40rem;
  margin: 1rem auto;
}
.page-vendus .page-title .deco:after {
  margin: 1rem auto 0;
}
.page-vendus .page-title .intro {
  margin: 1rem auto 0;
}
.page-vendus .page-title .intro p {
  font-weight: bold;
  text-shadow: 0 0 12px #0000007d;
}
.page-vendus .intro-suite {
  margin-bottom: 6rem;
}
.page-vendus .intro-suite h3 {
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 1em;
  line-height: 1.2em;
  font-weight: 700;
  -webkit-column-break-before: always;
  column-break-before: always;
}
.page-vendus .intro-suite li {
  padding-left: 2.5rem;
  position: relative;
  margin-bottom: 0.5rem;
  line-height: 1.3em;
}
.page-vendus .intro-suite li:before {
  content: '';
  display: inline-block;
  height: 1px;
  width: 1.625rem;
  background-color: #e30613;
  position: absolute;
  top: 9px;
  left: 0;
}
.sections-biens .results-count {
  font-style: italic;
}
.biens-list {
  row-gap: 3rem;
}
.biens-list .property-item {
  position: relative;
}
.biens-list .property-item .xs-title {
  margin-bottom: 0.5rem;
}
.biens-list .property-item .xs-title a {
  text-decoration: none;
  color: #ffffff;
}
.biens-list .property-item .xs-title a:hover {
  color: #e30613;
}
.biens-list .badge {
  font-size: 16px;
  font-weight: 700;
  padding: 1rem 1.2rem;
  text-transform: uppercase;
  border-radius: 0 0 15px 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.biens-list .badge-new {
  background-color: #e30613;
}
.biens-list .badge-vendu,
.biens-list .badge-loue {
  background-color: #ffffff;
  color: #e30613;
}
.biens-list .badge-option {
  background-color: #c4921d;
}
.biens-list .property-image {
  overflow: hidden;
  margin-bottom: 1rem;
  height: 246px;
}
.biens-list .property-image a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.biens-list .property-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: all 0.5s;
}
.biens-list .property-image:hover img {
  transform: scale(1.1);
}
.biens-list .property-price {
  font-weight: 700;
  font-size: 1.125rem;
}
.biens-list .property-location {
  padding-left: 2.2rem;
  font-size: 1rem;
  font-weight: 500;
  position: relative;
  margin: 0.8rem 0;
}
.biens-list .property-location:before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 1px;
  background-color: #e30613;
  position: absolute;
  top: 0.5rem;
  left: 0;
}
.biens-list .property-details {
  gap: 1rem;
}
.biens-list .property-details li.with-icon {
  position: relative;
  padding-left: 2.1rem;
  padding-top: 0.5rem;
}
.biens-list .property-details li.with-icon:before {
  content: '';
  display: inline-block;
  background-image: url('imgs/sprite.svg');
  background-repeat: no-repeat;
  background-size: 600px 380px;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
}
.biens-list .property-details li.nbr-ch:before {
  background-position: -56px -188px;
}
.biens-list .property-details li.nbr-sdb:before {
  background-position: -90px -188px;
}
.biens-list .property-details li.nbr-m:before {
  background-position: -126px -188px;
}
.biens-list .property-details li.nbr-gar:before {
  background-position: -160px -188px;
}
.biens-list .property-details li.virtual-link {
  display: inline-block;
  background: url('imgs/sprite.svg') no-repeat -192px -188px;
  background-size: 600px 380px;
  width: 29px;
  height: 28px;
}
/*-------------------------UN BIEN------------------------*/
.un-bien .badge {
  font-size: 22px;
  font-weight: 700;
  padding: 1rem 1.5rem;
  text-transform: uppercase;
  border-radius: 10px;
  display: inline-block;
  margin-bottom: 1.5rem;
}
.un-bien .badge-new {
  background-color: #e30613;
}
.un-bien .badge-vendu,
.un-bien .badge-loue {
  background-color: #ffffff;
  color: #e30613;
}
.un-bien .badge-option {
  background-color: #c4921d;
}
.un-bien .title .xl-title2 {
  margin-bottom: 1rem;
}
.un-bien .title .xl-title2 span {
  font-size: 25px;
  font-weight: bold;
  text-transform: none;
}
.un-bien .title .xl-title2 span:before {
  content: '';
  display: inline-block;
  height: 1px;
  background-color: #e30613;
  width: 50px;
  margin: 0 1rem;
  transform: translateY(-0.65rem);
}
.un-bien .property-price {
  font-weight: 700;
  font-size: 35px;
  margin-bottom: 2rem;
}
.un-bien .property-details .reference {
  color: #848484;
  display: block;
  font-style: normal;
  margin-bottom: 1rem;
}
.un-bien .property-details .property-energy img {
  width: 8.5rem;
}
.un-bien .property-details ul {
  margin: 2rem 0;
}
.un-bien .property-details li {
  font-size: 18px;
  margin-bottom: 1.85rem;
  position: relative;
  padding-left: 3rem;
}
.un-bien .property-details li:last-of-type {
  margin-bottom: 0;
}
.un-bien .property-details li:before {
  content: '';
  display: inline-block;
  background-image: url('imgs/sprite.svg');
  background-repeat: no-repeat;
  background-size: 600px 380px;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: scale(1.5) translateY(-50%);
}
.un-bien .property-details li.nbr-ch:before {
  background-position: -56px -188px;
}
.un-bien .property-details li.nbr-sdb:before {
  background-position: -90px -188px;
}
.un-bien .property-details li.nbr-wc:before {
  background-position: -330px -188px;
}
.un-bien .property-details li.nbr-m:before {
  background-position: -126px -188px;
}
.un-bien .property-details li.nbr-gar:before {
  background-position: -160px -188px;
}
.un-bien .property-details li.nbr-jardin:before {
  background-position: -160px -188px;
}
.un-bien .property-details li.nbr-park:before {
  background-position: -192px -188px;
}
.un-bien .property-details li.nbr-chauffage:before {
  background-position: -364px -188px;
}
.un-bien .property-details li.nbr-elec:before {
  background-position: -398px -188px;
}
.un-bien .property-details li.nbr-toit:before {
  background-position: -432px -188px;
}
.un-bien .property-details .cta-button {
  display: block;
  width: 100%;
  margin-top: 1rem;
}
.un-bien .property-description p {
  line-height: 1.6em;
}
.un-bien .gallery-list img {
  height: 32rem;
}
.un-bien .gallery-list .slick-dots {
  bottom: -3rem;
}
.un-bien .gallery-list .slick-dots li {
  margin: 0;
}
.un-bien .gallery-list .slick-dots li.slick-active button:before {
  color: #ffffff;
  opacity: 1;
}
.un-bien .gallery-list .slick-dots li button:before {
  color: #ffffff;
  font-size: 13px;
}
.un-bien .gallery-list .slick-slide {
  opacity: 0.3;
  transition: all 0.5s;
  filter: blur(3px);
}
.un-bien .gallery-list .slick-slide.slick-current {
  opacity: 1;
  filter: blur(0);
}
.un-bien .gallery-list .slick-next,
.un-bien .gallery-list .slick-prev {
  z-index: 1;
  width: 65px;
  height: 100px;
  background-color: rgba(227, 6, 19, 0.6);
}
.un-bien .gallery-list .slick-next:before,
.un-bien .gallery-list .slick-prev:before {
  content: '';
  display: inline-block;
  background: url('imgs/sprite.svg') no-repeat -346px 0;
  background-size: 600px 380px;
  width: 44px;
  height: 74px;
}
.un-bien .gallery-list .slick-next:hover,
.un-bien .gallery-list .slick-prev:hover {
  background-color: #e30613;
}
.un-bien .gallery-list .slick-next {
  border-radius: 10px 0 0 10px;
  right: 0;
}
.un-bien .gallery-list .slick-prev {
  border-radius: 0 10px 10px 0;
  left: 0;
}
.un-bien .gallery-list .slick-prev:before {
  transform: rotate(180deg);
}
.un-bien .gallery-list .slick-next.slick-disabled,
.un-bien .gallery-list .slick-prev.slick-disabled {
  opacity: 0;
}
.un-bien .bien-ctas {
  margin: 6rem 0 2rem;
}
.un-bien .bien-ctas .cta-button {
  font-size: 1.125rem;
  text-align: left;
  padding: 1rem 1rem 1rem 4.5rem;
  position: relative;
}
.un-bien .bien-ctas .cta-button:hover {
  transform: scale(1.1);
  background-color: #ffffff;
  color: #1a1a1a;
}
.un-bien .bien-ctas .cta-button:before {
  content: '';
  display: inline-block;
  background: url('imgs/sprite.svg') no-repeat -346px 0;
  background-size: 600px 380px;
  width: 52px;
  height: 44px;
  position: absolute;
  top: 50%;
  left: 0.8rem;
  transform: translateY(-50%);
}
.un-bien .bien-ctas .btn1:before {
  background-position: 0 -238px;
}
.un-bien .bien-ctas .btn2:before {
  background-position: -58px -238px;
}
.un-bien .bien-ctas .btn3:before {
  background-position: -208px -238px;
}
.un-bien .bien-ctas2 {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 1px solid #454545;
}
.un-bien .bien-ctas2 .cta-button {
  font-size: 1.125rem;
  text-align: left;
  padding: 1rem 1rem 1rem 4.5rem;
  position: relative;
}
.un-bien .bien-ctas2 .cta-button:hover {
  transform: scale(1.1);
  background-color: #454545;
  color: #ffffff;
}
.un-bien .bien-ctas2 .cta-button:before {
  content: '';
  display: inline-block;
  background: url('imgs/sprite.svg') no-repeat -346px 0;
  background-size: 600px 380px;
  width: 52px;
  height: 44px;
  position: absolute;
  top: 50%;
  left: 0.8rem;
  transform: translateY(-50%);
}
.un-bien .bien-ctas2 .btn1:before {
  background-position: -108px -238px;
}
.un-bien .bien-ctas2 .btn2:before {
  background-position: -258px -238px;
}
.un-bien .property-map .adresse {
  font-size: 18px;
}
.un-bien .property-map .adresse:before {
  content: '';
  display: inline-block;
  height: 1px;
  background-color: #e30613;
  width: 50px;
  margin-right: 1rem;
  transform: translateY(-0.65rem);
}
.un-bien .property-map iframe {
  filter: grayscale(1);
  transition: all 0.5s;
}
.un-bien .property-map iframe:hover {
  filter: grayscale(0);
}
.un-bien .showDetails {
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-size: 1.125rem;
  border: 0;
  cursor: pointer;
  padding: 1rem 3rem 1rem 1rem;
  position: relative;
  transition: all 0.5s;
}
.un-bien .showDetails:hover {
  background-color: #454545;
  color: #ffffff;
}
.un-bien .showDetails:after {
  content: '';
  display: inline-block;
  background-image: url('imgs/sprite.svg');
  background-repeat: no-repeat;
  background-size: 600px 380px;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform-origin: top;
  transform: rotate(90deg) translateY(-50%);
  background-position: -420px 0;
  width: 16px;
  height: 24px;
}
.un-bien .showDetails.active {
  background-color: #454545;
  color: #ffffff;
}
.un-bien .showDetails.active:after {
  transform: rotate(270deg) translateY(-50%);
}
.un-bien .property-caracteristiques {
  display: none;
}
.un-bien .property-caracteristiques li {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.3em;
}
.un-bien .property-caracteristiques li strong {
  width: 16rem;
  display: inline-block;
}
.un-bien .property-caracteristiques li strong:first-letter {
  text-transform: uppercase;
}
.un-bien .property-caracteristiques li span {
  width: 15rem;
}
.un-bien .property-details-groups {
  column-gap: 8rem;
}
.un-bien .property-details-groups .detail-group {
  margin-bottom: 3rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #454545;
  break-inside: avoid;
}
.un-bien .property-details-groups .detail-group.property-main-details {
  border-radius: 20px;
  padding: 2.5rem;
  border: 2px solid #ffffff;
}
.un-bien .property-documents {
  margin-top: 3rem;
}
#formulaire-demande .contact-form-wrapper {
  margin: 0 auto;
  display: none;
}
.form-contact form,
.contact-form-wrapper form {
  background-color: #2b2b2b;
  padding: 2rem;
}
.form-contact .form-row,
.contact-form-wrapper .form-row {
  margin-bottom: 2rem;
}
.form-contact .form-row small,
.contact-form-wrapper .form-row small {
  display: block;
  margin-top: 0.5rem;
  font-style: italic;
  font-size: 15px;
}
.form-contact label,
.contact-form-wrapper label {
  display: block;
  font-size: 1.125rem;
  margin-bottom: 0.6rem;
}
.form-contact label.checkbox-label,
.contact-form-wrapper label.checkbox-label {
  font-size: 1rem;
  position: relative;
  padding-left: 3.5rem;
  margin-bottom: 2rem;
}
.form-contact label.checkbox-label input,
.contact-form-wrapper label.checkbox-label input {
  position: absolute;
  left: 0;
  top: -0.6rem;
  height: 1.875rem;
  width: 1.875rem;
}
.form-contact label.checkbox-label input:checked:after,
.contact-form-wrapper label.checkbox-label input:checked:after {
  opacity: 1;
  visibility: visible;
}
.form-contact label.checkbox-label input:before,
.contact-form-wrapper label.checkbox-label input:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1.875rem;
  height: 1.875rem;
  border: 1.5px solid white;
  visibility: visible;
  background-color: #2b2b2b;
}
.form-contact label.checkbox-label input:after,
.contact-form-wrapper label.checkbox-label input:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 1.5rem;
  height: 0.7rem;
  background: transparent;
  top: 0em;
  left: .5em;
  border: 7px solid #e30613;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.form-contact input,
.contact-form-wrapper input,
.form-contact select,
.contact-form-wrapper select,
.form-contact textarea,
.contact-form-wrapper textarea {
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-size: 1rem;
  padding: 1rem;
  width: 100%;
  background-color: #1a1a1a;
  color: #ffffff;
  border-radius: 0;
  border: 0;
}
.form-contact input:focus,
.contact-form-wrapper input:focus,
.form-contact select:focus,
.contact-form-wrapper select:focus,
.form-contact textarea:focus,
.contact-form-wrapper textarea:focus {
  border-bottom: 1px solid #e30613;
  outline: 0;
}
.form-contact input[type="checkbox"],
.contact-form-wrapper input[type="checkbox"] {
  width: auto;
}
.form-contact button[type="submit"],
.contact-form-wrapper button[type="submit"] {
  border: 0;
  font-size: 20px;
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  width: 16rem;
  float: right;
  margin-top: 1rem;
}
.form-contact .form-feedback.error,
.contact-form-wrapper .form-feedback.error {
  color: #e30613;
  font-weight: bold;
  font-size: 18px;
  padding: 1rem 0;
}
/*-------------------------PAGE A PROPOS------------------------*/
.page-a-propos .page-title {
  height: 32rem;
  background-size: cover;
  background-position: top center;
}
.page-a-propos .page-title .xl-title {
  width: 59rem;
  margin: 0 auto;
}
.page-a-propos .intro {
  margin: 0 auto;
}
.page-a-propos .intro .deco:after {
  margin: 1rem auto 0;
}
.page-a-propos .intro .txt p {
  text-transform: uppercase;
}
.page-a-propos .atouts li {
  padding: 2rem;
  border-radius: 15px;
  background-color: #2b2b2b;
}
.page-a-propos .atouts li img {
  width: 65px;
  margin-bottom: 1rem;
}
.page-a-propos .atouts-suite {
  margin: 0 auto 3rem;
}
.page-a-propos .relation-client h3 {
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 700;
  margin-bottom: 1em;
  line-height: 1.3em;
}
.page-a-propos .relation-client img {
  border-radius: 15px;
}
.page-a-propos .details > ul > li li {
  padding-left: 2.5rem;
  position: relative;
  margin-bottom: 0.5rem;
  line-height: 1.3em;
}
.page-a-propos .details > ul > li li:before {
  content: '';
  display: inline-block;
  height: 1px;
  width: 1.625rem;
  background-color: #e30613;
  position: absolute;
  top: 9px;
  left: 0;
}
.page-a-propos .conclusion {
  margin: 0 auto;
}
.page-a-propos .conclusion .deco:after {
  margin: 1rem auto 0;
}
.page-a-propos .conclusion p {
  text-transform: uppercase;
}
.page-a-propos .conclusion .cta-button {
  display: block;
  width: 15rem;
  font-size: 18px;
  margin: 2rem auto 0;
}
.page-a-propos .conclusion .cta-button:hover {
  background-color: #ffffff;
  color: #e30613;
}
/*-------------------------PAGE ESTIMATION----------------------*/
.page-estimation .xl-title2.deco:after {
  margin: 1rem auto 0;
}
.page-estimation .intro {
  margin: 3rem auto;
  column-count: 2;
  padding: 0 6rem;
  gap: 3rem;
}
.page-estimation .intro h3 {
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 1em;
  line-height: 1.2em;
  font-weight: 700;
  text-align: center;
}
.page-estimation .pourquoi {
  margin: 0 auto 3rem;
  padding: 2rem;
  background: #2b2b2b;
  border-radius: 15px;
}
.page-estimation .pourquoi h3 {
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 1em;
  line-height: 1.2em;
  font-weight: 700;
  text-align: center;
}
.page-estimation .pourquoi p {
  text-align: center;
}
.page-estimation .pourquoi ul {
  column-count: 2;
  column-gap: 3rem;
}
.page-estimation .pourquoi ul li {
  padding-left: 2.5rem;
  position: relative;
  margin-bottom: 1rem;
  line-height: 1.3em;
}
.page-estimation .pourquoi ul li:before {
  content: '';
  display: inline-block;
  height: 1px;
  width: 1.625rem;
  background-color: #e30613;
  position: absolute;
  top: 9px;
  left: 0;
}
.page-estimation .big-ctas li .item-content img {
  width: 120px;
}
.page-estimation .big-ctas li:hover .item-content img {
  width: 160px;
}
.page-estimation-agent .form-estimer {
  margin: 3rem auto;
}
.page-estimation-agent .form-estimer .contact-subjects {
  display: none;
}
/*-------------------------PAGE BLOG---------------------------*/
.page-blog .xl-title2.deco:after {
  margin: 1rem auto 0;
}
.page-blog .intro {
  margin: 3rem auto;
}
.page-blog .news-list {
  row-gap: 3rem;
}
.page-blog .news-list img {
  border-radius: 15px;
  transition: all 0.5s;
  filter: brightness(1);
}
.page-blog .news-list img:hover {
  filter: brightness(0.5);
}
.page-blog .news-list .date {
  padding-left: 2.2rem;
  font-size: 1.125rem;
  font-weight: 500;
  position: relative;
  display: block;
  margin: 1rem 0;
}
.page-blog .news-list .date:before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 1px;
  background-color: #e30613;
  position: absolute;
  top: 0.5rem;
  left: 0;
}
.page-blog .news-list a {
  color: #ffffff;
}
.page-blog .news-list a:hover {
  color: #e30613;
}
.single-actu .back {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  color: white;
  border-bottom: 1px solid #2b2b2b;
  display: block;
  padding-bottom: 1.5rem;
  margin-bottom: 3rem;
  position: relative;
  padding-left: 2rem;
}
.single-actu .back:hover {
  color: #e30613;
}
.single-actu .back:before {
  content: '';
  display: inline-block;
  background: url('imgs/sprite.svg') no-repeat -420px 0;
  background-size: 600px 380px;
  width: 16px;
  height: 24px;
  transform: rotate(180deg);
  position: absolute;
  top: -0.2rem;
  left: 0;
}
.single-actu .date {
  display: block;
  margin: 1rem 0;
  font-size: 20px;
}
.single-actu .wp-post-image {
  border-radius: 15px;
}
.single-actu h2 {
  margin-top: 3rem;
}
.single-actu h3 {
  margin-top: 2rem;
}
.single-actu .new-content {
  max-width: 60rem;
  margin: 3rem auto 0;
}
.single-actu .new-content li {
  padding-left: 2.5rem;
  position: relative;
  margin-bottom: 1rem;
  line-height: 1.3em;
}
.single-actu .new-content li:before {
  content: '';
  display: inline-block;
  height: 1px;
  width: 1.625rem;
  background-color: #e30613;
  position: absolute;
  top: 9px;
  left: 0;
}
.single-actu .new-content a {
  text-decoration: underline;
}
.single-actu .new-content a:hover {
  color: #ffffff;
  text-decoration: none;
}
/*-------------------------PAGE CONTACT------------------------*/
.page-contact .intro {
  margin: 3rem auto;
}
.page-contact .form-contact .contact-subjects button[type="button"] {
  width: 25%;
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  padding: 0.5rem 0;
  font-size: 1rem;
  line-height: 1.3em;
  text-transform: uppercase;
  border: 0;
  border-radius: 10px 10px 0 0;
  background-color: #1a1a1a;
  color: #ffffff;
  cursor: pointer;
}
.page-contact .form-contact .contact-subjects button[type="button"]:hover {
  background-color: #e30613;
  color: #ffffff;
}
.page-contact .form-contact .contact-subjects button[type="button"].active {
  background-color: #e30613;
  color: #ffffff;
}
.page-contact .form-contact form {
  border-top: 2px solid #e30613;
}
.page-contact .logo {
  width: 24rem;
  margin-bottom: 2rem;
}
.page-contact .coord-contact ul a {
  display: block;
  padding: 1.2rem 0 1.2rem 4rem;
  position: relative;
  color: white;
  font-size: 1.125rem;
}
.page-contact .coord-contact ul a:hover {
  color: #e30613;
}
.page-contact .coord-contact ul a:before {
  content: '';
  display: inline-block;
  background-image: url('imgs/sprite.svg');
  background-repeat: no-repeat;
  background-size: 600px 380px;
  width: 52px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 0;
}
.page-contact .coord-contact .tel a:before {
  background-position: -116px -288px;
}
.page-contact .coord-contact .adresse a:before {
  background-position: -234px -288px;
}
.page-contact .coord-contact .email a:before {
  background-position: -174px -288px;
}
.page-contact .coord-contact ul {
  border-bottom: 1px solid #e30613;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.page-contact .coord-contact .l-title {
  margin-bottom: 1rem;
}
.page-contact .plan #acces {
  height: 30rem;
}
.page-contact .plan #content5 {
  color: #1a1a1a;
}
.page-contact .plan #content5 h5 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
}
.page-contact .plan #content5 p {
  margin-bottom: 0;
  font-size: 15px;
}
.page-contact .plan #content5 a {
  font-weight: bold;
  text-decoration: underline;
}
.page-contact .plan #content5 a:hover {
  text-decoration: none;
}
/*------------------------FOOTER-------------------------*/
footer {
  background-color: #ffffff;
}
footer .bloc1 .cta-button {
  box-shadow: 0px 0px 6px #0000004f;
  text-align: left;
  font-size: 12px;
  line-height: 1.5em;
}
footer .bloc1 .cta-button span:before {
  width: 52px;
  height: 44px;
}
footer .bloc1 .btn1 span:before {
  background-position: 0 -288px;
}
footer .bloc1 .btn2 span:before {
  background-position: -58px -288px;
}
footer .bloc1 .btn3 span:before {
  background-position: -116px -288px;
}
footer .bloc1 .btn4 span:before {
  background-position: -174px -288px;
}
footer .bloc2 {
  font-size: 12px;
  color: #1a1a1a;
}
footer .bloc2 a {
  color: #1a1a1a;
}
footer .bloc2 a:hover {
  color: #e30613;
}
footer .bloc2 h2 {
  text-transform: uppercase;
  margin-bottom: 1rem;
  line-height: 1.3em;
}
footer .bloc2 h2 strong {
  display: block;
}
footer .bloc2 .coord a {
  display: block;
  padding: 0.5rem 0 0.5rem 2rem;
  position: relative;
}
footer .bloc2 .coord a:before {
  content: '';
  display: inline-block;
  background-image: url('imgs/sprite.svg');
  background-repeat: no-repeat;
  background-size: 600px 380px;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
}
footer .bloc2 .coord .tel a:before {
  background-position: 0 0;
}
footer .bloc2 .coord .adresse a:before {
  background-position: -30px 0;
}
footer .bloc2 .coord .email a:before {
  background-position: -60px 0;
}
footer .bloc2 .menu {
  column-count: 2;
}
footer .bloc2 .menu li a {
  padding: 0.5rem 0;
  display: block;
  text-transform: uppercase;
  line-height: 1.2em;
}
footer .bloc2 .social a {
  display: inline-block;
  background-image: url('imgs/sprite.svg');
  background-repeat: no-repeat;
  background-size: 600px 380px;
  width: 38px;
  height: 38px;
  transition: all 0.5s;
}
footer .bloc2 .social a:hover {
  transform: scale(1.2);
}
footer .bloc2 .social .fb a {
  background-position: -100px 0;
}
footer .bloc2 .social .ins a {
  background-position: -142px 0;
}
footer .bloc2 .mentions p {
  font-size: 11px;
}
footer .copy {
  color: #1a1a1a;
  font-size: 11px;
  margin-bottom: 0;
}
footer .copy a {
  color: #1a1a1a;
}
footer .copy a:hover {
  text-decoration: underline;
}
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*------------------------RESPONSIVE----------------------*/
/*-------------GRAND ECRAN---------------*/
@media screen and (min-width: 1580px) {
  /*12x97x36*/
  .content {
    width: 97.5rem;
  }
  .banner {
    height: 55.5rem;
  }
  .wcol1 {
    /**/
  }
  .wcol2 {
    /**/
  }
  .wcol3 {
    width: 22.69rem;
  }
  .wcol4 {
    width: 31rem;
  }
  .wcol5 {
    width: 39.375rem;
  }
  .wcol6 {
    width: 47.625rem;
  }
  .wcol7 {
    width: 55.9375rem;
  }
  .wcol8 {
    width: 64.25rem;
  }
  .wcol9 {
    width: 72.5625rem;
  }
  .wcol10 {
    /**/
  }
  .biens-list .property-image {
    height: 330px;
  }
  .search-form {
    padding: 3rem;
  }
  .search-form .search-field {
    width: 15.6rem;
  }
  .un-bien .bien-ctas .cta-button {
    width: 22.69rem;
  }
  .un-bien .bien-ctas2 .cta-button {
    width: 22.69rem;
  }
  .un-bien .gallery-list img {
    height: 37.25rem;
  }
  .un-bien .property-gallery {
    width: 55.9375rem;
  }
}
@media screen and (max-width: 1420px) {
  .banner video {
    height: 100%;
    width: auto;
  }
}
@media screen and (max-width: 1260px) {
  /*12x57x28*/
  .wcol1 {
    width: 3.5625rem;
  }
  .wcol2 {
    width: 8.875rem;
  }
  .wcol3 {
    width: 14.1875rem;
  }
  .wcol4 {
    width: 19.5rem;
  }
  .wcol5 {
    width: 24.8125rem;
  }
  .wcol6 {
    width: 30.125rem;
  }
  .wcol7 {
    width: 35.4375rem;
  }
  .wcol8 {
    width: 40.75rem;
  }
  .wcol9 {
    width: 46.0625rem;
  }
  .wcol10 {
    width: 51.375rem;
  }
  .gap-S {
    column-gap: 1.75rem;
  }
  .content {
    width: 62rem;
  }
  /* 60px -> 55px*/
  .xxl-title {
    font-size: 55px;
  }
  /* 35px -> 32px */
  .xl-title,
  .xl-title2 {
    font-size: 32px;
  }
  /* 25px -> 22px */
  .m-title,
  .page-divers h2,
  .single-actu h2,
  .page-a-propos .relation-client h3 {
    font-size: 22px;
  }
  /* 22px -> 18px */
  .page-vendus .intro-suite h3,
  .page-estimation .intro h3 {
    font-size: 18px;
  }
  /* 16px -> 15px */
  body,
  p {
    font-size: 0.9375rem;
  }
  header .mainheader .menu-menu-principal-container ul li a {
    padding: 1.7rem 1rem;
  }
  header.scrolled .mainheader .menu-menu-principal-container ul li a {
    padding: 1.2rem 1rem;
  }
  .searchforms .estimate-form p {
    font-size: 15px;
  }
  .searchforms .estimate-form .cta-button {
    font-size: 18px;
  }
  .searchforms .estimate-form .btn1 {
    width: 20rem;
  }
  .searchforms .estimate-form .search-form .flex {
    align-items: center;
  }
  .searchforms .estimate-form .search-form .flex > div {
    width: 34rem;
  }
  .search-form .search-field {
    width: 9.2rem;
  }
  .search-form {
    padding: 2.5rem 1.5rem;
  }
  .search-form label {
    font-size: 0.875rem;
  }
  /*----ACCUEIL-----*/
  .banner {
    height: 44.5rem;
  }
  .banner .xl-title {
    width: 40.75rem;
  }
  .big-ctas li {
    height: 18rem;
  }
  .big-ctas li .attachment-thumbnail {
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .bienvenue .bloc1 {
    width: 40.75rem;
  }
  /*-----A VENDRE / A LOUER / VENDUS-----*/
  .page-vendus .page-title .intro {
    width: 40.75rem;
  }
  /*-----UN BIEN------*/
  .un-bien .property-details li {
    font-size: 16px;
  }
  .un-bien .bien-ctas .cta-button,
  .un-bien .bien-ctas2 .cta-button {
    font-size: 15px;
  }
  .un-bien .property-details-groups {
    column-gap: 3rem;
  }
  .biens-list .property-image {
    height: 206px;
  }
  .un-bien .gallery-list img {
    height: 27.3rem;
  }
  .un-bien .bien-ctas {
    margin: 2rem 0 0rem;
  }
  /*-------A PROPOS--------*/
  .page-a-propos .atouts-suite {
    width: 30.125rem;
  }
  /*-------BLOG--------*/
  /*-------CONTACT--------*/
  .page-contact .intro {
    width: 40.75rem;
  }
  .page-contact .coord-contact {
    width: 24.8125rem;
  }
  /*-------ESTIMATION--------*/
  .page-estimation .intro {
    padding: 0;
  }
  .page-estimation .pourquoi {
    width: 40.75rem;
  }
  .page-estimation .big-ctas {
    column-gap: 1.75rem;
  }
  .page-estimation .big-ctas li {
    width: 30.125rem;
    height: 22rem;
  }
  .page-estimation-agent .form-estimer {
    width: 40.75rem;
  }
  footer .bloc1 {
    flex-wrap: wrap;
    row-gap: 1rem;
  }
  footer .bloc1 .cta-button {
    width: 48%;
  }
  footer .bloc1 .cta-button br {
    display: none;
  }
}
@media screen and (max-width: 1130px) {
  /*--12x38x24--*/
  .wcol2 {
    width: 6.25rem;
  }
  .wcol3 {
    width: 10.125rem;
  }
  .wcol4 {
    width: 14rem;
  }
  .wcol6 {
    width: 21.75rem;
  }
  .wcol5 {
    width: 17.875rem;
  }
  .wcol8 {
    width: 29.5rem;
  }
  .wcol9 {
    width: 33.375rem;
  }
  .content {
    width: 45rem;
  }
  .padding-L {
    padding: 6rem 0;
  }
  .padding-M {
    padding: 3rem 0;
  }
  .gap-S {
    column-gap: 1.5rem;
  }
  .tablet-noflex {
    flex-direction: column;
  }
  .tablet-noflex-reverse {
    flex-direction: column-reverse;
  }
  /* 55px -> 44px */
  .xxl-title {
    font-size: 44px;
  }
  /* 32px -> 30px */
  .xl-title,
  .xl-title2 {
    font-size: 30px;
  }
  /*20px -> 18px*/
  .chiffres-cles .subtitle {
    font-size: 18px;
  }
  /* width : 100% */
  .searchforms .estimate-form .search-form .flex > div,
  .pourquoi .bloc2 > div,
  .page-a-propos .page-title .xl-title,
  .page-a-propos .intro,
  .page-a-propos .atouts li,
  .page-a-propos .atouts-suite,
  .page-a-propos .relation-client > div,
  .page-a-propos .conclusion,
  .page-blog .intro,
  .single-actu .new-infos .bloc1,
  .single-actu .new-infos .bloc2,
  .page-estimation .big-ctas li,
  .page-estimation .pourquoi,
  .un-bien .property-gallery,
  .un-bien .property-details,
  .un-bien .property-description,
  .un-bien .property-map,
  .page-contact .coord-contact,
  .page-contact .form-contact,
  .page-estimation-agent .form-estimer,
  #formulaire-demande .contact-form-wrapper {
    width: 100%;
  }
  /* width : 48% */
  .searchforms .estimate-form .btn1,
  .searchforms .estimate-form .btn2,
  .pourquoi .avantages li,
  .outils li,
  footer .bloc2 > div,
  .news-list li,
  .un-bien .bien-ctas2 a {
    width: 48%;
  }
  .search-form .search-fields {
    row-gap: 2.5rem;
  }
  .search-form .search-field {
    width: 12.5rem;
  }
  .big-ctas li {
    height: 20rem;
  }
  .big-ctas li .item-content {
    width: 87%;
  }
  .big-ctas li:hover .item-content .xxs-title {
    font-size: 1.1rem;
  }
  /*----ENTETE-----*/
  header .topbar .coord {
    display: none;
  }
  header .mainheader {
    align-items: center;
  }
  header .mainheader .menu-button {
    display: block;
    background: url('imgs/sprite.svg') no-repeat -516px 0;
    background-size: 600px 380px;
    width: 40px;
    height: 40px;
    z-index: 2;
    cursor: pointer;
  }
  header .mainheader .menu-button.active {
    background-position: -466px 0;
  }
  header .mainheader .menu-menu-principal-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #1a1a1a;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  header .mainheader .menu-menu-principal-container ul {
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    max-height: 95%;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0 3rem;
  }
  header .mainheader .menu-menu-principal-container ul li {
    width: 100%;
    text-align: center;
  }
  header .mainheader .menu-menu-principal-container ul li a {
    font-size: 25px;
    display: block;
    padding: 1.5rem 0;
    color: #ffffff;
  }
  header .mainheader .menu-menu-principal-container ul li.bouton {
    margin-top: 1rem;
  }
  header.scrolled .mainheader .menu-menu-principal-container ul li a {
    padding: 1.5rem 0;
  }
  /*----ACCUEIL-----*/
  .home .ctas {
    transform: translateX(0) scale(0.9);
    transform-origin: right;
  }
  .home .ctas.scrolled {
    transform: translateX(11rem) scale(0.9);
  }
  .searchforms {
    margin-top: -9rem;
  }
  .searchforms .estimate-form .search-form .flex {
    flex-wrap: wrap;
    row-gap: 1rem;
  }
  .banner {
    padding-bottom: 12rem;
    height: 40rem;
  }
  .page-accueil .intro {
    padding-top: 9rem;
  }
  .nouveaux-biens .slick-slide {
    margin-right: 1.5rem;
  }
  .nouveaux-biens .biens-list {
    margin-right: -1.5rem;
  }
  .nouveaux-biens .slick-next {
    right: -2rem;
  }
  .nouveaux-biens .slick-prev {
    left: -1rem;
  }
  .pourquoi .avantages {
    row-gap: 2rem;
  }
  .pourquoi .bloc2 {
    row-gap: 2rem;
  }
  /*-----A VENDRE / A LOUER / VENDUS-----*/
  .biens-list .property-item {
    width: 21.75rem;
  }
  .biens-list .property-image {
    height: 232px;
  }
  .page-vendus .intro-suite {
    column-count: unset;
  }
  .page-vendus .intro-suite h3 {
    margin-top: 2rem;
  }
  .page-vendus .intro-suite h3:first-of-type {
    margin-top: 0;
  }
  /*-----UN BIEN------*/
  .un-bien .property-details {
    margin-top: 3rem;
  }
  .un-bien .property-details ul {
    column-count: 2;
  }
  .un-bien .bien-ctas {
    margin: 0;
    padding: 1rem 0 0;
  }
  .un-bien .property-map {
    margin-top: 3rem;
  }
  .un-bien .showDetails {
    margin: 0 auto;
    display: block;
  }
  .un-bien .big-ctas2 {
    margin-top: 3rem;
    padding-top: 3rem;
    column-gap: 0;
    justify-content: space-between;
  }
  .un-bien .property-details-groups {
    column-count: unset;
  }
  .un-bien .property-caracteristiques li strong {
    width: 20rem;
  }
  .un-bien .gallery-list img {
    height: 30rem;
  }
  /*-------A PROPOS--------*/
  .page-a-propos .page-title {
    height: 28rem;
  }
  .page-a-propos .atouts {
    row-gap: 2rem;
  }
  .page-a-propos .relation-client {
    row-gap: 2rem;
  }
  .page-a-propos .details .flex {
    row-gap: 1rem;
  }
  .page-a-propos .atouts-suite {
    margin: 0 auto 2rem;
  }
  /*-------BLOG--------*/
  .single-actu .new-infos {
    row-gap: 2rem;
  }
  .single-actu .new-content {
    margin: 0;
  }
  /*-------CONTACT--------*/
  .page-contact .logo {
    width: 20rem;
  }
  .page-contact .coord-contact {
    margin-top: 3rem;
    text-align: center;
  }
  .page-contact .coord-contact ul {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .page-contact .coord-contact li {
    display: inline-block;
  }
  /*-------ESTIMATION--------*/
  .page-estimation .intro {
    column-count: unset;
  }
  .page-estimation .intro h3 br {
    display: none;
  }
  .page-estimation .big-ctas {
    row-gap: 2rem;
  }
  .page-estimation .big-ctas li .attachment-thumbnail {
    width: 100%;
    height: auto;
  }
  /*-------FOOTER--------*/
  footer .bloc2 {
    flex-wrap: wrap;
    row-gap: 1rem;
  }
  footer .copy {
    text-align: center;
  }
}
@media screen and (max-width: 850px) {
  .nouveaux-biens .slick-next {
    right: -1rem;
  }
  .nouveaux-biens .slick-prev {
    left: 0;
  }
}
@media screen and (max-width: 810px) {
  .content {
    width: 90%;
  }
  body {
    padding-top: 6.5rem;
  }
  .wcol4 {
    width: 31%;
  }
  .tablet-s-noflex {
    flex-direction: column;
  }
  .tablet-s-noflex-reverse {
    flex-direction: column-reverse;
  }
  .gap-S {
    column-gap: 4%;
  }
  /* width : 100% */
  .searchforms .estimate-form .btn1,
  .searchforms .estimate-form .btn2,
  .big-ctas li,
  .bienvenue .bloc1,
  .page-vendus .page-title .intro,
  .un-bien .bien-ctas a,
  .page-a-propos .details li,
  .page-contact .intro,
  .banner .xl-title {
    width: 100%;
  }
  /* width : 48% */
  .chiffres-cles li,
  .biens-list .property-item {
    width: 48%;
  }
  /* 35px -> 30px */
  .un-bien .property-price {
    font-size: 30px;
  }
  /* 30px -> 28px */
  .xl-title,
  .xl-title2,
  .l-title,
  .page-divers h1 {
    font-size: 28px;
  }
  /* 25px -> 22px */
  .un-bien .title .xl-title2 span {
    font-size: 22px;
  }
  /* 22px -> 20px */
  .m-title,
  .page-divers h2,
  .single-actu h2,
  .page-a-propos .relation-client h3 {
    font-size: 20px;
  }
  .page-contact .form-contact .contact-subjects button[type="button"] {
    font-size: 14px;
  }
  .padding-L {
    padding: 5rem 0;
  }
  .padding-top-L {
    padding-top: 5rem;
  }
  body.home {
    padding-top: 2.5rem;
  }
  header .mainheader .logo {
    width: 130px;
  }
  header.scrolled .mainheader .logo {
    width: 120px;
  }
  header .mainheader .menu-menu-principal-container ul li a:after {
    bottom: 0.2rem;
  }
  /*----ACCUEIL-----*/
  .ctas {
    top: 7.5rem;
    transform: translateX(11rem) scale(0.9);
    transform-origin: right;
  }
  .home .ctas {
    transform: translateX(11rem) scale(0.9);
  }
  .banner {
    padding-bottom: 8rem;
    height: 34rem;
  }
  .searchforms {
    margin-top: -5rem;
  }
  .searchforms .estimate-form .cta-button {
    font-size: 1rem;
  }
  .searchforms .estimate-form .cta-button br {
    display: none;
  }
  .searchforms .estimate-form .search-form {
    padding: 1.5rem 1.5rem;
  }
  .search-form label {
    font-size: 0.85rem;
  }
  .search-form .search-field {
    width: 9.5rem;
  }
  .page-accueil .intro {
    padding-top: 11rem;
  }
  .chiffres-cles {
    row-gap: 2rem;
  }
  .big-ctas {
    row-gap: 2rem;
  }
  .big-ctas li .attachment-thumbnail {
    width: 100%;
    height: auto;
  }
  .pourquoi .avantages h3 br {
    display: none;
  }
  /*-----A VENDRE / A LOUER / VENDUS-----*/
  .biens-list .property-details {
    gap: 0.4rem;
  }
  .page-biens .page-title {
    min-height: 300px;
  }
  .biens-list .property-price {
    display: block;
  }
  .biens-list .tiret {
    display: none;
  }
  .biens-list .badge {
    font-size: 15px;
    padding: 0.8rem 1rem;
  }
  .un-bien .title .xl-title2 span:before {
    width: 40px;
  }
  .un-bien .badge {
    font-size: 18px;
  }
  .un-bien .gallery-list img {
    height: 30.5rem;
  }
  .un-bien .bien-ctas {
    row-gap: 1.5rem;
  }
  .un-bien .property-caracteristiques li strong {
    width: 18rem;
  }
  .nouveaux-biens .slick-prev,
  .nouveaux-biens .slick-next {
    display: none !important;
  }
  /*-------A PROPOS--------*/
  .page-a-propos .xl-title {
    padding: 0 2rem;
  }
  .page-a-propos .page-title {
    height: 23rem;
  }
  /*-------BLOG--------*/
  /*-------CONTACT--------*/
  .page-contact .plan #acces {
    height: 25rem;
  }
  /*-------ESTIMATION--------*/
}
@media screen and (max-width: 720px) {
  .un-bien .gallery-list img {
    height: 27rem;
  }
  .biens-list .property-image {
    height: 207px;
  }
}
@media screen and (max-width: 620px) {
  .content {
    width: 85%;
  }
  .smartphone-noflex {
    flex-direction: column;
  }
  .searchforms {
    margin-top: -3rem;
  }
  .search-form {
    padding: 2rem 1rem;
  }
  .search-form .search-field {
    width: 12.5rem;
  }
  .search-form .search-fields {
    row-gap: 2rem;
  }
  .xl-cta .m-title {
    padding: 0 2rem;
  }
  .padding-top-M {
    padding-top: 2rem;
  }
  /* 100% */
  .pourquoi .avantages li,
  .outils li,
  .biens-list .property-item,
  footer .bloc1 .cta-button {
    width: 100%;
  }
  /* 28px -> 25px */
  .xl-title,
  .xl-title2,
  .l-title,
  .page-divers h1 {
    font-size: 25px;
  }
  /*22px -> 20px */
  .s-title,
  .page-divers h3,
  .single-actu h3 {
    font-size: 18px;
  }
  /* 20px -> 18px */
  .m-title,
  .page-divers h2,
  .single-actu h2,
  .page-a-propos .relation-client h3 {
    font-size: 18px;
  }
  .un-bien .property-map .adresse {
    font-size: 16px;
  }
  .page-contact .form-contact .contact-subjects button[type="button"] {
    font-size: 13px;
  }
  .page-contact .form-contact .contact-subjects {
    flex-wrap: wrap;
    padding-top: 2rem;
    background-color: #2b2b2b;
  }
  .page-contact .form-contact .contact-subjects button[type="button"] {
    width: 100%;
    background-color: #2b2b2b;
    border-radius: 0;
    padding: 0.5rem 2rem 0.5rem 4.5rem;
    text-align: left;
    position: relative;
    font-weight: bold;
  }
  .page-contact .form-contact .contact-subjects button[type="button"] br {
    display: none;
  }
  .page-contact .form-contact .contact-subjects button[type="button"]:before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 20px;
    border: 2px solid #ffffff;
    position: absolute;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
  }
  .page-contact .form-contact .contact-subjects button[type="button"]:hover {
    background-color: #2b2b2b;
  }
  .page-contact .form-contact .contact-subjects button[type="button"].active {
    background-color: #2b2b2b;
    border-bottom: 0;
    color: #ffffff;
  }
  .page-contact .form-contact .contact-subjects button[type="button"].active:before {
    background-color: #e30613;
  }
  .page-contact .form-contact form {
    border-top: 0;
  }
  /*----ACCUEIL-----*/
  .banner {
    padding-bottom: 6rem;
    height: 28rem;
  }
  .banner .xl-title {
    padding: 0 3rem;
  }
  .banner .xl-title br {
    display: none;
  }
  .page-accueil .intro {
    padding-top: 13rem;
  }
  .bienvenue {
    background-position: 40%;
  }
  .pourquoi .bloc2 ul {
    column-count: unset;
  }
  /*-----A VENDRE / A LOUER / VENDUS-----*/
  .biens-list .property-image {
    height: 370px;
  }
  .un-bien .gallery-list img {
    height: 23.5rem;
  }
  .un-bien .property-details-groups .detail-group.property-main-details {
    padding: 2rem;
  }
  .un-bien .property-caracteristiques li strong {
    width: 16rem;
  }
  .un-bien .property-documents ul {
    row-gap: 1rem;
  }
  .un-bien .property-documents ul li {
    margin-bottom: 0;
  }
  .un-bien .gallery-list .slick-next {
    transform: scale(0.8) translate(0, -50%);
    transform-origin: right;
  }
  .un-bien .gallery-list .slick-prev {
    transform: scale(0.8) translate(0, -50%);
    transform-origin: left;
  }
  .un-bien .gallery-list .slick-dots li button:before {
    font-size: 10px;
  }
  /*-------A PROPOS--------*/
  .page-a-propos .intro .txt p br {
    display: none;
  }
  /*-------BLOG--------*/
  .single-actu h2 {
    margin-top: 2rem;
  }
  /*-------CONTACT--------*/
  .page-contact .form-contact .contact-subjects button[type="button"] {
    font-size: 14px;
  }
  .form-contact label,
  .contact-form-wrapper label {
    font-size: 1rem;
  }
  .form-contact input,
  .contact-form-wrapper input,
  .form-contact select,
  .contact-form-wrapper select,
  .form-contact textarea,
  .contact-form-wrapper textarea {
    padding: 0.6rem;
  }
  .form-contact .form-row,
  .contact-form-wrapper .form-row {
    margin-bottom: 1.5rem;
  }
  .form-contact label.checkbox-label,
  .contact-form-wrapper label.checkbox-label {
    font-size: 14px;
    line-height: 1.2em;
  }
  .form-contact button[type="submit"],
  .contact-form-wrapper button[type="submit"] {
    width: 100%;
  }
  .page-contact .logo {
    width: 16rem;
  }
  .page-contact .coord-contact ul a {
    font-size: 1rem;
  }
  /*-------ESTIMATION--------*/
  .page-estimation .pourquoi ul {
    column-count: unset;
  }
  .page-estimation .xl-title2 {
    padding: 0 2rem;
  }
  .page-estimation .big-ctas li {
    height: 19rem;
  }
  .page-estimation .big-ctas li .item-content img {
    width: 90px;
  }
}
@media screen and (max-width: 505px) {
  .smartphone-s-noflex {
    flex-direction: column;
  }
  .cta-button,
  .chiffres-cles li,
  footer .bloc2 > div,
  .page-a-propos .conclusion .cta-button,
  .news-list li,
  .pc48,
  .un-bien .bien-ctas2 .cta-button {
    width: 100%;
  }
  .search-form .search-field {
    width: 48%;
  }
  .xl-title,
  .xl-title2,
  .l-title,
  .page-divers h1 {
    font-size: 22px;
  }
  .xs-title,
  .single-actu h4 {
    font-size: 15px;
  }
  /*16/15px -> 14px*/
  body,
  p,
  .searchforms .form-bloc span,
  .searchforms .estimate-form p,
  .searchforms .estimate-form .cta-button,
  .search-form select,
  .search-form input,
  .page-a-propos .conclusion .cta-button {
    font-size: 14px;
  }
  .search-form label {
    font-size: 12px;
  }
  .big-ctas li {
    height: 16rem;
  }
  .big-ctas li .attachment-thumbnail {
    width: fit-content;
    height: auto;
  }
  .xl-cta .cta-button {
    width: 80%;
  }
  .home .ctas,
  .ctas,
  .home .ctas.scrolled {
    transform: translateX(9.6rem) scale(0.8);
  }
  .home .ctas.scrolled,
  .scrolled + .ctas {
    top: 3.5rem;
  }
  header .topbar h1 {
    font-size: 10px;
    line-height: 1.3em;
  }
  header.scrolled .mainheader .logo {
    width: 100px;
  }
  /*----ACCUEIL-----*/
  .banner {
    height: 24rem;
  }
  .search-form {
    padding: 2rem 1rem 1.5rem;
  }
  .search-form label {
    padding-left: 2.3rem;
  }
  .search-form label:before {
    transform: scale(0.8);
    transform-origin: left;
  }
  .searchforms {
    margin-top: -2rem;
  }
  .searchforms .estimate-form .search-form {
    padding: 1rem 1rem;
  }
  .searchforms .estimate-form .cta-button {
    padding: 1rem 1rem 1rem 3.5rem;
  }
  .searchforms .estimate-form .cta-button:before {
    left: 0;
    transform: translateY(-50%) scale(0.8);
  }
  .page-accueil .intro {
    padding-top: 12rem;
  }
  /*-----A VENDRE / A LOUER / VENDUS-----*/
  .page-title .xl-title {
    padding: 0 2rem;
  }
  .page-biens .page-title {
    min-height: 270px;
  }
  .biens-list .property-image {
    height: 305px;
  }
  .nouveaux-biens .biens-list + div {
    row-gap: 1rem;
  }
  .page-vendus .page-title {
    padding: 3rem 2rem 1rem;
  }
  .un-bien .badge {
    font-size: 16px;
    padding: 0.8rem;
  }
  .un-bien .property-price {
    font-size: 25px;
    display: block;
  }
  .un-bien .title .xl-title2 span {
    display: block;
  }
  .un-bien .title .xl-title2 span:before {
    content: none;
  }
  .un-bien .property-details ul {
    column-count: 1;
  }
  .un-bien .gallery-list img {
    height: 18rem;
  }
  .un-bien .property-map .adresse:before {
    display: block;
  }
  .un-bien .property-caracteristiques li {
    font-size: 15px;
  }
  .un-bien .bien-ctas2 {
    row-gap: 1rem;
  }
  /*-------A PROPOS--------*/
  /*-------BLOG--------*/
  /*-------CONTACT--------*/
  .page-contact .intro {
    margin: 2rem auto 0;
  }
  .form-contact label.checkbox-label,
  .contact-form-wrapper label.checkbox-label {
    margin-bottom: 1rem;
  }
  .page-contact .logo {
    width: 100%;
  }
  .page-contact .coord-contact ul {
    align-items: flex-start;
  }
  .page-contact .coord-contact ul a {
    text-align: left;
    line-height: 1.3em;
  }
  /*-------ESTIMATION--------*/
  .page-estimation .big-ctas li .attachment-thumbnail {
    width: fit-content;
    height: auto;
  }
  .page-estimation .big-ctas li {
    height: 22rem;
  }
}
@media screen and (max-width: 360px) {
  .smartphone-xs-noflex {
    flex-direction: column;
  }
  /*----ACCUEIL-----*/
  .searchforms .estimate-form p {
    font-size: 15px;
  }
  .search-form .search-field {
    width: 100%;
  }
  .searchforms {
    height: 31.5rem;
  }
  .search-form {
    padding: 1.5rem 1rem 1rem;
  }
  .search-form select,
  .search-form input {
    font-size: 13px;
  }
  .search-form label {
    margin-bottom: 0.3rem;
  }
  .search-form .search-fields {
    row-gap: 1.5rem;
  }
  .search-form .field-submit button {
    float: right;
    transform: scale(0.8);
    transform-origin: right;
    margin-top: -1rem;
  }
  .searchforms .form-bloc span {
    padding: 1rem 0.6rem;
  }
  .page-accueil .intro {
    padding-top: 2rem;
  }
  .searchforms .estimate-form .cta-button {
    padding: 1rem;
    text-align: center;
  }
  .searchforms .estimate-form .cta-button:before {
    transform: scale(1.1);
    position: initial;
    display: block;
    margin: 0 auto 0.8rem;
  }
  /*-----A VENDRE / A LOUER / VENDUS-----*/
  .biens-list .property-image {
    height: 206px;
  }
  .un-bien .gallery-list img {
    height: 14.5rem;
  }
  .un-bien .gallery-list .slick-next,
  .un-bien .gallery-list .slick-prev {
    transform: scale(0.6) translate(0, -50%);
  }
  /*-------A PROPOS--------*/
  /*-------BLOG--------*/
  /*-------CONTACT--------*/
  /*-------ESTIMATION--------*/
}