/* CSS Document */
@font-face {
  font-family: 'Futura';
  src: url('../font/Futura.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'Quiche Sans';
    src: url('../font/QuicheSans-Bold.eot');
    src: url('../font/QuicheSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/QuicheSans-Bold.woff2') format('woff2'),
        url('../font/QuicheSans-Bold.woff') format('woff'),
        url('../font/QuicheSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quiche Sans';
    src: url('../font/QuicheSans-Thin.eot');
    src: url('../font/QuicheSans-Thin.eot?#iefix') format('embedded-opentype'),
        url('../font/QuicheSans-Thin.woff2') format('woff2'),
        url('../font/QuicheSans-Thin.woff') format('woff'),
        url('../font/QuicheSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quiche Sans';
    src: url('../font/QuicheSans-Black.eot');
    src: url('../font/QuicheSans-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/QuicheSans-Black.woff2') format('woff2'),
        url('../font/QuicheSans-Black.woff') format('woff'),
        url('../font/QuicheSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quiche Sans';
    src: url('../font/QuicheSans-Light.eot');
    src: url('../font/QuicheSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/QuicheSans-Light.woff2') format('woff2'),
        url('../font/QuicheSans-Light.woff') format('woff'),
        url('../font/QuicheSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quiche Sans';
    src: url('../font/QuicheSans-Medium.eot');
    src: url('../font/QuicheSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/QuicheSans-Medium.woff2') format('woff2'),
        url('../font/QuicheSans-Medium.woff') format('woff'),
        url('../font/QuicheSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quiche Sans';
    src: url('../font/QuicheSans-Regular.eot');
    src: url('../font/QuicheSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/QuicheSans-Regular.woff2') format('woff2'),
        url('../font/QuicheSans-Regular.woff') format('woff'),
        url('../font/QuicheSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Furura-PT';
  src: url('../font/Futura-PT-Bold.ttf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
   font-family: 'Furura-PT';
  src: url('../font/Futura-PT-Demi.ttf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Furura-PT';
  src: url('../font/Futura-PT-Book.ttf') format('opentype');
  font-weight: 300;
  font-style: normal;
}



body {
  	font-family: 'Furura-PT', sans-serif!important;
  	font-size: 1.1em;
	font-weight: 300!important;
	background: url("../img/bg.png") no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */	
}
body a {
	color: #000;
	text-decoration: none
}

footer {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	background-color: #f5f5f5
}

footer .title {
  font-family: 'Quiche Sans', sans-serif;
  font-size: 1.8em;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: 600;
}

.btn_menu {
	background-color: #000;
	 text-transform: uppercase;
	color: #FFF;
	padding: 14px 28px 14px 28px;
	font-weight: 600;
	transition: 0.3s ease-in-out;
	font-family: "Furura-PT", sans-serif;
	display: inline-block
}
.btn_menu_v2 {
	background-color: #FFF;
	 text-transform: uppercase;
	color: #000;
	border: 1px solid #000;
	padding: 14px 28px 14px 28px;
	font-weight: 600;
	transition: 0.3s ease-in-out;
	font-family: "Furura-PT", sans-serif;
	display: inline-block
}

.btn_menu:hover, .btn_menu_v2:hover {
	transform: scale(0.88); 	
}

.menu_title {
	color: #000;
	font-family: 'Quiche Sans', sans-serif;
	display: inline-block;
	font-size: 2em;
	transition: 0.3s ease-in-out;
	text-transform: uppercase;	
	font-weight: 900;
}
.menu_title:hover {
	transform: scale(0.88); 	
}

.menu_subtitle {
	color: #000;
	font-family: 'Quiche Sans', sans-serif;
	display: inline-block;
	font-size: 1em;
	transition: 0.3s ease-in-out;
	text-transform: uppercase;	
	font-weight: 400;
}
.menu_subtitle:hover {
	transform: scale(0.88); 	
}

.property-card {
	border: none;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease-in-out;
	overflow: hidden; /* Ensures image corners are rounded with card */
	font-family: "Open Sans", sans-serif;
}
.property-card:hover {
	transform: translateY(-5px);
}
.property-card .card-img-top {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 200px; /* Fixed height for images */
	object-fit: cover; /* Ensures images cover the area without distortion */
}
.property-card .card-body {
	padding: 20px;
}
.property-card .card-title {
	font-size: 1.1em;
	font-weight: bold;
	color: #343a40;
	margin-bottom: 10px;
	font-family: "Open Sans", sans-serif;
}
.property-card .card-text {
	color: #6c757d;
	margin-bottom: 8px;
	font-size: 0.85em;
}

.property-card .infos{
	font-size: 0.85em;
}
.property-card .infos div i{
	color: #E9501C!important
}

.property-price {
	font-size: 1.4em;
	font-weight: 500;
	margin-bottom: 15px;
	font-family: "Furura-PT", sans-serif;
}
.property-price span {
	font-size: 0.5em;
}
.property-type {
	font-size: 0.8em;
	font-weight: 600;
	color: #fff; /* Bootstrap success green */
	background-color: #9C182E;
	padding: 2px 10px;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 10px;
	font-family: "Open Sans", sans-serif;
}
.badge-status {
	font-size: 0.8em;
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 5px;
	color: white;
}
.badge-sale {
	background-color: #000;
	 font-family: "Furura-PT", sans-serif;
	font-weight: 300;
	text-transform: uppercase
}
.badge-rent {
	background-color: #ffc107; /* Bootstrap warning yellow */
	color: #343a40 !important; /* Ensure good contrast for yellow */
}
.btn-details {
	background-color: #4C303F;
	border-color: #4C303F;
	color: white;
	transition: background-color 0.3s ease;

}
.btn-details:hover {
	background-color: #3c2431;
	border-color: #3c2431;
	color: #FFF;
}


.pagination .page-link { color: #444}

.pagination .active .page-link{
	background-color: #4C303F;
  	border-color: #4C303F;
	color: #FFF;
}

	
#map { height: 450px; }

.main-image-container {
	position: relative;
	cursor: pointer; /* Indique que l'image principale est cliquable */
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}
.main-image {
	width: 100%;
	height: 500px;
	object-fit: cover;
	display: block; /* Supprime l'espace supplémentaire sous l'image */
}
.thumbnail-gallery .thumbnail-item {
	cursor: pointer;
	border-radius: 5px;
	overflow: hidden;
	border: 2px solid transparent;
	transition: border-color 0.2s ease, transform 0.2s ease;
}
.thumbnail-gallery .thumbnail-item:hover {
	border-color: #007bff;
	transform: translateY(-2px);
}
.thumbnail-gallery .thumbnail-item.active { /* Classe pour la vignette active, à gérer via JS */
	border-color: #007bff;
}
.thumbnail-gallery .thumbnail-item img {
	width: 100%;
	height: 100px; /* Ajustez la hauteur de la vignette si nécessaire */
	object-fit: cover;
	border-radius: 3px;
}
.property-details-section {
	background-color: #fff;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	margin-top: 20px; /* Marge pour l'espacement */
	font-family: "Furura-PT", Sans-serif;
	font-weight: 300
}
.property-details-section h1 {
	font-size: 2.5rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 10px;
}
.property-details-section .price {
	font-size: 2.2rem;
	font-weight: 800;
	color: #28a745;
	margin-bottom: 20px;
}
.property-details-section .location {
	font-size: 1.1rem;
	color: #666;
	margin-bottom: 15px;
}
.property-details-section .features span {
	display: inline-block;
	background-color: #e9ecef;
	padding: 8px 15px;
	border-radius: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 0.95rem;
	color: #495057;
}
.contact-form {
	background-color: #f8f9fa;
	padding: 25px;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

h1 {
   font-family: "Quiche Sans", Sans-serif;
  font-size: 1.5em;
  font-weight: 100;
  text-transform: uppercase;
  line-height: 1.3em;
}


.maxidropdown > ul{
	border-color: #ddd !important;
}		
.maxidropdown ul li{
	color: #FFF!important;			
}
.maxidropdown > ul.active > li:not(:first-child):hover {
	background-color: #D8D8D8!important;
}
.maxidropdown > ul.active > li.hover:after, .maxidropdown > ul.active > li.nohover:before, .prettydropdown:not(.disabled) > ul.active {
  border-color: #ddd !important;
}


.maxidropdown_c1 > ul > li:first-child, .maxidropdown_c2 > ul > li:first-child, .maxidropdown_c3 > ul > li:first-child, .maxidropdown_c4 > ul > li:first-child{
	font-size: 1em!important;
	font-weight: 500!important;
}

.maxidropdown_c1 ul{
	background-color:#E9501C!important 
}				
.maxidropdown_c1 > ul.active > li:first-child{
	background: #E9501C!important;
	color:#FFF!important;			
}
.maxidropdown_c1 > ul.active > li:not(:first-child) {
  background: #FFF!important;
  color: #333!important;
  height: 45px!important;
  line-height: 45px!important;
}



.maxidropdown_c2 ul{
	background-color:#4C303F!important 
}		
.maxidropdown_c2 > ul.active > li:first-child{
	background: #4C303F!important;
	color:#FFF!important;			
}
.maxidropdown_c2 > ul.active > li:not(:first-child) {
  background: #FFF!important;
  color: #333!important;
  height: 45px!important;
  line-height: 45px!important;
}


.maxidropdown_c3 ul{
	background-color:#9C182E!important 
}		
.maxidropdown_c3 > ul.active > li:first-child{
	background: #9C182E!important;
	color:#FFF!important;			
}
.maxidropdown_c3 > ul.active > li:not(:first-child) {
  background: #FFF!important;
  color: #333!important;
  height: 45px!important;
  line-height: 45px!important;
}

.maxidropdown_c4 ul{
	background-color:#447A7C!important 
}		
.maxidropdown_c4 > ul.active > li:first-child{
	background: #447A7C!important;
	color:#FFF!important;			
}
.maxidropdown_c4 > ul.active > li:not(:first-child) {
  background: #FFF!important;
  color: #333!important;
  height: 45px!important;
  line-height: 45px!important;
}

#logo1{
	width: 160px;
}
#logo2{
	width: 96px;
}

@media (min-width: 576px) { 
	h1 { font-size: 2em!important; line-height: 1.2em;}
	
}

@media (min-width: 768px) { 
	h1 { font-size: 2.5em!important}
	.maxidropdown_c1 > ul > li:first-child, .maxidropdown_c2 > ul > li:first-child, .maxidropdown_c3 > ul > li:first-child, .maxidropdown_c4 > ul > li:first-child{
	font-size: 1.1em!important;}
	
	.menu_title {
		font-size: 3em;
	}

	.menu_subtitle {
		font-size: 1.5em;
	}
	
	#logo1{
		width: 98px;
	}
	#logo2{
		width: 59px;
	}
}

@media (min-width: 992px) {
	h1 { font-size: 3em!important}
	.maxidropdown_c1 > ul > li:first-child, .maxidropdown_c2 > ul > li:first-child, .maxidropdown_c3 > ul > li:first-child, .maxidropdown_c4 > ul > li:first-child{
	font-size: 1em!important;}
	
	.menu_title {
		font-size: 3.5em;
	}

	.menu_subtitle {
		font-size: 1.8em;
	}
	
	#logo1{
		width: 128px;
	}
	#logo2{
		width: 77px;
	}
}


@media (min-width: 1200px) { 
	.maxidropdown_c1 > ul > li:first-child, .maxidropdown_c2 > ul > li:first-child, .maxidropdown_c3 > ul > li:first-child, .maxidropdown_c4 > ul > li:first-child{
		font-size: 1em!important;}
	#logo1{
		width: 156px;
	}
	#logo2{
		width: 94px;
	}
}

@media (min-width: 1400px) {
	.maxidropdown_c1 > ul > li:first-child, .maxidropdown_c2 > ul > li:first-child, .maxidropdown_c3 > ul > li:first-child, .maxidropdown_c4 > ul > li:first-child{
		font-size: 1.2em!important;}
	
	#logo1{
		width: auto;
	}
	#logo2{
		width: auto;
	}
}