/*
Theme Name: Agence Monark
Author: Boréale Média - Chloé Gauthier
Author URI: http://borealemedia.com
Description: Thème entièrement fait pour Agence Monark
Version: 2.0
License: Agence Boréale - Agence Monark
*/

/* --------- 1. Reset CSS --------- */

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, a-propos, 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 en block pour les anciens fureteurs */
article, aside, a-propos, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img, svg {
	display: block;
	height: auto;
}

/* --------- 2. Base (général) --------- */
:root {
	--midgrey: #AFB6BD;
	--darkgrey: #787878;
	--taupe: #999490;
	--lightbeige: #EAE7E5;
	--black: #130E09;
	--windowHeightDesktop: calc(100vh - 110px);
	--windowHeightMobile: calc(100vh - 65px);
	--title: 'bebas-neue-pro', sans-serif;
	--text: 'Libre Baskerville', serif;
}
html {
	
}
body {
	background-color: var(--lightbeige);
	font: 400 18px var(--text);
	-webkit-font-smoothing: antialiased;
}
* {
	box-sizing: border-box;
}
.flexwrap {
	display: flex;
	display: -webkit-flex; /* Safari */
  		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	flex-wrap: wrap;
}
.flex {
	display: flex;
		display: -webkit-flex; /* Safari */
}
.no-scroll {
	overflow: hidden;
}
li.button a,
a.button {
	background-color: var(--black);
	border-radius: 30.5px;
	border: 1px solid var(--black);
	color: #FFF;
	display: inline-block;
	font: 400 24px var(--title);
	padding: 16px 20px;
	text-align: center;
	text-transform: uppercase;
}
li.button a:hover,
a.button:hover {
	background-color: transparent;
	color: var(--black);
}
a.button.white {
	background-color: var(--lightbeige);
	border-color: var(--lightbeige);
	color: var(--black);
}
a.button.white:hover {
	background-color: transparent;
	color: #FFF;
}
a.button.grey {
	background-color: var(--midgrey);
	border-color: var(--midgrey);
	color: var(--black);
}
a.button.grey:hover {
	background-color: transparent;
	border-color: var(--black);
}
a.button.transparent {
	background-color: transparent;
	color: var(--black);
}
a.button.transparent:hover {
	background-color: var(--black);
	color: #FFF;
}
h1 span,
h2 span,
p.title {
	font: 700 2.500vw var(--title);
	letter-spacing: 0.025em;
	margin-bottom: 35px;
}
h1 span,
h2 span {
	display: block;
	text-transform: initial;
}
section:before {
	content: '';
	display: block;
	height: 110px;
	width: 100%;
}
.banner {
	align-items: center;
	-webkit-align-items: center;
	background-color: var(--lightbeige);
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 60px;
}
.banner .texte {
	width: calc(100% - 240px);
}
.banner a.button {
	margin-left: 30px;
}
.temoignages {
	background-color: var(--black);
	min-height: var(--windowHeightDesktop);
	padding: 190px 0;
}
.temoignages h3 {
	color: var(--lightbeige);
	margin: 30px 0 55px;
	text-align: center;
}
.temoignages .wrapper {
	position: relative;
	z-index: 0;
}
.temoignages .wrapper:before,
.temoignages .wrapper:after {
	background-size: contain;
	background-repeat: no-repeat;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 20%;
	z-index: -1;
}
.temoignages .wrapper:before {
	background-image: url(assets/img/dark-grey-monark-wing-left.png);
	background-position: center left;
	left: 0;
}
.temoignages .wrapper:after {
	background-image: url(assets/img/dark-grey-monark-wing-right.png);
	background-position: center right;
	right: 0;
}
.temoignages .content {
	margin: 0 auto;
	width: 42%;
}
.temoignages .slider article p {
	color: var(--lightbeige);
	
	text-align: center;
}
.temoignages .slider article .texte p {
	font-size: 1.563vw;
}
.temoignages .slider article p.signature {
	font-size: 18px;
	margin-top: 50px;
}
.temoignages .slider-navigation {
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-top: 45px;
}
.temoignages .slider-navigation .arrow {
	border-radius: 100%;
	cursor: pointer;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
.temoignages .slider-navigation .arrow:hover {
	background-color: var(--lightbeige);
}
.temoignages .slider-navigation .arrow svg {
	width: 64px;
}
.temoignages .slider-navigation .arrow svg * {
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
.temoignages .slider-navigation .arrow path {
	fill: var(--lightbeige);
}
.temoignages .slider-navigation .arrow polyline {
	stroke: var(--lightbeige);
}
.temoignages .slider-navigation .arrow:hover polyline {
	stroke: var(--black);
}
.temoignages .slider-navigation .dots ul {
	align-items: center;
	-webkit-align-items: center;
	display: flex;
	display: -webkit-flex;
	gap: 25px;
	grid-gap: 25px;
}
.temoignages .slider-navigation .dots button {
	appearance: none;
	background-color: var(--lightbeige);
	border: 0;
	border-radius: 100%;
	cursor: pointer;
	display: block;
	font: 0px/0px var(--text);
	height: 6px;
	padding: 0;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	width: 6px;
}
.temoignages .slider-navigation .dots li.slick-active button {
	background-color: var(--lightbeige);
	height: 12px;
	width: 12px;
}
.rendez-vous {
	align-items: center;
	-webkit-align-items: center;
	min-height: var(--windowHeightDesktop);
	padding: 80px 0;
}
.rendez-vous .content {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.rendez-vous p {
	margin: 0;
}
.rendez-vous .col-1,
.rendez-vous .col-2 {
	width: calc(50% - 80px);
}
.rendez-vous .col-1 h1,
.rendez-vous .col-1 h2 {
	margin-bottom: 75px;
}
.rendez-vous .col-1 h2 {
	font-size: 10.417vw;
}
.rendez-vous .col-1 .texte {
	margin-bottom: 55px;
	width: 58%;
}
.rendez-vous .col-1 .telephone {
	align-items: center;
	-webkit-align-items: center;
}
.rendez-vous .col-1 .telephone svg {
	margin-right: 40px;
	width: 40px;
}
.rendez-vous .col-1 .telephone a {
	font: 400 32px var(--title);
}
.rendez-vous .col-1 .telephone a:hover {
	color: var(--darkgrey);
}
.rendez-vous .col-2 .flexwrap {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.rendez-vous .col-2 .flexwrap>div {
	margin-bottom: 35px;
	width: calc(50% - 40px);
}
.rendez-vous .col-2 input[type="text"],
.rendez-vous .col-2 input[type="tel"],
.rendez-vous .col-2 input[type="email"],
.rendez-vous .col-2 textarea {
	appearance: none;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid var(--black);
	color: var(--black);
	font: 400 24px var(--title);
	height: 60px;
	letter-spacing: 0.025em;
	outline: none;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	width: 100%;
	border-radius: 0;
}
.rendez-vous .col-2 input::placeholder,
.rendez-vous .col-2 textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--taupe);
  font-style: italic;
  opacity: 100%; /* Firefox */
}
.rendez-vous .col-2 input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--taupe);
}
.rendez-vous .col-2 input::-ms-5e6165-placeholder { /* Microsoft Edge */
  color: var(--taupe);
}
.rendez-vous .col-2 input:-webkit-autofill,
.rendez-vous .col-2 input:-webkit-autofill:hover,
.rendez-vous .col-2 input:-internal-autofill-selected {
  background-color: var(--lightbeige);
  box-shadow: 0 0 0 50px var(--lightbeige) inset !important;
    -webkit-box-shadow: 0 0 0 50px var(--lightbeige) inset;
  color: var(--black);
  font: 400 24px var(--title);
  -webkit-text-fill-color: var(--black);
}
.rendez-vous .col-2 input:-webkit-autofill:focus,
.rendez-vous .col-2 input:-webkit-autofill:active {
  background-color: #FFF;
  box-shadow: 0 0 0 50px #FFF inset !important;
    -webkit-box-shadow: 0 0 0 50px #FFF inset;
  color: var(--purple);
  font: 400 24px var(--title);
  -webkit-text-fill-color: var(--purple);
}
.rendez-vous .col-2 input:-webkit-autofill::first-line {
  background-color: var(--lightbeige);
  box-shadow: 0 0 0 50px var(--lightbeige) inset;
    -webkit-box-shadow: 0 0 0 50px var(--lightbeige) inset;
  color: var(--black);
  font: 400 24px var(--title);
}
.rendez-vous .col-2 textarea {
	height: 120px;
	padding: 15px 0;
}
.rendez-vous .col-2 input[type="submit"] {
	background-color: var(--black);
	border-radius: 32px;
	border: 1px solid var(--black);
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font: 400 20px var(--title);
	margin-top: 80px;
	min-width: 240px;
	padding: 20px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
.rendez-vous .col-2 input[type="submit"]:hover {
	background-color: transparent;
	color: var(--black);
}
body .si .si-search-container {
	margin-bottom: 130px;
}
body .si.standard-layout .list-meta .list-count {
	font: 300 32px var(--title);
	text-transform: uppercase;
}
body .si.standard-layout .list-meta .list-count strong,
body .si.standard-layout .list-meta .list-count em {
	font-weight: 400;
}
body .si-dropdown .si-dropdown-button {
	box-shadow: none;
	padding: 0 !important;
}
body .si-dropdown .si-dropdown-button i {
	font-size: 27px;
	margin: 0 !important;
}
body .si-dropdown .si-dropdown-button:after {
	display: none;
}
body .si-dropdown .si-dropdown-button span {
	display: none;
}
body .si.standard-layout .si-list-container .si-list-header {
	align-items: center;
	-webkit-align-items: center;
	display: flex;
	display: -webkit-flex;
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-bottom: 50px;
}
body .si .si-hover-shade:hover {
	background-color: transparent;
}
body .si .si-search-container .si-inputs .si-panel-button {
	font: 400 24px var(--title);
}
body .si.standard-layout {
	display: block;
	grid-template-columns: initial;
	grid-template-rows: initial;
	gap: initial;
}
body .si .si-list-container {
	display: block;
	gap: initial;
	grid-column: initial;
}
body .si .si-list {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	gap: 80px;
	grid-gap: 80px;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
}
.cursor--small {
	box-sizing: border-box;
  width: 12px;
  height: 12px;
  left: -5px;
  top: -5px;
  border-radius: 50%;
  z-index: 999999;
  background: var(--blue);
}
.round-button {
	background-color: var(--lightbeige);
	border-radius: 100%;
	display: none;
	font: 400 20px/1em var(--title);
	letter-spacing: 0.1em;
	height: 120px;
	left: 50%;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: background-color 0.2s ease, color 0.2s ease;
	-webkit-transition: background-color 0.2s ease, color 0.2s ease;
	-moz-transition: background-color 0.2s ease, color 0.2s ease;
	-o-transition: background-color 0.2s ease, color 0.2s ease;
	width: 120px;
	z-index: 4;
}
.round-button.clicked,
section#accueil .main-section .content-wrap .round-button:hover {
	background-color: var(--black);
	color: var(--lightbeige);
}
.round-button svg * {
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.round-button.clicked svg *,
section#accueil .main-section .content-wrap .round-button:hover svg * {
	stroke: var(--lightbeige);
}
.round-button span {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
}
.round-button svg {
	margin: 10px auto 0;
	width: 24px;
}
.cursor--canvas {
  width: 100vw;
  height: 100vh;
  z-index: 9999999;
}
::-webkit-scrollbar {
    display: block;
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #fff;
}
::-webkit-scrollbar-thumb {
    background-color: var(--black);
    border-radius: 5px;
    border-right: none;
    border-left: none;
    transition: all 0.2s ease;
    	-webkit-transition: all 0.2s ease;
    	-moz-transition: all 0.2s ease;
    	-o-transition: all 0.2s ease;
    width: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--black);
}
::selection {
  background: var(--black); /* WebKit/Blink Browsers */
}
/*  --------- 3. Structure (layout) --------- */
body *:focus {
	outline: none;
}
/*WRAPPER*/
.wrapper {
	margin: 0 auto;
	max-width: 1720px;
	padding: 0 60px;
	width: 100%;
}
/*HEADER*/
header {
	background-color: #FFF;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
}
header .flexwrap {
	align-items: center;
	-webkit-align-items: center;
	box-sizing: initial;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 27px 45px;
}
header .logo-link {
	left: 50%;
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
}
header .logo-link svg {
	display: block;
	width: 90px;
}
header nav>div {
	height: 100%;
}
header nav ul.menu {
	align-items: center;
	-webkit-align-items: center;
	display: flex;
	display: -webkikt-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	height: 100%;
	gap: 35px;
	grid-gap: 35px;
}
header nav ul li {
	position: relative;
}
header nav ul:not(.sub-menu)>li.current-menu-item:before,
header nav ul:not(.sub-menu)>li.current-menu-parent:before {
	background: var(--black);
	border-radius: 0 0 14px 14px;
	content: '';
	height: 7px;
	position: absolute;
	top: -42px;
	width: 100%;
}
header nav ul li ul.sub-menu {
	background-color: #FFF;
	display: block;
	opacity: 0;
	padding-top: 43px;
	pointer-events: none;
	position: absolute;
	top: 100%;
	transform: translateY(-5px);
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
header nav ul li:hover ul.sub-menu,
header nav ul li ul.sub-menu:hover {
	opacity: 1;
	pointer-events: initial;
	transform: translateY(0);
}
header nav ul li ul.sub-menu>li {
	border-top: 1px solid var(--midgrey);
}
header nav ul li ul.sub-menu>li a {
	display: block;
	padding: 15px 20px;
	white-space: nowrap;
}
header nav ul li ul.sub-menu>li a:hover {
	background-color: var(--black);
	color: #FFF;
}
header nav ul li a {
	font: 400 20px var(--title);
	letter-spacing: 0.05em;
}
header nav ul li a:hover {
	color: var(--darkgrey);
}
header nav ul li.current-menu-item a {
	font-weight: 700;
}
header nav li.button a {
	border-radius: 28px;
	font-size: 20px;
	padding: 16px 30px;
}
header div#burger {
	cursor: pointer;
	display: none;
}
.bar1, .bar2, .bar3 {
	background-color: #000;
	border-radius: 1px;
  height: 2px;
  margin: 5px 0;
  transition: 0.4s;
  width: 40px;
}
/* Rotate first bar */
.change .bar1 {
	transform: rotate(-45deg) translate(-2px, 6px);
	-webkit-transform: rotate(-45deg) translate(-2px, 6px);
}

/* Fade out the second bar */
.change .bar2 {
  opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
	transform: rotate(45deg) translate(-3px, -8px);
  -webkit-transform: rotate(45deg) translate(-3px, -8px);
}
#menu-mobile {
	background-color: #fff;
	height: calc(100vh - 65px);
	left: 100%;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 65px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	width: 100%;
	z-index: 9;
}
#menu-mobile.open {
	left: 0;
}
#menu-mobile nav {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	gap: 20px;
	grid-gap: 20px;
	padding: 60px 30px 0;
}
#menu-mobile ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	gap: 20px;
	grid-gap: 20px;
	margin: 0;
	padding: 0;
}
#menu-mobile ul li {
	padding: 0;
}
#menu-mobile ul li.menu-item-has-children>a:after {
	content: '\f078';
	font: 400 18px "Font Awesome 5 Pro";
	transform: rotateX(0);
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
#menu-mobile ul li.menu-item-has-children.open>a:after {
	transform: rotateX(180deg);
}
#menu-mobile ul li.button {
	margin-top: 50px;
}
#menu-mobile ul li:not(.button) a {
	align-items: center;
	-webkit-align-items: center;
	display: flex;
	display: -webkit-flex;
	font: 400 32px var(--title);
	gap: 15px;
	grid-gap: 15px;
	height: 42px;
	white-space: nowrap;
}
#menu-mobile ul.sub-menu {
	padding-top: 10px;
}
#menu-mobile ul.sub-menu li a {
	border-top: none;
}
#menu-mobile ul.sub-menu {
	display: none;
	padding-left: 40px;
}
#menu-mobile ul.sub-menu li {
	margin-bottom: 10px;
}
#menu-mobile ul.sub-menu li:last-child {
	margin-bottom: 0;
}
#menu-mobile ul.sub-menu li a {
	font-size: 27px;
}
/*ACCUEIL*/
#loading {
	align-items: center;
	-webkit-align-items: center;
	background: var(--black);
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	left: 0;
	min-height: 100vh;
	position: fixed;
	transform: translateY(0);
	top: 0;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	width: 100%;
	z-index: 999999;
}
#loading.closed {
	transform: translateY(-100%) !important;
}
#loading img.background {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
#loading .logo {
	left: 50%;
	position: absolute;
	top: 27px;
	transform: translateX(-50%);
}
#loading .logo svg {
	width: 90px;
}
#loading .logo svg * {
	fill: var(--lightbeige);
}
#loading h1, #loading p {
	color: var(--lightbeige);
}
#loading .content {
	text-align: center;
}
#loading p.title {
	margin-bottom: 25px;
	text-align: center;
}
#loading h1 {
	font: 700 11.875vw var(--title);
	letter-spacing: 0.009em;
	text-align: center;
	text-transform: uppercase;
}
#loading a.button {
	font-size: 28px;
	margin: 30px auto 0;
	padding: 15px 52px;
}
section#accueil .main-section {
	align-content: stretch;
	-webkit-align-content: stretch;
	background-color: var(--black);
	min-height: var(--windowHeightDesktop);
	position: relative;
}
section#accueil .main-section .content-wrap a.flexwrap {
	align-items: center;
	-webkit-align-items: center;
	cursor: none;
	height: 100%;
}
section#accueil .main-section .content-wrap p.title {
	margin-bottom: 60px;
}
section#accueil .main-section .content-wrap.disabled p.title {
	margin-bottom: 40px;
}
section#accueil .main-section .content-wrap h2,
section#accueil .main-section .content-wrap p {
	color: #FFF;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
section#accueil .main-section .content-wrap h2 {
	font-size: 10.417vw;
	line-height: 0.95em;
}
section#accueil .main-section .content-wrap .text {
	margin-top: 60px;
}
section#accueil .main-section .content-wrap.disabled .text {
	margin-top: 40px;
}
section#accueil .main-section .content-wrap .text p {
	font-size: 20px;
	line-height: 1.6em;
}
section#accueil .main-section .content-wrap {
	overflow: hidden;
	position: relative;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	width: 62.5%;
	z-index: 0;
}
section#accueil .main-section .content-wrap.disabled {
	width: 37.5%;
}
section#accueil .main-section .content-wrap .sigle {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 28.417%;
	z-index: 3;
}
section#accueil .main-section .content-wrap .sigle img {
	width: 100%;
}
section#accueil .main-section .content-wrap .background-image {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
section#accueil .main-section .content-wrap .background-image:after {
	background-color: var(--black);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 30%;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	width: 100%;
}
section#accueil .main-section .content-wrap.disabled .background-image:after {
	opacity: 80%;
}
section#accueil .main-section .background-image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}
section#accueil .main-section .content-wrap .content {
	align-items: center;
	-webkit-align-items: center;
	padding: 80px 0;
	position: relative;
	z-index: 3;
}
section#accueil .main-section .content-wrap .content .texte {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	width: 56%;
}
section#accueil .main-section .content-wrap.disabled .content .texte {
	width: 85%;
}
section#accueil .main-section .content-wrap.disabled .content h2,
section#accueil .main-section .content-wrap.disabled .content p {
	color: var(--darkgrey);
}
section#accueil .main-section .content-wrap.disabled .content h2 {
	font-size: 7.292vw;
}
section#accueil .main-section .content-wrap.disabled .content p.title {
	font-size: 1.667vw;
}
section#accueil .main-section .content-wrap.disabled .content p {
	font-size: 14px;
}
section#accueil .proprietes {
	overflow: hidden;
	padding: 160px 0;
}
section#accueil .proprietes h2 {
	margin-bottom: 70px;
	width: 61%;
}
section#accueil .proprietes .text-arrow {
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-bottom: 80px;
}
section#accueil .proprietes .text-arrow .col-1 {
	align-items: center;
	-webkit-align-items: center;
}
section#accueil .proprietes .text-arrow .col-1 p {
	font: 300 32px var(--title);
	margin-bottom: 0;
	margin-right: 45px;
	text-transform: uppercase;
}
section#accueil .proprietes .text-arrow .col-1 p span {
	font-weight: 400;
}
section#accueil .proprietes .text-arrow .button {
	padding: 16px 63px;
}
section#accueil .proprietes .text-arrow .arrows {
	align-items: center;
	-webkit-align-items: center;
	gap: 30px;
	grid-gap: 30px;
}
section#accueil .proprietes .text-arrow .arrows .arrow {
	border-radius: 100%;
	cursor: pointer;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
section#accueil .proprietes .text-arrow .arrows .arrow:hover {
	background-color: var(--black);
}
section#accueil .proprietes .text-arrow .arrows .arrow.slick-disabled {
	opacity: 50%;
	pointer-events: none;
}
section#accueil .proprietes .text-arrow .arrows .arrow svg {
	width: 64px;
}
section#accueil .proprietes .text-arrow .arrows .arrow svg * {
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
section#accueil .proprietes .text-arrow .arrows .arrow:hover svg polyline {
	stroke: #FFF;
}
section#accueil .proprietes .content {
	width: 85%;
}
section#accueil .proprietes .content .si {
	display: block;
	margin: 0 -40px;
}
section#accueil .proprietes .content .slick-list {
	overflow: initial;
}
section#accueil .proprietes .content .si .si-list {
	display: block;
	width: 100%;
}
section#accueil .proprietes .content .si .si-list .slick-slide {
	margin: 0 40px;
}
body .si .si-label {
	font-family: var(--title);
	line-height: 1.6em;
}
body .si .si-background-high-contrast .si-label .si-truncated {
	font: 400 24px/1.2em var(--title);
}
body .si .si-space-emphasis {
	font: 700 27px/1.2em var(--title);
	min-height: initial;
	padding: 20px;
}
body .si .si-category {
	font-size: 24px;
}
body .si .si-subcategory {
	font-size: 20px;
}
body .si .si-rooms {
	font-size: 18px;
	margin-top: 15px;
}
section#accueil .avantages {
	background-color: var(--black);
	padding: 140px 0 160px;
}
section#accueil .avantages h2 {
	color: var(--lightbeige);
	margin-bottom: 100px;
}
section#accueil .avantages .content {
	gap: 110px;
	grid-gap: 110px;
	margin-bottom: 125px;
}
section#accueil .avantages .content h2,
section#accueil .avantages .content h3,
section#accueil .avantages .content p {
	color: var(--lightbeige);
}
section#accueil .avantages .content p.number {
	color: var(--black);
	font: 700 6.250vw var(--title);
	margin-bottom: 40px;
	text-stroke: 1px var(--lightbeige);
	-webkit-text-stroke: 1px var(--lightbeige);
	text-transform: uppercase;
}
section#accueil .avantages .content h3 {
	margin-bottom: 35px;
}
section#accueil .avantages .content article {
	width: calc(100%/3 - 220px/3);
}
section#accueil .evaluation {
	align-content: center;
	-webkit-align-content: center;
	background-color: var(--midgrey);
	padding: 80px 0;
	min-height: var(--windowHeightDesktop);
	position: relative;
}
section#accueil .evaluation .content {
	width: 50%;
}
section#accueil .evaluation .content h2 {
	margin-bottom: 55px;
}
section#accueil .evaluation .content .texte {
	width: 68%;
}
section#accueil .evaluation .content .buttons {
	gap: 15px;
	grid-gap: 15px;
	margin-top: 50px;
}
section#accueil .evaluation .content .buttons .button {
	min-width: 200px;
}
section#accueil .evaluation .content .buttons .button:not(.transparent) {
	color: var(--midgrey);
}
section#accueil .evaluation .content .buttons .button:not(.transparent):hover {
	color: var(--black);
}
section#accueil .evaluation .content .buttons .button.transparent:hover {
	color: var(--midgrey);
}
section#accueil .evaluation .background-image {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
}
section#accueil .evaluation .background-image img {
	height: 100%;
	object-fit: cover;
	object-position: 35% 50%;
	width: 100%;
}
/*ACHETER/VENDRE*/
section.acheter-vendre .main-section {
	align-content: center;
	-webkit-align-content: center;
	padding: 80px 0;
	min-height: var(--windowHeightDesktop);
	position: relative;
}
section.acheter-vendre .main-section .content {
	width: 50%;
}
section.acheter-vendre .main-section .content .texte {
	width: 68%;
}
section.acheter-vendre .main-section .content a.arrow-down {
	display: inline-block;
	margin-top: 70px;
}
section.acheter-vendre .main-section .content a.arrow-down svg {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transform: translateY(0);
	width: 20px;
}
section.acheter-vendre .main-section .content a.arrow-down:hover svg {
	transform: translateY(5px);
}
section.acheter-vendre .main-section .background-image {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
}
section.acheter-vendre .main-section .background-image img {
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}
section#acheter.acheter-vendre .main-section .background-image img {
	object-position: 50% 91%;
}
section.acheter-vendre .fonctionnement-services-conseils {
	background-color: var(--black);
	padding: 130px 0;
}
section.acheter-vendre .fonctionnement-services-conseils.conseils {
	background-color: var(--midgrey);
}
section.acheter-vendre .fonctionnement-services-conseils .banner {
	margin-top: 70px;
}
section.acheter-vendre .fonctionnement-services-conseils.conseils .content {
	padding-bottom: 0;
}
section.acheter-vendre .fonctionnement-services-conseils .content h2,
section.acheter-vendre .fonctionnement-services-conseils .content h3,
section.acheter-vendre .fonctionnement-services-conseils .content p,
section.acheter-vendre .fonctionnement-services-conseils .content ul {
	color: var(--lightbeige);
}
section.acheter-vendre .fonctionnement-services-conseils.conseils .content h2,
section.acheter-vendre .fonctionnement-services-conseils.conseils .content h3,
section.acheter-vendre .fonctionnement-services-conseils.conseils .content p,
section.acheter-vendre .fonctionnement-services-conseils.conseils .content ul {
	color: var(--black);
}
section.acheter-vendre .fonctionnement-services-conseils h2 {
	margin-bottom: 130px;
}
section.acheter-vendre .fonctionnement-services-conseils article {
	border-top: 1px solid var(--lightbeige);
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 45px 0 75px;
}
section.acheter-vendre .fonctionnement-services-conseils.conseils article {
	border-color: var(--black);
}
section.acheter-vendre .fonctionnement-services-conseils.conseils article:last-of-type {
	padding-bottom: 0;
}
section.acheter-vendre .fonctionnement-services-conseils article h3 {
	margin-bottom: 30px;
	width: 100%;
}
section.acheter-vendre .fonctionnement-services-conseils article>div {
	width: calc(50% - 265px/2);
}
section.acheter-vendre .fonctionnement-services-conseils article .col-1 p {
	font-size: 20px;
}
section.acheter-vendre .fonctionnement-services-conseils article .col-2 ul {
	list-style-type: disc;
	padding-left: 20px;
}
section#vendre .info-supp {
	align-content: center;
	-webkit-align-content: center;
	background-color: var(--midgrey);
	padding: 80px 0;
	min-height: var(--windowHeightDesktop);
	position: relative;
}
section#vendre .info-supp .content {
	width: 50%;
}
section#vendre .info-supp .content h2 {
	font-size: 4.688vw;
	margin-bottom: 55px;
	width: 70%;
}
section#vendre .info-supp .content .texte {
	width: 68%;
}
section#vendre .info-supp .content a.arrow-down {
	display: inline-block;
	margin-top: 70px;
}
section#vendre .info-supp .content a.arrow-down svg {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transform: translateY(0);
	width: 20px;
}
section#vendre .info-supp .content a.arrow-down:hover svg {
	transform: translateY(5px);
}
section#vendre .info-supp .background-image {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
}
section#vendre .info-supp .background-image img {
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}
/*NOS PROPRIÉTÉS*/
section#nos-proprietes {
	padding-top: 120px;
}
section#nos-proprietes h1 {
	font-size: 6.250vw;
	margin-bottom: 120px;
	width: 53%;
}
section#nos-proprietes #top .si .si-search-container.si-border:not(.si-padding),
section#nos-proprietes .si .si-search-container.si-border:not(.si-padding) {
	padding: 0;
}
section#nos-proprietes #top .si-searchbox .si-input .fal,
section#nos-proprietes .si-searchbox .si-input .fal {
	color: var(--taupe);
	font-size: 23px;
	left: 50px;
	transform: translate(-50%,-50%);
}
section#nos-proprietes #top .si-searchbox .si-input input[type=text],
section#nos-proprietes .si-searchbox .si-input input[type=text] {
	background-color: transparent;
	border: none;
	color: var(--black);
	font: 400 24px var(--title);
	height: 100px;
	max-width: calc(100% - 100px);
	margin-left: 100px;
	padding: 0;
	width: 100%;
}
section#nos-proprietes #top .si-searchbox .si-input input[type=text]::placeholder,
section#nos-proprietes .si-searchbox .si-input input[type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--taupe) !important;
  opacity: 100%; /* Firefox */
}
section#nos-proprietes #top .si-searchbox .si-input input[type=text]:-ms-input-placeholder,
section#nos-proprietes .si-searchbox .si-input input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--taupe);
}
section#nos-proprietes #top .si-searchbox .si-input input[type=text]::-ms-5e6165-placeholder,
section#nos-proprietes .si-searchbox .si-input input[type=text]::-ms-5e6165-placeholder { /* Microsoft Edge */
  color: var(--taupe);
}
section#nos-proprietes #top .si-searchbox .si-input input[type=text]:-webkit-autofill,
section#nos-proprietes #top .si-searchbox .si-input input[type=text]:-webkit-autofill:hover,
section#nos-proprietes #top .si-searchbox .si-input input[type=text]:-internal-autofill-selected,
section#nos-proprietes .si-searchbox .si-input input[type=text]:-webkit-autofill,
section#nos-proprietes .si-searchbox .si-input input[type=text]:-webkit-autofill:hover,
section#nos-proprietes .si-searchbox .si-input input[type=text]:-internal-autofill-selected {
  background-color: var(--lightbeige);
  box-shadow: 0 0 0 50px var(--lightbeige) inset !important;
    -webkit-box-shadow: 0 0 0 50px var(--lightbeige) inset;
  color: var(--black);
  font: 400 24px var(--title);
  -webkit-text-fill-color: var(--black);
}
section#nos-proprietes #top .si-searchbox .si-input input[type=text]:-webkit-autofill:focus,
section#nos-proprietes #top .si-searchbox .si-input input[type=text]:-webkit-autofill:active,
section#nos-proprietes .si-searchbox .si-input input[type=text]:-webkit-autofill:focus,
section#nos-proprietes .si-searchbox .si-input input[type=text]:-webkit-autofill:active {
  background-color: #FFF;
  box-shadow: 0 0 0 50px #FFF inset !important;
    -webkit-box-shadow: 0 0 0 50px #FFF inset;
  color: var(--purple);
  font: 400 24px var(--title);
  -webkit-text-fill-color: var(--purple);
}
section#nos-proprietes #top .si-searchbox .si-input input[type=text]:-webkit-autofill::first-line,
section#nos-proprietes .si-searchbox .si-input input[type=text]:-webkit-autofill::first-line {
  background-color: var(--lightbeige);
  box-shadow: 0 0 0 50px var(--lightbeige) inset;
    -webkit-box-shadow: 0 0 0 50px var(--lightbeige) inset;
  color: var(--black);
  font: 400 24px var(--title);
}
section#nos-proprietes .content {
	padding-bottom: 120px;
}
body .si .si-list span:last-child {
	display: none;
}
/*SINGLE PROPRIETE*/
section#propriete {
	padding: 130px 0 0;
}
section#propriete .si-single-content.listing-single .si-header .si-header-row {
	align-items: flex-end;
	-webkit-align-items: flex-end;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin-bottom: 60px;
}
section#propriete .group-location {
	width: calc(60% - 30px);
}
section#propriete .si-single-content.listing-single .si-header {
	display: block;
}
section#propriete .si-part-header-price {
	display: block;
	width: calc(40% - 30px);
}
section#propriete .si-single-content.listing-single .si-header .subcategory {
	font: 700 2.5vw var(--title);
	margin-bottom: 35px;
}
section#propriete .si-single-content.listing-single .si-header .city {
	font: 700 6.250vw var(--title);
}
section#nos-proprietes .si .si-list>div {
	display: block;
	width: calc(100%/3 - 160px/3);
}
section#nos-proprietes .not-found {
	background-color: var(--midgrey);
	padding: 210px 0;
}
section#nos-proprietes .not-found .flexwrap {
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
section#nos-proprietes .not-found .col-1 {
	width: 50%;
}
section#nos-proprietes .not-found .col-2 {
	width: 30%;
}
section#nos-proprietes .not-found .col-2 p {
	font-size: 24px;
	margin-bottom: 0;
}
section#nos-proprietes .not-found .col-2 .button {
	color: var(--midgrey);
	margin-top: 40px;
}
section#nos-proprietes .not-found .col-2 .button:hover {
	color: var(--black);
}
/*L'ÉQUIPE*/
section#equipe {
	padding: 100px 0;
}
section#equipe p.title {
	margin-bottom: 50px;
}
section#equipe h1 {
	font-size: 6.250vw;
	margin-bottom: 40px;
}
section#equipe .main {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
section#equipe .main .col-1 {
	width: 50%;
}
section#equipe .main .col-1 .texte {
	width: 74.5%;
}
section#equipe .main .col-2 {
	padding-top: 90px;
	width: calc(100%/3 - 50px);
}
section#equipe .main .col-2 h3 {
	margin-bottom: 35px;
}
section#equipe .main .col-2 ul {
	list-style-type: disc;
	padding-left: 20px;
}
section#equipe .grid-content {
	padding-top: 150px;
}
section#equipe .grid-content article .image-wrap {
	padding-bottom: 108.33333333333334%;
}
section#equipe .grid-content article .image-wrap img {
	object-fit: cover;
	object-position: center top;
}
.grid-content article {
	background-color: #DCDCDC;
	border: 1px solid var(--black);
	margin-bottom: 85px;
	width: calc(100%/3 - 50px);
}
.grid-content article .image {
	position: relative;
	width: 100%;
}
.grid-content article .image-wrap img {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.grid-content article h3 {
	background-color: var(--black);
	color: #FFF;
	font-size: 40px;
	padding: 10px 15px;
}
.grid-content article .texte {
	background-color: #FFF;
	padding: 15px;
}
.grid-content article .texte p.profession {
	font: 400 28px var(--title);
	margin-bottom: 8px;
}
.grid-content article .texte p.coordonnees,
.grid-content article .texte p.coordonnees a {
	font: 300 24px var(--title);
}
.grid-content article .texte p.coordonnees a:hover {
	color: var(--darkgrey);
}
.grid-content article .texte p.coordonnees a:first-child {
	word-break: break-all;
}
.grid-content article .texte p.coordonnees a:last-child {
	white-space: nowrap;
}
/*NOS PARTENAIRES*/
section#partenaires {
	padding: 100px 0 180px;
}
section#partenaires p.title {
	margin-bottom: 50px;
}
section#partenaires h1 {
	font-size: 6.250vw;
	margin-bottom: 125px;
}
section#partenaires .grid-content {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
section#partenaires .grid-content article .image-wrap {
	padding-bottom: 66.66666666666667%;
}
section#partenaires .grid-content article .image-wrap img {
	object-fit: contain;
	object-position: center;
}
/*BLOGUE*/
section#blogue {
	padding: 120px 0 30px;
}
section#blogue h1 {
	font-size: 6.250vw;
	margin-bottom: 0px;
}
section#blogue h3.no-articles {
	margin-bottom: 145px;
}
section#blogue article {
	margin: 0 80px 145px;
	width: calc(50% - 160px);
}
section#blogue article .image a:hover img {
	transform: scale(1.1);
}
section#blogue #form{
	padding-top: 120px;
}
section#blogue article .image {
	overflow: hidden;
	position: relative;
}
section#blogue article .image-wrap {
	padding-bottom: 91.40625%;
	position: relative;
}
section#blogue article .image-wrap img {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	width: 100%;
}
section#blogue article .title {
	background-color: var(--black);
	bottom: 0;
	padding: 25px 30px;
	position: absolute;
	width: 100%;
}
section#blogue article .title h3 {
	color: #FFF;
	font-size: 30px;
}
section#blogue article .excerpt {
	padding: 35px 0 45px;
}
section#blogue article .author {
	margin: 0 20px 0 0;
	width: calc(35% - 20px);
}
section#blogue article .author {
	font: 400 20px var(--title);
	text-transform: uppercase;
}
section#blogue article .texte>.flex {
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
section#blogue article ul.tags {
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	width: 65%;
}
ul.tags {
	gap: 13px;
	grid-gap: 13px;
	text-transform: uppercase;
}
ul.tags li a {
	align-items: center;
	-webkit-align-items: center;
	border: 1px solid var(--black);
	border-radius: 24px;
	display: block;
	font: 400 20px var(--title);
	height: 100%;
	padding: 12px 20px;
	width: 100%;
}
ul.tags li a:hover{
	background-color: var(--black);
	color: var(--lightbeige);
}
section#blogue .search {
	align-items: center;
	-webkit-align-items: center;
	border: 1px solid var(--taupe);
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-bottom: 125px;
	padding: 35.5px 0;
}
section#blogue .search>.flexwrap {
	align-items: center;
	-webkit-align-items: center;
	width: 50%;
}
section#blogue .search .filters {
	gap: 30px;
	grid-gap: 30px;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	padding: 0 38.5px;
}
section#blogue .search input[type=text] {
	background-color: transparent;
	background-image: url("assets/img/loupe.svg");
	background-position: 38.5px center;
	background-repeat: no-repeat;
	background-size: 23px;
	border: none;
	color: var(--black);
	font: 400 24px var(--title);
	padding: 0 0 0 100px;
	width: 100%;
}
section#blogue .search input[type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--taupe);
  opacity: 100%; /* Firefox */
}
section#blogue .search input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--taupe);
}
section#blogue .search input[type=text]::-ms-5e6165-placeholder { /* Microsoft Edge */
  color: var(--taupe);
}
section#blogue .search input[type=text]:-webkit-autofill,
section#blogue .search input[type=text]:-webkit-autofill:hover,
section#blogue .search input[type=text]:-internal-autofill-selected {
  background-color: var(--lightbeige);
  box-shadow: 0 0 0 50px var(--lightbeige) inset !important;
    -webkit-box-shadow: 0 0 0 50px var(--lightbeige) inset;
  color: var(--black);
  font: 400 24px var(--title);
  -webkit-text-fill-color: var(--black);
}
section#blogue .search input[type=text]:-webkit-autofill:focus,
section#blogue .search input[type=text]:-webkit-autofill:active {
  background-color: #FFF;
  box-shadow: 0 0 0 50px #FFF inset !important;
    -webkit-box-shadow: 0 0 0 50px #FFF inset;
  color: var(--purple);
  font: 400 24px var(--title);
  -webkit-text-fill-color: var(--purple);
}
section#blogue .search input[type=text]:-webkit-autofill::first-line {
  background-color: var(--lightbeige);
  box-shadow: 0 0 0 50px var(--lightbeige) inset;
    -webkit-box-shadow: 0 0 0 50px var(--lightbeige) inset;
  color: var(--black);
  font: 400 24px var(--title);
}
section#blogue .search select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	background-image: url("assets/img/arrow-select.svg");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 12px;
	border: none;
	color: var(--black);
	cursor: pointer;
	font: 500 24px var(--title);
	max-width: 100%;
	padding: 0 20px 0 0;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	width: fit-content;
}
section#blogue .search select:hover {
	filter: invert(63%) sepia(3%) saturate(633%) hue-rotate(345deg) brightness(95%) contrast(85%);
}
section#blogue .search button#reset {
	align-items: center;
	-webkit-align-items: center;
	background-color: transparent;
	border: none;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	padding: 0;
}
section#blogue .search button#reset span {
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
section#blogue .search button#reset:hover span {
	color: var(--taupe);
}
section#blogue .search button#reset span.text {
	display: none;
	font: 500 24px var(--title);
	margin-left: 10px;
	white-space: nowrap;
}
section#blogue .search div.close span {
	align-items: center;
	-webkit-align-items: center;
	color: var(--black);
	cursor: pointer;
	display: flex;
	display: -webkit-flex;
	font-size: 20px;
	font-weight: 300;
	justify-content: center;
	-webkit-justify-content: center;
	line-height: 1em;
	width: 100%;
}
/*SINGLE*/
section#single {
	padding: 90px 0 180px;
}
section#single .author {
	margin-right: 30px;
}
section#single .date p {
	font-family: var(--title);
	font-size: 24px;
	color: var(--black);
	margin: 0;
}
section#single .center.flexwrap {
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-bottom: 50px;
}
section#single h1 {
	font-size: 6.250vw;
	margin-bottom: 60px;
	width: 72%;
}
section#single ul.tags {
	margin-bottom: 60px;
}
section#single div.thumb {
	position: relative;
	height: 0;
	margin-bottom: 155px;
	padding-bottom: 45%;
	width: 100%;
}
section#single div.thumb img {
	height: 100%;
	position: absolute;
	object-position: center;
	object-fit: cover;
	width: 100%;
}
section#single div.content {
	display: block;
	margin: 50px auto 0;
	width: 62%;
}
section#single div.content h2 {
	text-transform: none;
	margin: 95px 0 35px;
}
section#single div.content h3 {
	text-transform: none;
	margin: 85px 0 35px;
}
section#single div.content p {
	font-size: 18px;
}
section#single div.content figure {
	margin: 90px 0 85px;
	padding-bottom: 55.64853556485355%;
	position: relative;
	width: 100%;
}
section#single div.content figure img {
	height: 100%;
	left: 0;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	width: 100%;
}
/*NOUS JOINDRE*/
section#nous-joindre .carte {
	padding-bottom: 31.25%;
	position: relative;
	z-index: 0;
}
section#nous-joindre .carte .adresse-button {
	background-color: #4B4B4B;
	border-radius: 24px;
	font-size: 13.5px;
	color: #FFF;
	left: 50px;
	max-width: 100%;
	padding: 13.2px 20px 11.2px;
	position: absolute;
	text-align: center;
	top: 55px;
	z-index: 2;
}
section#nous-joindre .carte .adresse-button:hover {
	background-color: #FFF;
	color: #4B4B4B;
}
section#nous-joindre .carte img.map {
	height: 100%;
	left: 0;
	object-fit: cover;
	object-position: 50% 47%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
section#nous-joindre .carte img.marker {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 50px;
	z-index: 3;
}
/*FOOTER*/
footer {
	background-color: var(--black);
	padding: 75px;
}
footer>div.flexwrap {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
footer .row-1 .col-1 p,
footer .row-1 .col-1 ul.reseaux li a,
footer .row-1 .col-2 nav ul li a {
	color: #FFF;
}
footer .row-1 .col-1 p {
	font: 400 32px var(--title);
	margin-bottom: 0;
}
footer .row-1 .col-1 ul.reseaux {
	margin-top: 25px;
	gap: 25px;
	grid-gap: 25px;
}
footer .row-1 .col-1 ul.reseaux li a {
	font-size: 28px;
}
footer .row-1 .col-1 ul.reseaux li a:hover {
	color: var(--midgrey);
}
footer .row-1 .col-2 {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	width: 40%;
}
footer .row-1 .col-2 nav ul li {
	margin-bottom: 55px;
}
footer .row-1 .col-2 nav ul li:last-child {
	margin-bottom: 0;
}
footer .row-1 .col-2 nav ul li a {
	font: 400 32px var(--title);
	letter-spacing: 0.05em;
}
footer .row-1 .col-2 nav ul li a:hover,
footer .row-1 .col-2 nav:last-child ul li a:hover {
	color: var(--midgrey);
}
footer .row-1 .col-2 nav:last-child ul li a {
	align-items: center;
	-webkit-align-items: center;
	color: var(--taupe);
	display: flex;
	display: -webkit-flex;
	font-weight: 300;
}
footer .row-1 .col-2 nav:last-child ul li a svg {
	margin-left: 7px;
	width: 15px;
}
footer .row-1 .col-2 nav:last-child ul li a svg * {
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
footer .row-1 .col-2 nav:last-child ul li a:hover svg * {
	fill: var(--midgrey);
}
footer .row-2 {
	margin-top: 65px;
}
footer .row-2 svg {
	width: 320px;
}
footer .row-3 {
	align-items: center;
	-webkit-align-items: center;
	margin-top: 45px;
}
footer .row-3 p {
	margin-bottom: 0;
}
footer .row-3 p,
footer .row-3 p a {
	color: var(--taupe);
	font: 300 24px var(--title);
}

/* ---------- 4. liens et navigation ---------- */

a {
	text-decoration: none;
	transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
}
		
/* ---------- 5. fonts et textes ---------- */
html {
	font-size: 100%;
}
body {
	font-size: 62.5%;
}
h1 {
	color: var(--black);
	font: 700 10.417vw var(--title);
	line-height: 1em;
	text-transform: uppercase;
}
h2 {
	color: var(--black);
	font: 700 6.250vw var(--title);
	line-height: 1em;
	text-transform: uppercase;
}
h3 {
	font: 700 2.500vw var(--title);
}
p, ul, ol, a {
	color: var(--black);
	font: 400 16px var(--text);
	line-height: 1.75em;
}
p, ul, ol {
	margin-bottom: 20px;
}
p:last-child, ul:last-child, ol:last-child {
	margin-bottom: 0;
}
p strong, p b, ul strong, ul b, ol strong, ol b {
	font-weight: 700;
}
p i, p em, ul i, ul em, ol i, ol em {
	font-style: italic;
}

/* ---------- 7. mediaQueries ---------- */
@media screen and (max-width: 1536px) {
	.rendez-vous .col-1, .rendez-vous .col-2 {
		width: calc(50% - 40px);
	}
	.rendez-vous .col-2 .flexwrap>div {
		width: calc(50% - 20px)
	}
	section#nos-proprietes .not-found {
		padding: 160px 0;
	}
}
@media screen and (max-width: 1440px) {
	section#accueil .main-section .content-wrap .text p {
		font-size: 18px;
	}
	section#nos-proprietes .not-found .col-2 p {
		font-size: 22px;
	}
}
@media screen and (max-width: 1280px) {
	li.button a, a.button {
		font-size: 22px;
	}
	#loading h1 {
		font-size: 152px;
	}
	.temoignages {
		min-height: initial;
		padding: 100px 0;
	}
	.temoignages h3 {
		margin-top: 0;
	}
	.temoignages .slider article .texte p {
		font-size: 20px;
	}
	.rendez-vous .col-1 .texte {
		width: 75%;
	}
	.rendez-vous .col-1 h2 {
		font-size: 133px;
	}
	.rendez-vous .col-1 h1,
	.rendez-vous .col-1 h2 {
		margin-bottom: 55px;
	}
	.rendez-vous .col-2 .flexwrap>div {
		margin-bottom: 25px;
		width: 100%;
	}
	section#accueil .main-section .content-wrap p.title {
		font-size: 32px;
		margin-bottom: 40px;
	}
	section#accueil .main-section .content-wrap .content {
		padding: 80px 30px !important;
	}
	section#accueil .main-section .content-wrap .content .texte {
		width: 65%;
	}
	section#accueil .main-section .content-wrap.disabled .content p.title {
		font-size: 21px;
	}
	section#accueil .main-section .content-wrap h2 {
		font-size: 133px;
	}
	section#accueil .main-section .content-wrap.disabled .content h2 {
		font-size: 93px;
	}
	section#accueil .main-section .content-wrap .text {
		margin-top: 40px;
	}
	section#accueil .main-section .content-wrap .text p {
		font-size: 18px;
	}
	section#accueil .main-section .content-wrap.disabled .content p {
		font-size: 12px;
	}
	section#accueil .avantages {
		padding: 100px 0;
	}
	section#accueil .avantages h2 {
		margin-bottom: 70px;
	}
	section#accueil .avantages .content {
		gap: 80px;
		grid-gap: 80px;
	}
	section#accueil .avantages .content article {
		width: calc(100%/3 - 160px/3);
	}
	section#accueil .avantages .content p.number {
		font-size: 80px;
		margin-bottom: 25px;
	}
	section#accueil .avantages .content h3 {
		margin-bottom: 25px;
	}
	section#accueil .proprietes {
		padding: 100px 0;
	}
	section#accueil .proprietes h2 {
		width: 71%;
	}
	section#accueil .proprietes .text-arrow {
		margin-bottom: 50px;
	}
	section#accueil .proprietes .text-arrow .col-1 p {
		font-size: 27px;
	}
	section#accueil .proprietes .text-arrow .arrows {
		gap: 20px;
		grid-gap: 20px;
	}
	section.acheter-vendre .fonctionnement-services-conseils {
		padding: 100px 0;
	}
	section.acheter-vendre .fonctionnement-services-conseils article>div {
		width: calc(50% - 40px);
	}
	section#vendre .info-supp .content h2 {
		font-size: 60px;
	}
	section#vendre .info-supp .content h2,
	section#vendre .info-supp .content .texte {
		width: 100%;
	}
	body .si .si-list {
		gap: 50px;
		grid-gap: 50px;
	}
	section#nos-proprietes {
		padding-top: 100px;
	}
	section#nos-proprietes .content {
		padding-bottom: 100px;
	}
	section#nos-proprietes h1 {
		max-width: 620px;
		width: 100%;
	}
	section#nos-proprietes .si .si-list>div {
		width: calc(50% - 25px);
	}
	section#nos-proprietes .not-found {
		padding: 100px 0;
	}
	section#nos-proprietes .not-found .col-2 {
		width: calc(50% - 40px);
	}
	section#nos-proprietes .not-found .col-2 p {
		font-size: 20px;
	}
	section#propriete {
		padding: 100px 0 0;
	}
	section#equipe {
		padding: 100px 0 15px;
	}
	section#equipe .grid-content {
		padding-top: 100px;
	}
	section#partenaires {
		padding: 100px 0 15px;
	}
	section#blogue {
		padding-top: 100px;
	}
	section#blogue .search {
		margin-bottom: 80px;
		padding: 17.75px 0;
	}
	section#blogue .search input[type=text] {
		padding: 0 100px 0;
		text-align: center;
	}
	section#blogue .search button#reset span.text {
		display: block;
	}
	section#blogue .search .search-field {
		margin-bottom: 17.75px;
		width: 100% !important;
	}
	section#blogue .search .filters {
		border-top: 1px solid var(--taupe);
		justify-content: center;
		-webkit-justify-content: center;
		padding-top: 17.75px;
		width: 100%;
	}
	section#blogue #form {
		padding-top: 60px;
	}
	section#blogue article {
		margin: 0 30px 100px;
		width: calc(50% - 60px);
	}
	section#blogue article .title {
		padding: 20px 25px;
	}
	section#blogue article .title h3 {
		font-size: 25px;
	}
	section#blogue article .author {
		font-size: 18px;
	}
	ul.tags {
		gap: 10px;
		grid-gap: 10px;
	}
	ul.tags li a {
		font-size: 18px;
		padding: 9px 15px;
	}
	section#single .date p {
		font-size: 20px;
	}
	section#single h1 {
		width: 70%;
	}
	section#single div.content {
		width: 80%;
	}
	section#single div.content h2 {
		margin: 75px 0 35px;
	}
	section#single div.content h3 {
		margin: 65px 0 35px;
	}
	section#single div.content p {
		font-size: 16px;
	}
	section#single div.content figure {
		margin: 60px 0 55px;
	}
	footer .row-1 .col-2 nav ul li {
		margin-bottom: 45px;
	}
	footer .row-1 .col-2 nav ul li a {
		font-size: 27px;
	}
	footer .row-2 svg {
		width: 270px;
	}
	footer .row-3 p,
	footer .row-3 p a {
		font-size: 21px;
	}
	h1 {
		font-size: 133px;
	}
	h2,
	section#accueil .avantages .content p.number,
	section#nos-proprietes h1,
	section#equipe h1,
	section#partenaires h1,
	section#blogue h1,
	section#single h1,
	section#propriete .si-single-content.listing-single .si-header .city {
		font-size: 80px;
	}
	h3 {
		font-size: 32px;
	}
	p {
		font-size: 14px;
	}
	h1 span,
	h2 span,
	p.title,
	section#propriete .si-single-content.listing-single .si-header .subcategory {
		font-size: 32px;
	}
}
@media screen and (min-width: 1025px) {
	#menu-mobile {
		display: none !important;
	}
}
@media screen and (max-width: 1024px) {
	.wrapper {
		padding: 0 30px;
	}
	.banner {
		padding: 30px;
	}
	.banner .texte {
		width: 100%;
	}
	.banner a.button {
		margin-left: 0;
		margin-top: 20px;
	}
	.temoignages {
		min-height: initial;
		padding: 60px 0;
	}
	.temoignages .content {
		width: 100%;
	}
	.temoignages .slider-navigation .arrow svg {
		width: 54px;
	}
	.rendez-vous {
		min-height: initial;
		padding: 60px 0;
	}
	.rendez-vous .col-1 {
		margin-bottom: 60px;
	}
	.rendez-vous .col-1, .rendez-vous .col-2 {
		width: 100%;
	}
	.rendez-vous .col-1 .texte {
		width: 100%;
		max-width: 500px;
	}
	.rendez-vous .col-1 .telephone svg {
		margin-right: 20px;
	}
	.rendez-vous .col-1 .telephone a {
		font-size: 27px;
	}
	.rendez-vous .col-2 .flexwrap>div {
		width: calc(50% - 20px);
	}
	.grid-content article {
		display: block;
		margin: 0 auto 40px;
		max-width: 600px;
		width: 100%;
	}
	header .flexwrap {
		padding: 10px 20px;
	}
	header .logo-link {
		position: initial;
		transform: none;
	}
	header .logo-link svg {
		width: 70px;
	}
	header nav.main-menu {
		display: none;
	}
	header nav.secondary-menu {
		display: none;
	}
	header div#burger  {
		display: block;
	}
	section:before {
		height: 66px;
	}
	section#accueil {
		transition: all .5s ease;
	}
	section#accueil .main-section {
		min-height: initial;
	}
	section#accueil .main-section .content-wrap {
		width: 100%;
	}
	section#accueil .main-section .content-wrap .sigle {
		width: 20%;
	}
	section#accueil .main-section .content-wrap .content .texte {
		width: 50%;
	}
	section#accueil .main-section .content-wrap .background-image:after {
		opacity: 50%;
	}
	section#accueil .main-section .content-wrap .round-button {
		bottom: 0;
		display: block;
		left: 0;
		top: initial;
		transform: translate(-50%,50%);
	}
	.cursor--small .round-button {
		display: none !important;
	}
	section#accueil .main-section .content-wrap a.flexwrap {
		cursor: pointer;
	}
	section#accueil .proprietes {
		padding: 60px 0;
	}
	section#accueil .proprietes h2 {
		margin-bottom: 50px;
		width: 100%;
	}
	section#accueil .proprietes .text-arrow .col-1 {
		justify-content: space-between;
		-webkit-justify-content: space-between;
		margin-bottom: 30px;
		width: 100%;
	}
	section#accueil .proprietes .text-arrow .arrows .arrow svg {
		width: 54px;
	}
	section#accueil .proprietes .content .si {
		margin: 0 -20px;
	}
	section#accueil .proprietes .content .si .si-list .slick-slide {
		margin: 0 20px;
	}
	section#accueil .avantages {
		padding: 60px 0;
	}
	section#accueil .avantages .content {
		gap: 60px;
		grid-gap: 60px;
		margin-bottom: 80px;
	}
	section#accueil .avantages h2 {
		margin-bottom: 50px;
	}
	section#accueil .avantages .content article {
		width: 100%;
	}
	section#accueil .evaluation {
		min-height: initial;
		padding: 0px;
	}
	section#accueil .evaluation .content {
		width: 100%;
		padding-bottom: 60px;
		padding-top: 60px;
	}
	section#accueil .evaluation .content h2 {
		margin-bottom: 40px;
	}
	section#accueil .evaluation .background-image {
		padding-bottom: 60%;
		position: relative;
		width: 100%;
	}
	section#accueil .evaluation .background-image img {
		left: 0;
		position: absolute;
		top: 0;
	}
	section.acheter-vendre .main-section {
		min-height: initial;
	}
	section.acheter-vendre .main-section .background-image {
		height: 50vh;
		position: relative;
		width: 100%;
		left: 0;
		order:1;
	}
	section#acheter.acheter-vendre .main-section .background-image img {
		object-position: 50% 62%;
	}
	section.acheter-vendre .main-section .wrapper {
		align-items: center;
		-webkit-align-items: center;
		display: flex;
		display: -webkit-flex;
		min-height: initial;
		order: 2;
	}
	section.acheter-vendre .main-section .content {
		padding: 50px 0;
	}
	section.acheter-vendre .main-section {
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	section.acheter-vendre .main-section {
		padding: 0;
	}
	section.acheter-vendre .main-section .content {
		width: 100%;
	}
	section.acheter-vendre .fonctionnement-services-conseils {
		padding: 60px 0;
	}
	section.acheter-vendre .fonctionnement-services-conseils article>div {
		width: 100%;
	}
	section.acheter-vendre .fonctionnement-services-conseils article>div.col-2.add-margin {
		margin-top: 30px;
	}
	section#vendre .info-supp .content h2 br {
		display: none;
	}
	section#vendre .info-supp .content {
		width: 100%;
		padding-right: 0!important;
	}
	section#vendre .info-supp {
		min-height: initial;
		padding: 0;
	}
	section#vendre .info-supp .background-image {
		height: 70vw;
		left: 0;
		order:1;
		position: relative;
		width: 100%;
	}
	section#vendre .info-supp .content .texte {
		padding-right: 0;
		width: 100%;
	}
	section#vendre .info-supp .wrapper {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	section#nos-proprietes {
		padding-top: 60px;
	}
	section#nos-proprietes .content {
		padding-bottom: 60px;
	}
	section#nos-proprietes h1 {
		margin-bottom: 60px;
	}
	body .si .si-search-container {
		margin-bottom: 50px;
	}
	body .si.standard-layout .si-list-container .si-list-header {
		margin-bottom: 30px;
	}
	body .si.standard-layout .list-meta .list-count {
		font-size: 27px;
	}
	section#nos-proprietes .not-found .col-1,
	section#nos-proprietes .not-found .col-2 {
		width: 100%;
	}
	section#nos-proprietes .not-found .col-1 {
		margin-bottom: 50px;
	}
	section#nos-proprietes .not-found {
		padding: 60px 0;
	}
	section#propriete .group-location {
		margin-bottom: 40px;
		width: 100%;
	}
	section#propriete .si-part-header-price {
		width: 100%;
	}
	section#propriete .si-single-content.listing-single .price {
		text-align: left;
	}
	section#propriete .si-single-content.listing-single .si-header .si-header-row {
		margin-bottom: 40px;
	}
	section#propriete .si-single-content.listing-single .si-header .si-header-tools {
		flex-direction: row;
	}
	section#equipe {
		padding: 60px 0 0;
	}
	section#equipe .main .col-1 {
		width: 100%;
	}
	section#equipe .main .col-1 .texte {
		width: 100%;
	}
	section#equipe .main .col-1 {
		width: 100%;
	}
	section#equipe .main .col-2 {
		padding-top: 40px;
		width: 100%;
	}
	section#equipe .grid-content {
		padding-top: 60px;
	}
	section#partenaires {
		padding: 60px 0 20px;
	}
	section#partenaires h1 {
		margin-bottom: 40px;
	}
	section#blogue {
		padding-top: 60px;
	}
	section#blogue .search {
		margin-bottom: 40px;
	}
	section#blogue article {
		margin: 0 auto 40px;
		width: 80%;
	}
	section#blogue article .texte>.flex {
		display: block;
	}
	section#blogue article ul.tags {
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
		margin-top: 20px;
		width: 100%;
	}
	ul.tags li a {
		border-radius: 20px;
		padding: 6px 20px;
	}
	section#blogue .search input[type=text] {
		height: 50px;
		text-align: left;
		width: 100%;
	}
	section#single {
		padding: 70px 0 150px;
	}
	section#single h1 {
		margin-bottom: 40px;
		width: 80%;
	}
	section#single ul.tags {
		margin-bottom: 40px;
	}
	section#single div.thumb {
		margin-bottom: 100px;
	}
	section#single div.content {
		width: 90%;
	}
	section#nous-joindre .carte {
		padding-bottom: 70%;
	}
	section#nous-joindre .carte img.marker {
		width: 30px;
	}
	section#nous-joindre .carte .adresse-button {
		left: 20px;
		padding: 8.2px 15px 6.2px;
		right: 20px;
	}
	footer {
		padding: 30px;
	}
	footer .row-1 .col-2 {
		width: 100%;
	}
	footer .col-1 {
		width: 100%;
	}
	footer .col-2 {
		width: 100%;
		padding-top: 40px;
	}
	footer .row-1 .col-2 nav ul li {
		margin-bottom: 20px;
	}
	footer .row-2 svg {
		display: block;
		margin: 0 auto;
		max-width: 80%;
	}
	footer .row-1 .col-1 ul.reseaux {
		margin-top: 15px;
	}
}
@media screen and (max-width: 800px) {
	section#propriete .si-single-content.listing-single .price {
		text-align: center;
	}
}
@media screen and (max-width: 768px) {
	.wrapper {
		padding: 0 20px;
	}
	.temoignages .slider article .texte p {
		font-size: 18px;
	}
	.temoignages .slider article p.signature {
		font-size: 16px;
	}
	header .flexwrap {
		padding: 10px 15px;
	}
	section#accueil .main-section .content-wrap p.title {
		font-size: 24px;
		margin-bottom: 30px;
	}
	section#accueil .main-section .content-wrap h2 {
		font-size: 90px;
	}
	section#accueil .main-section .content-wrap .content .texte {
		width: 70%;
	}
	section#accueil .main-section .content-wrap .text p {
		font-size: 16px;
	}
	.round-button {
		font-size: 17px;
		height: 100px;
		left: 20px;
		width: 100px;
	}
	.round-button svg {
		margin-top: 5px;
	}
	section#accueil .proprietes h2 {
		margin-bottom: 30px;
		width: 100%;
	}
	section#accueil .proprietes .text-arrow .col-1 {
		margin-bottom: 20px;
	}
	section#accueil .proprietes .content {
		width: 90%;
	}
	section#accueil .proprietes .content .si {
		margin: 0 -15px;
	}
	section#accueil .proprietes .content .si .si-list .slick-slide {
		margin: 0 15px;
	}
	section#accueil .avantages .content p.number {
		margin-bottom: 10px;
	}
	section.acheter-vendre .fonctionnement-services-conseils h2 {
		margin-bottom: 60px;
	}
	section.acheter-vendre .fonctionnement-services-conseils .banner {
		margin-top: 0;
	}
	section.acheter-vendre .fonctionnement-services-conseils article .col-1 p {
		font-size: 18px;
	}
	section#vendre .info-supp .content h2 {
		font-size: 40px;
	}
	body .si .si-list {
		gap: 40px;
		grid-gap: 40px;
	}
	section#nos-proprietes h1 {
		max-width: 465px;
	}
	section#nos-proprietes .si .si-list>div {
		margin: 0 auto;
		width: 85%;
	}
	section#partenaires h1 br {
		display: none;
	}
	section#blogue .search {
		padding: 0;
	}
	section#blogue .search .search-field {
		margin-bottom: 0;
	}
	section#blogue .search select {
		background-position: right 20px center;
		border-bottom: 1px solid var(--taupe);
		height: 50px;
		padding: 0 20px;
		width: 100%; 
	}
	section#blogue .search .filters {
		gap: initial;
		grid-gap: initial;
		padding: 0;
	}
	section#blogue .search input[type=text] {
		background-position: 20px center;
		background-size: 18px;
		padding: 0 56.5px;
	}
	section#blogue .search div.close {
		padding: 0 20px;
		width: 100%;
	}
	section#blogue .search button#reset {
		height: 50px;
	}
	section#blogue article {
		width: 90%;
	}
	section#blogue article .title {
		padding: 15px 20px;
	}
	section#blogue article .title h3 {
		font-size: 22px;
	}
	section#blogue article .excerpt {
		padding: 30px 0;
	}
	section#blogue article .author {
		margin: 0;
		width: 100%;
	}
	section#blogue article .image-wrap {
		padding-bottom: 80%;
	}
	section#single {
		padding: 40px 0 100px;
	}
	section#single h1 {
		margin-bottom: 30px;
		width: 100%;
	}
	section#single ul.tags {
		margin-bottom: 30px;
	}
	section#single div.thumb {
		margin-bottom: 40px;
	}
	section#single div.content {
		width: 100%;
	}
	section#single div.content h2 {
		margin: 55px 0 25px;
	}
	section#single div.content h3 {
		margin: 45px 0 25px;
	}
	footer .row-1 .col-2 nav ul li a {
		font-size: 22px;
	}
	h1,
	#loading h1 {
		font-size: 90px;
	}
	h2,
	section#accueil .avantages .content p.number,
	section#nos-proprietes h1,
	section#equipe h1,
	section#partenaires h1,
	section#blogue h1,
	section#single h1,
	section#propriete .si-single-content.listing-single .si-header .city {
		font-size: 60px;
	}
	.rendez-vous .col-1 h2 {
		font-size: 90px;
	}
	h1 span,
	h2 span,
	p.title,
	section#propriete .si-single-content.listing-single .si-header .subcategory {
		font-size: 27px;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 640px) {
	body .si-modal .si-element,
	body .si .si-element {
		border: none !important;
		border-top: 1px solid var(--taupe) !important;
		padding: 20px 30px !important;
	}
	body .si-geo-filter {
		padding: 0 10px;
	}
	section#nos-proprietes #top .si .si-search-container.si-border:not(.si-padding),
	section#nos-proprietes .si .si-search-container.si-border:not(.si-padding) {
		display: block;
	}
}
@media screen and (max-width: 600px) {
	.wrapper {
		padding: 0 15px;
	}
	.rendez-vous .col-2 .flexwrap > div {
		width: 100%;
	}
	.rendez-vous .col-2 input[type="submit"] {
		margin-top: 40px;
		width: 100%;
	}
	#menu-mobile ul li.button {
		margin-top: 30px;
	}
	#menu-mobile ul li.button a {
		text-align: center;
		width: 100%;
	}
	section#accueil .main-section .content-wrap p.title {
		margin-bottom: 20px;
	}
	section#accueil .main-section .content-wrap h2 {
		font-size: 60px;
	}
	section#accueil .main-section .content-wrap .text {
		margin-top: 20px;
	}
	section#accueil .main-section .content-wrap .content {
		padding: 60px 15px 30px !important;
	}
	section#accueil .main-section .content-wrap .content .texte {
		width: 100%;
	}
	section#accueil .main-section .content-wrap .sigle {
		padding-bottom: 60px;
		position: relative;
		right: initial;
		top: initial;
		transform: none;
		width: 100%;
	}
	section#accueil .main-section .content-wrap .sigle img {
		display: none;
	}
	section#accueil .main-section .content-wrap .round-button {
		bottom: initial;
		display: block;
		left: 15px;
		position: relative;
		top: 0;
		transform: none;
	}
	section#accueil .proprietes .text-arrow .col-1 p {
		margin-right: 0;
	}
	section#accueil .proprietes .text-arrow .button {
		padding: 16px 35px;
	}
	section#accueil .evaluation .content .buttons .button {
		min-width: initial;
	}
	section#nos-proprietes h1 {
		max-width: initial;
	}
	section#nos-proprietes .si .si-list>div {
		width: 100%;
	}
	section#blogue article {
		width: 100%;
	}
	footer .row-3 p,
	footer .row-3 p a {
		font-size: 14px;
	}
	h1,
	#loading h1 {
		font-size: 70px;
	}
	h2,
	section#accueil .avantages .content p.number,
	section#nos-proprietes h1,
	section#equipe h1,
	section#partenaires h1,
	section#blogue h1,
	section#single h1 {
		font-size: 45px;
	}
}