@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
  font-family: 'Open Sans', sans-serif;
  letter-spacing: .5px;
  background-color: #363F57;
  color: #363F57; }
  
.content {
	background-image: url('images/bck.jpg') ;
	background-repeat: no-repeat;
    background-position: right top;
    background-size: auto;
}

.color-1{background-color: #2D3448;}

.color-2{background-color: #363F57;}

.color-3{background-color: #FFFFFF;}

.color-4{background-color: #ECECEC;}

.type-white, .type-white a {color: #FFFFFF;}

.type-white.no-link a { text-decoration: none !important; }

.name {font-size: 12px; margin-right: 20px;}

@media screen and (max-width: 39.9375em) {
.type-white, .type-white a {font-size: 10px; padding-right: 10px;line-height: 14px;}
#site-navigation { font-size: 10px;}
}

.type-white a:hover {color: rgba(255, 255, 255, 0.5);}

.padding-top {
	padding-top: 60px; }
.padding-top-menu {
	padding-top: 34px; }
.stroke-image { border: 1px solid rgba(0, 0, 0, 0.25);}

.lp-content img.stroke-image {margin: 20px 20px 20px 0px;}

figure { display: inline-table; margin-bottom: 30px; margin-right: 20px;}

.gallery-columns-2 figure.gallery-item { width: 45%; margin-bottom: 0px;}
div.gallery-icon.portrait { height: 100%; width: auto;}
@media screen and (max-width: 39.9375em) {
.gallery-columns-2 figure.gallery-item { width: 100%; margin-bottom: 0px;}	
}

figcaption {font-size: 10px;}

a {
	font-family: "Open Sans";
	font-size: inherit;
	color: rgba(255, 255, 255, 0.5);
	font-weight: inherit;
	text-transform: inherit;
	letter-spacing: 0px;
	line-height: 20px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
  }
p { line-height: 21px; }
p a { color: #2D3448; text-transform:inherit; font-size: inherit; font-weight: 500; text-decoration: underline; }
p a:hover { color: #2D3448; }

a:hover {
	color: rgba(255, 255, 255, 1);
}

table tbody td, table tbody th {
font-size: 	14px;
}
.breadcrumbs, .breadcrumbs a { 
	padding-top: 80px;
	color: rgba(255, 255, 255, 0.5); 
	line-height: 10px;}
.disabled {
	font-family: "Open Sans";
	font-size: 10px;
	color: rgba(255, 255, 255, 1);
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0px;
}
@media screen and (max-width: 39.9375em) {
.breadcrumbs, .breadcrumbs a { padding-top: 30px; }	
}

li.item-current{color: rgba(255, 255, 255, 0.5); font-size: 10px;}

ul.breadcrumbs { padding-left: 0px !important; padding-bottom: 0px !important; }
    
.expertise-home li {margin-bottom: 5px !important;}


.categorie-h1 {
	font-family: "Open Sans";
	font-size: 16px;
	color: #F5F6F7;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 30px; }

.accueil-h1, .subtitle {
	font-family: "Open Sans";
	font-size: 24px;
	color: #F5F6F7;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 30px;
	padding-right: 60px; }
.accueil-h1 {padding-top: 160px;}

h2 {
	font-family: "Open Sans";
	color: #2D3448;
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 33px;}	

h2::before{ content:'|   ';}

h3 {
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 33px;}

/*
.wp-block-column h3 {
	text-transform:none !important;
	color :red !important;}
*/

@media screen and (max-width: 39.9375em) {
.categorie-h1 {
	font-size: 14px;
	letter-spacing: .5px;
	line-height: 20px; }

.accueil-h1, .subtitle {
	font-size: 22px;;
	letter-spacing: .5px;
	line-height: 30px;
	padding-right: 20px;
	padding-bottom: 20px; }
.accueil-h1 {
	font-size: 20px;
	line-height: 27px;
	padding-top: 40px;
	padding-right: 20px;
}

h2 {
	font-size: 16px;
	line-height: 20px;}	

h2::before{ content:'|   ';}

h3 {
	font-size: 14px;
	line-height: 16px;}		
}
p, ul {
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	color: #363F57;}

.heading{
	font-size: 16px;
	font-weight: 700;
	line-height: 23px;
	color: #2D3448;
}

.accueil-h2, .accueil-h2 a {
	font-family: "Open Sans";
	font-size: 24px;
	color: #F5F6F7;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 33px;}
	/* Small only */
@media screen and (max-width: 39.9375em) {
.accueil-h2, .accueil-h2 a {
	font-size: 16px;
	color: #F5F6F7;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 22px;}	
}

.expertise-home a{
	font-family: "Open Sans";
	font-size: 15px;
	color: rgba(255, 255, 255, 0.5);
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 20px; }
.expertise-home a:hover {
	color: rgba(255, 255, 255, 1);}

ul.expertise-home {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0; }
    
.expertise-home li {margin-bottom: 5px !important;}

.push-content {
	padding: 70px;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.5);
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 0px; }
	/* Small only */
@media screen and (max-width: 39.9375em) {
.expertise-home a{
	font-size: 12px;
	line-height: 0px; }
.push-content {
	padding: 30px;
	font-size: 12px;}
}

.header {
	color: #FFFFFF;
	background-color: #2D3448;
	height: 220px; }
@media screen and (max-width: 39.9375em) {
.header { height: 200px; } }
.nav-lp, .nav-lp a {
	font-family: "Open Sans";
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 20px; }

.nav-lp a:hover {
	color: rgba(255, 255, 255, 1);}

ul.nav-lp {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    
.nav-lp li { margin-bottom: 0px !important; }
.nav-lp li.page_item { margin-bottom: 0px !important; background-color: red; }
.nav-lp li.page_item, .nav-lp li.page_item a, .nav-lp li.page_item a:hover {
 	height: auto;
 	width: auto;
	background-color: transparent;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	border-bottom: 0px solid white;
	border-left:  0px solid white;
	font-size: 12px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: rgba(255, 255, 255, 1); }

li.select a {
	font-weight: 900;
	color: rgba(255, 255, 255, 1); }

.lp-subheader {
	color: #FFFFFF;
	height: 448px; }
	/* Small only */
@media screen and (max-width: 39.9375em) {
.lp-subheader {
	height: auto; }
}

.lp-subheader-cat {
	color: #FFFFFF;
	height: 340px; }
	/* Small only */
@media screen and (max-width: 39.9375em) {
.lp-subheader-cat {
	height: auto; }

.annonce-subheader-nav-cell {
	justify-content: flex-start;
	padding-bottom: 20px;
}
}

.date-subheader {
	background-image: url('images/date-subheader.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.annonce-subheader-nav-cell {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding-right: 0;
}

.annonce-switch-btns {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.annonce-switch-btns .switch-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 1px solid rgba(255, 255, 255, 0.45);
	background-color: rgba(45, 52, 72, 0.7);
	transition: background-color 0.25s ease-out, border-color 0.25s ease-out, transform 0.25s ease-out;
}

.annonce-switch-btns .switch-btn:hover,
.annonce-switch-btns .switch-btn:focus {
	background-color: rgba(54, 63, 87, 0.95);
	border-color: rgba(255, 255, 255, 0.85);
	transform: translateY(-1px);
}

.annonce-switch-btns .switch-btn.is-disabled {
	opacity: 0.5;
	pointer-events: none;
}

.annonce-switch-btns .switch-btn svg {
	display: block;
}

.lp-content {
	color: #000000;
	height: auto;
	padding-top: 70px; }
	/* Small only */
@media screen and (max-width: 39.9375em) {
.lp-content {
	padding-top: 30px; }
}

.lp-content img {
	margin: 0;
}
	/* Small only */
@media screen and (max-width: 39.9375em) {
.lp-content img {
	margin: 0;
}
}


.lp-content-home {
	color: #FFFFFF;
	height: auto;
	padding-top: 70px; }
	/* Small only */
@media screen and (max-width: 39.9375em) {
.lp-content-home {
	padding-top: 30px; }
}

.content{padding: 70px;}
@media screen and (max-width: 39.9375em) {
.content{padding: 15px;}	
}

p.padding {
	padding-right: 60px;
	padding-left: 20px;
	padding-top: 20px;
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #2D3448;
}
	/* Small only */
@media screen and (max-width: 39.9375em) {
p.padding {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 12px;
	font-weight: 300;
	line-height: 14px; }
}
.grid-padding-x > .cell.cards, .grid-padding-x > .cell.cards a {
	display:block;
	background-color: #f4f5f6;
	border-bottom:1px solid white;
	border-left: 1px solid white; 
	height: 240px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}
.grid-padding-x > .cell.cards a:hover{
	background-color: #e4e5e6;
}
	/* Small only */
@media screen and (max-width: 39.9375em) {
.grid-padding-x > .cell.cards, .grid-padding-x > .cell.cards a { 
	height: 100px;	 }	
}
.newsletter{
	height: auto;
	color: #FFFFFF;
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 70px;
	padding-bottom: 30px; }
	/* Small only */
@media screen and (max-width: 39.9375em) {
.newsletter{
	font-size: 12px; 
	padding-top: 30px; }
}

.footer {
	height: auto;
	padding-bottom: 35px;
	padding-top: 30px; 
	font-size: 12px;
	color: rgba(255, 255, 255, 0.68);
	}
@media screen and (max-width: 39.9375em) {
.footer {
	height: auto;
	padding-bottom: 70px;
	padding-top: 30px; 
	font-size: 5px;
	}	
}
.footer-nav {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.68);
	margin-top: 20px;
}
.footer-nav li {display: inline-block;}

.footer-nav li.page_item, .footer-nav li.page_item a, .footer-nav li.page_item a:hover {
 	height: auto;
 	width: auto;
	background-color: transparent;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	border-bottom: 0px solid white;
	border-left:  0px solid white;
	font-size: 14px;
	font-weight: 300;
	text-transform: none;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 1);
	color: rgba(255, 255, 255, 0.68); }

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }


hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 0px auto 40px auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #363F57;
  border-left: 0; }

ul {
	list-style: square url('images/checked-symbol.png');
    padding-left: 20px;
    color: #363F57;
}

li { margin-bottom: 10px;}

.nom { padding-top: 10px; color: #2D3448;font-family: "Open Sans"; font-size: 16px; font-weight: 600; line-height: 20px; }
.titre { margin-bottom: 0rem !important; color: #54666F; font-family: "Open Sans"; font-size: 14px; font-weight: 600; line-height: 21px }
.portrait { height: 329px; width: 220px;}
.moitie { width: 50%; display: inline;}
a.email {color: #54666F;}

ul.list-page{
	display: inline-table;
	margin-left: 0rem;
	padding: 0px;
	width: 100%;
}
li.page_item, li.page_item a {
	display:inline-table;
 	height: 240px;
 	width: 33%;
	background-color: #f4f5f6;
	color: #54666F;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: 600;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}
li.page_item a {
	width: 100%;;
	padding-right: 60px;
	padding-left: 20px;
	padding-top: 20px;
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #2D3448;
	border-bottom:1px solid white;
	border-left: 1px solid white;
	
}
li.page_item a:hover{
	background-color: #dedede;
}
	/* Small only */
@media screen and (max-width: 39.9375em) {
li.page_item, li.page_item a {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	font-size: 12px;
	font-weight: 200;
	line-height: 17px;
 	height: 200px;
 	width: 100%; 
	border-bottom:0px solid white;
	border-left: 0px solid white; }
	}

/*   form inscription emailings  */
[type='email'] {width: 270px; display: inline-block;}  
.mc4wp-alert p {color: #FFFFFF;}


/* Boutton */
.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 0;
  font-family: inherit;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #1779ba;
  color: #fefefe; }
.button.secondary {
background-color: #FFFFFF;
color: #FFFFFF; }
.button.secondary:hover, .button.secondary:focus {
  background-color: #FFFFFF;
  color: #FFFFFF; }
  
.button.emailing {
  border: 1px solid transparent;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #363F57;
  color: #fefefe; }

/* LP MODAL MENU MOBIL */


.bouton-menu, span.bouton-menu, span.bouton-menu a {
	margin-top: 25px;
}

.lp-modal{
	visibility: hidden;
    z-index: 999;
    position: fixed;
    padding: 5%;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.0); 
   -webkit-transition:all .5s ease-in-out;
   transition:all .5s ease-in-out;
}


.open {
	visibility: visible;
    background-color: rgba(0, 0, 0, 0.5); 
}

.modal-content {
    position: relative;
    margin: auto;
    padding: 20px;
    width: 100%;
    height: 100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    background-color: #363F57;
	-webkit-transform:translateY(-300%);
	transform:translateY(-300%);
	-webkit-transition: all 900ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 900ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.animated {
	transform:translateY(0);
}


.bouton-logo {
    float: left;
    margin: 25px 30px 0px 0px;
}
.bouton-close {
    color: rgba(255, 255, 255, 0.5);
    float: right;
    font-size: 3em;
    font-weight: bold;
    opacity: 1;
}

.bouton-close:hover,
.bouton-close:focus {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    cursor: pointer;
}
body.overflow-hidden {
  /* when primary navigation is visible, the content in the background won't scroll */
  overflow: hidden;
}

.menu-mobil{
	margin: 90px 0px 30px 0px;
    }

ul.nav-mobil, ul.nav-mobil a {
    padding: 0;
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	margin-left: 0rem;
    }
    
.nav-mobil li, .nav-mobil li a { margin-bottom: 0px !important; list-style: none  !important; }

.nav-mobil li.page_item, .nav-mobil li.page_item a, .nav-mobil li.page_item a:hover {
 	height: auto;
 	width: auto;
	background-color: transparent;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	border-bottom: 0px solid white;
	border-left:  0px solid white;
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: rgba(255, 255, 255, 1);
	list-style: none;
	}
	
/*--------------------------------------------------------------
## Crédits LEPRESSING
--------------------------------------------------------------*/
/* .credit-lp { display: none !important;} */

/*--------------------------------------------------------------
## Design System Tokens
--------------------------------------------------------------*/
:root {
	--ds-color-brand-900: #2D3448;
	--ds-color-brand-800: #363F57;
	--ds-color-surface: #FFFFFF;
	--ds-color-surface-muted: #ECECEC;
	--ds-color-surface-card: #F4F5F6;
	--ds-color-text: #363F57;
	--ds-color-text-strong: #2D3448;
	--ds-color-border: rgba(45, 52, 72, 0.12);
	--ds-color-success: #678E52;
	--ds-color-warning: #B78832;
	--ds-space-1: 10px;
	--ds-space-2: 20px;
	--ds-space-3: 30px;
	--ds-space-4: 40px;
	--ds-space-5: 70px;
	--ds-radius: 0;
	--ds-shadow: 0 16px 32px rgba(45, 52, 72, 0.08);
}

.annonce-archive-grid {
	padding-bottom: var(--ds-space-5);
}

.annonce-backlink,
.annonce-intro-location {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.annonce-intro-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px 18px;
	margin-bottom: var(--ds-space-3);
}

.annonce-intro-location,
.annonce-single-price {
	margin-bottom: 0;
}

.annonce-backlink a {
	color: rgba(255, 255, 255, 0.8);
}

.annonce-backlink a:hover {
	color: #FFFFFF;
}

.annonce-card {
	margin-bottom: var(--ds-space-3);
	padding-right: 0;
	padding-left: 0;
}

.annonce-archive-shell {
	background-color: transparent;
}

.annonce-archive-content {
	background-image: none;
	padding: 0;
}

.annonce-archive-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-left: 0;
	margin-right: 0;
	gap: 20px;
}

.annonce-card-link {
	display: block;
	height: 100%;
	background-color: var(--ds-color-surface-card);
	color: var(--ds-color-text);
	text-decoration: none;
	box-shadow: var(--ds-shadow);
}

.annonce-card-link:hover {
	color: var(--ds-color-text);
	background-color: #E4E5E6;
}

.annonce-card-media {
	position: relative;
	overflow: hidden;
	background-color: var(--ds-color-brand-800);
	aspect-ratio: 4 / 3;
}

.annonce-card-media img,
.annonce-gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.annonce-card-placeholder {
	height: 100%;
	background: linear-gradient(135deg, var(--ds-color-brand-900), var(--ds-color-brand-800));
}

.annonce-status {
	display: inline-block;
	padding: 8px 12px;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: var(--ds-color-brand-900);
}

.annonce-status-inline {
	margin-bottom: var(--ds-space-2);
}

.annonce-status-sous_promesse {
	background-color: var(--ds-color-brand-800);
}

.annonce-status-vendu_etude {
	background-color: var(--ds-color-brand-800);
}

.annonce-card .annonce-status {
	position: absolute;
	top: var(--ds-space-2);
	left: var(--ds-space-2);
}

.annonce-card-content {
	padding: var(--ds-space-2);
}

.annonce-card-kicker,
.annonce-single-price {
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.annonce-card-kicker {
	color: var(--ds-color-text);
}

.annonce-card h2 {
	margin-top: 0;
	margin-bottom: var(--ds-space-2);
}

.annonce-card h2::before,
.annonce-contact-panel h2::before,
.annonce-details h2::before,
.annonce-dpe h2::before,
.annonce-description h2::before {
	content: '|   ';
}

.annonce-card-price,
.annonce-single-price {
	color: var(--ds-color-text-strong);
	font-weight: 700;
}

.annonce-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	list-style: none;
	padding: 0;
	margin: 0 0 var(--ds-space-2);
}

.annonce-card-meta li {
	margin-bottom: 0;
	padding: 0;
	list-style: none;
}

.annonce-card-archive .annonce-card-link {
	display: block;
	background: linear-gradient(180deg, #FFFFFF 0%, #EEF1F6 68%, #D6DCE7 100%);
	box-shadow: none;
	border-bottom: 0;
}

.annonce-card-archive {
	grid-column: auto;
	width: 100%;
	max-width: none;
	min-width: 0;
	flex: none;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.annonce-card-archive .annonce-card-link:hover {
	background: linear-gradient(180deg, #FFFFFF 0%, #F2F4F8 68%, #DDE3ED 100%);
}

.annonce-card-archive .annonce-card-media {
	aspect-ratio: 3 / 2;
}

.annonce-card-archive .annonce-card-content {
	padding: 22px;
}

.annonce-card-archive h2,
.annonce-card-archive .annonce-card-price,
.annonce-card-archive .annonce-card-meta li {
	color: #2D3448;
}

.annonce-card-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.annonce-card-archive h2 {
	margin-bottom: 0;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.2;
	text-transform: capitalize;
	letter-spacing: 0;
}

.annonce-card-archive h2::before {
	content: none;
}

.single-annonce .annonce-description h2::before,
.single-annonce .annonce-dpe h2::before,
.single-annonce .annonce-details h2::before,
.single-annonce .annonce-contact-panel h2::before {
	content: none;
}

.annonce-contact-panel-full {
	background-color: var(--ds-color-surface-card);
}

.annonce-card-address,
.annonce-card-detail-item,
.annonce-card-price-row,
.annonce-card-cta {
	display: flex;
	align-items: center;
}

.annonce-card-address,
.annonce-card-detail-item,
.annonce-card-cta {
	gap: 10px;
}

.annonce-card-address {
	font-size: 16px;
	line-height: 1.4;
	color: rgba(45, 52, 72, 0.88);
	margin: 10px 0 18px;
}

.annonce-card-details {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
}

.annonce-card-detail-item {
	font-size: 16px;
	line-height: 1.4;
	color: rgba(45, 52, 72, 0.88);
}

.annonce-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

.annonce-card-icon img {
	display: block;
	width: auto;
	height: 16px;
}

.annonce-card-price-row {
	justify-content: space-between;
	gap: 20px;
	margin-top: 18px;
	padding-top: 10px;
	border-top: 0;
}

.annonce-card-archive .annonce-card-price {
	margin-bottom: 0;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 400;
}

.annonce-card-cta {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3;
	color: #2D3448;
	gap: 5px;
}

.annonce-card-icon-arrow img {
	height: 12px;
}

.annonce-gallery {
	position: relative;
	margin-bottom: var(--ds-space-4);
}

.annonce-carousel {
	margin-bottom: 12px;
	aspect-ratio: 16 / 9;
}

.annonce-carousel-cell {
	width: 100%;
	height: 100%;
	opacity: 0.35;
	transition: opacity 0.3s ease-out;
}

.annonce-carousel-cell.is-selected {
	opacity: 1;
}

.annonce-carousel-cell img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.annonce-carousel .flickity-viewport {
	height: 100% !important;
}

.annonce-carousel .flickity-slider {
	height: 100%;
}

.annonce-carousel-nav {
	margin: 0 -6px;
}

.annonce-carousel-nav.flickity-enabled.is-draggable {
	margin-left: 6px;
}

.annonce-carousel-nav-cell {
	width: 120px;
	height: 88px;
	margin: 0 6px;
	cursor: pointer;
	opacity: 0.45;
	border: 2px solid transparent;
	transition: opacity 0.25s ease-out, border-color 0.25s ease-out, transform 0.25s ease-out;
}

.annonce-carousel-nav-cell img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.annonce-carousel-nav .is-selected,
.annonce-carousel-nav .is-nav-selected {
	opacity: 1;
	border-color: var(--ds-color-brand-900);
	transform: translateY(-2px);
	box-shadow: 0 0 0 1px #FFFFFF inset;
}

.annonce-gallery .flickity-button {
	width: 44px;
	height: 44px;
	border-radius: 0;
	background: rgba(45, 52, 72, 0.86);
}

.annonce-gallery .flickity-button:hover {
	background: rgba(45, 52, 72, 1);
}

.annonce-gallery .flickity-button-icon {
	fill: #FFFFFF;
}

.annonce-gallery .flickity-page-dots {
	bottom: 14px;
}

.annonce-gallery .flickity-page-dots .dot {
	width: 9px;
	height: 9px;
	margin: 0 4px;
	background: #FFFFFF;
	opacity: 0.45;
}

.annonce-gallery .flickity-page-dots .dot.is-selected {
	opacity: 1;
}

.annonce-status-overlay {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 3;
}

.annonce-keyfacts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--ds-space-2);
	margin-bottom: var(--ds-space-4);
}

.annonce-keyfact {
	padding: var(--ds-space-2);
	background-color: var(--ds-color-surface-card);
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.annonce-keyfact-label {
	display: block;
	margin-bottom: 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--ds-color-text);
}

.annonce-keyfact strong {
	font-size: 22px;
	font-weight: 600;
	color: var(--ds-color-text-strong);
}

.annonce-details,
.annonce-dpe,
.annonce-description,
.annonce-contact-panel {
	margin-bottom: var(--ds-space-4);
	padding: var(--ds-space-3);
}

.annonce-sidebar-price {
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.1;
	color: var(--ds-color-text-strong);
}

.annonce-sidebar-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.annonce-sidebar-list li {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 16px;
	padding: 10px 0;
	margin-bottom: 0;
	border-bottom: 1px solid var(--ds-color-border);
	list-style: none;
}

.annonce-sidebar-list span {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--ds-color-text);
}

.annonce-sidebar-list strong {
	font-size: 14px;
	font-weight: 600;
	text-align: right;
	color: var(--ds-color-text-strong);
}

.annonce-contact-panel {
	position: sticky;
	top: 30px;
	padding-bottom: 0;
}

.annonce-contact-section {
	margin-bottom: 0;
}

.annonce-contact-panel-full {
	position: static;
	margin-bottom: 0;
}

.annonce-formidable-form .frm_forms {
	margin-top: 20px;
	width: 100%;
	max-width: none;
}

.annonce-formidable-form .frm_forms .frm_form_fields,
.annonce-formidable-form .frm_forms .frm_fields_container {
	display: flex;
	flex-wrap: wrap;
	gap: 18px 20px;
}

.annonce-formidable-form .frm_form_field {
	margin-bottom: 0;
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	display: block;
	clear: both;
}

.annonce-formidable-form,
.annonce-formidable-form .frm_forms,
.annonce-formidable-form form,
.annonce-formidable-form .frm_form_fields_container,
.annonce-formidable-form .frm_form_fields,
.annonce-formidable-form .frm_fields_container,
.annonce-formidable-form fieldset {
	width: 100%;
	max-width: none;
}

.annonce-formidable-form .frm_half,
.annonce-formidable-form .frm_first,
.annonce-formidable-form .frm_last {
	width: calc(50% - 10px) !important;
	max-width: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	float: none !important;
	clear: none;
}

.annonce-formidable-form .https1694-annonce-message-field,
.annonce-formidable-form .https1694-annonce-privacy-field,
.annonce-formidable-form .frm_submit {
	width: 100% !important;
}

.annonce-formidable-form .frm_form_field label {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--ds-color-text-strong);
}

.annonce-formidable-form .frm_required_field:not(.https1694-annonce-privacy-field) label::after {
	content: " *";
	color: #9e2f2f;
}

.annonce-formidable-form .frm_primary_label {
	display: block;
}

.annonce-formidable-form input[type="text"],
.annonce-formidable-form input[type="email"],
.annonce-formidable-form input[type="tel"],
.annonce-formidable-form textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid var(--ds-color-border);
	border-radius: 0;
	background-color: #FFFFFF;
	color: var(--ds-color-text);
	box-sizing: border-box;
}

.annonce-formidable-form textarea {
	min-height: 140px;
}

.annonce-formidable-form .frm_submit {
	margin-top: 10px;
}

.annonce-formidable-form .https1694-annonce-message-field,
.annonce-formidable-form .https1694-annonce-privacy-field {
	display: block;
}

.annonce-formidable-form .frm_submit button,
.annonce-formidable-form .frm_submit input[type="submit"] {
	display: inline-block;
	min-width: 240px;
	padding: 15px 22px;
	border: 1px solid transparent;
	border-radius: 0;
	background-color: #363F57;
	color: #FFFFFF;
	font-family: inherit;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	transition: background-color 0.25s ease-out, color 0.25s ease-out, border-color 0.25s ease-out;
}

.annonce-formidable-form .frm_submit button:hover,
.annonce-formidable-form .frm_submit button:focus,
.annonce-formidable-form .frm_submit input[type="submit"]:hover,
.annonce-formidable-form .frm_submit input[type="submit"]:focus {
	background-color: #2D3448;
	color: #FFFFFF;
	border-color: #2D3448;
}

.annonce-formidable-form .frm_checkbox {
	margin-top: 8px;
}

.annonce-formidable-form .frm_checkbox label,
.annonce-formidable-form .https1694-annonce-privacy-field label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	text-transform: none;
	color: var(--ds-color-text);
}

.annonce-formidable-form .frm_checkbox input[type="checkbox"],
.annonce-formidable-form .https1694-annonce-privacy-field input[type="checkbox"] {
	margin-top: 3px;
	flex: 0 0 auto;
}

.annonce-formidable-form .frm_error,
.annonce-formidable-form .frm_message {
	font-size: 13px;
}

.navigation.pagination {
	margin-bottom: var(--ds-space-5);
}

.navigation.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.navigation.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	height: 48px;
	padding: 0 14px;
	border: 1px solid rgba(255, 255, 255, 0.45);
	background-color: rgba(45, 52, 72, 0.7);
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
}

.navigation.pagination .page-numbers.current {
	border-color: rgba(255, 255, 255, 0.85);
	color: #FFFFFF;
}

.navigation.pagination a.page-numbers:hover,
.navigation.pagination a.page-numbers:focus {
	background-color: rgba(54, 63, 87, 0.95);
	border-color: rgba(255, 255, 255, 0.85);
	color: #FFFFFF;
}

.annonce-dpe-wrapper {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.annonce-dpe-column p {
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 600;
	color: var(--ds-color-text-strong);
}

.annonce-dpe-column ul {
	display: flex;
	align-items: flex-end;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.annonce-dpe-column li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 41px;
	height: 40px;
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	color: rgb(251, 247, 244);
	list-style: none;
}

.annonce-dpe-column li.active {
	width: 52px;
	height: 50px;
}

.performance li:nth-child(1) { background-color: rgb(1, 160, 109); }
.performance li:nth-child(2) { background-color: rgb(82, 177, 83); }
.performance li:nth-child(3) { background-color: rgb(165, 204, 116); }
.performance li:nth-child(4) { background-color: rgb(244, 232, 15); }
.performance li:nth-child(5) { background-color: rgb(240, 181, 16); }
.performance li:nth-child(6) { background-color: rgb(235, 130, 53); }
.performance li:nth-child(7) { background-color: rgb(215, 35, 31); }

.gaz li:nth-child(1) { background-color: rgb(165, 219, 248); }
.gaz li:nth-child(2) { background-color: rgb(140, 180, 211); }
.gaz li:nth-child(3) { background-color: rgb(120, 146, 177); }
.gaz li:nth-child(4) { background-color: rgb(96, 111, 144); }
.gaz li:nth-child(5) { background-color: rgb(77, 82, 113); }
.gaz li:nth-child(6) { background-color: rgb(58, 53, 81); }
.gaz li:nth-child(7) { background-color: rgb(40, 27, 54); }

.annonce-form-message {
	padding: 12px;
	margin-bottom: var(--ds-space-2);
	font-size: 13px;
}

.annonce-form-message.success {
	background-color: rgba(103, 142, 82, 0.14);
	color: var(--ds-color-text-strong);
}

.annonce-form-message.error {
	background-color: rgba(158, 47, 47, 0.12);
	color: var(--ds-color-text-strong);
}

.https1694-annonce-gallery-preview {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	margin-bottom: 16px;
	overflow-x: auto;
	padding-bottom: 6px;
}

.https1694-gallery-thumb {
	flex: 0 0 auto;
	width: 110px;
	height: 110px;
	background-color: #F4F5F6;
	overflow: hidden;
	cursor: move;
	border: 2px solid transparent;
	transition: opacity 0.2s ease-out, border-color 0.2s ease-out;
}

.https1694-gallery-thumb.is-dragging {
	opacity: 0.45;
	border-color: var(--ds-color-brand-900);
}

.https1694-gallery-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 39.9375em) {
	.annonce-archive-grid {
		grid-template-columns: 1fr;
	}

	.annonce-keyfacts {
		grid-template-columns: 1fr;
	}

	.annonce-carousel-nav-cell {
		width: 84px;
		height: 64px;
	}

	.annonce-details,
	.annonce-dpe,
	.annonce-description,
	.annonce-contact-panel {
		padding: var(--ds-space-2);
	}

	.annonce-sidebar-list li {
		display: block;
	}

	.annonce-sidebar-list strong {
		display: block;
		margin-top: 6px;
		text-align: left;
	}

	.annonce-contact-panel {
		position: static;
	}

	.annonce-card-content {
		padding: 16px;
	}

	.annonce-card-archive h2 {
		font-size: 22px;
	}

	.annonce-card-details,
	.annonce-card-price-row {
		gap: 12px;
	}

	.annonce-card-price-row {
		flex-direction: column;
		align-items: flex-start;
	}
}