/* =============================== Body et styles généraux ======================================= */
html,body { width: 100%;margin: 0;padding: 0;font-family: 'Montserrat', sans-serif;font-size: 14px;font-weight: 300;background: #fff;color: #363636;position: relative; }

a { color: #3661a6;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;outline: none !important; }
a:hover { color: #000;text-decoration: none; }

.more-container { float: left;text-align: left;margin: 30px 0;width: 100%; }
.more-container a { display: inline-block;background: #c69145;padding: 10px 20px;border-radius: 6px;color: #fff;text-transform: uppercase;text-decoration: none;font-weight: 700; }
.more-container a:hover { background: #aa7529; }
.more-container.centered { text-align: center; }
.more-container.stuck { margin: 10px 0 40px 0; }
.more-container.mini a { padding: 6px 12px;font-size: 10px; }


/* fonts */
@font-face{
	font-family:'Connoisseurs';
	src: url("../fonts/connoisseurs.woff2") format("woff2"),url("../fonts/connoisseurs.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

.g-recaptcha{transform:scale(0.72); -webkit-transform:scale(0.72); -moz-transform:scale(0.72);-ms-transform:scale(0.72); -o-transform:scale(0.72);transform-origin:0; -webkit-transform-origin:0;-moz-transform-origin:0;-ms-transform-origin:0;-o-transform-origin:0;}

.gradient { position: absolute;z-index: 2;width: 100%;position: absolute;top: 0px;left: 0px;height: 40%;background: linear-gradient(#1b1b1b, transparent);opacity: 0.5; }


/* header */
.header { width: 100%;position: fixed;z-index: 10;top: 0;left: 0;z-index: 1000;height: 71px; }
.header .burger { display: block;width: 31px;height: 20px;background: url('../images/ic/sprites.png') no-repeat 0px 0px;position: absolute;top: 25px;left: 25px;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s; }
.header .glass { display: block;width: 27px;height: 27px;background: url('../images/ic/sprites.png') no-repeat -32px 0px;position: absolute;top: 62px;left: 28px;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;cursor: pointer; }
.header .logo { width: 220px;position: absolute;top: 10px;left: 82px;z-index: 2; }
.header .logo img.lg { width: 220px;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
.header .logo img.sm { width: 0px;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
.header .logo .coldwell { display: none;color: #193276;text-transform: uppercase;font-weight: 600;letter-spacing: -0.02em;font-size: 11px;margin: 4px 0 0 0;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;position: absolute;width: 100%;text-align: left; }
.header .logo .franchise { display: block;color: #193276;text-transform: uppercase;font-weight: 600;letter-spacing: -0.02em;top: 76px;font-size: 11px;margin: 4px 0 0 0;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;position: absolute;width: 100%;text-align: center; }
.header .degrade-lang { position: absolute;top: 0;right: 0;z-index: 1; }
.header .lang-zone { position: absolute;text-align: right;top: 10px;right: 15px;color: #fff;z-index: 2;  }
.header .lang-zone a { color: #fff;font-size: 15px;font-weight: 600;line-height: 15px;text-transform: uppercase;opacity: 0.7;display: inline-block;padding: 0 0 4px 0; }
.header .lang-zone a.on { border-bottom: 1px solid #fff;opacity: 1; }
.header .mail { position: absolute;top: 13px;right: 112px;z-index: 2;display: inline-block;width: 26px;height: 22px;background: url('../images/ic/envelop_w.svg') no-repeat center;background-size: contain; }
.header .tel { position: absolute;top: 13px;right: 148px;z-index: 2;display: inline-block;width: 26px;height: 22px;background: url('../images/ic/telephone_w.svg') no-repeat center;background-size: contain; }
.header .numTel { position: absolute;text-align: right;top: 18px;right: 185px;color: #fff;z-index: 2;color: #fff;font-size: 18px;font-weight: 600;line-height: 15px;text-transform: uppercase;display: inline-block;padding: 0 0 4px 0;opacity: 0; }


/* selection */
.lk-selection { display: inline-block;top: 36px;right: 15px;position: absolute;width: 30px;height: 30px;background: url('../images/ic/like_w.svg') no-repeat center;background-size: contain; }
.lk-selection .nb { display: inline-block;position: absolute;text-align: center;top: 9px;right: 0px;font-weight: 600;width: 30px;font-size: 10px;color: #fff; }


/* black version */
.header.black { background: rgba(255,255,255,0.95);border-bottom: 1px solid #ddd; }
.header.black .burger { background: url('../images/ic/sprites.png') no-repeat 0px -20px; }
.header.black .glass { background: url('../images/ic/sprites.png') no-repeat -32px -27px;top: 23px;left: 70px; }
.header.black .logo { left: 66px;top: 14px; }
.header.black.all .logo { left: 115px; }
.header.black .logo img.lg { width: 0px; }
.header.black .logo img.sm { width: 54px; }
.header.black .logo .franchise { color: #193276;position: absolute;top: 12px;left: 22px;margin: 0;line-height: 12px;font-size: 11px; }
.header.black .logo .coldwell { top: -5px;left: 39px;display: block; }
.header.black .lang-zone { color: #363636; }
.header.black .lang-zone a { color: #363636; }
.header.black .lang-zone a.on { border-bottom: 1px solid #363636; }
.header.black .lk-selection { background: url('../images/ic/like.svg') no-repeat center;background-size: contain; }
.header.black .lk-selection .nb { color: #000; }
.header.black .mail { background: url('../images/ic/envelop.svg') no-repeat center;background-size: contain; }
.header.black .tel { background: url('../images/ic/telephone.svg') no-repeat center;background-size: contain; }
.header.black .numTel { color: #000; }


/* lateral nav */
.nav-block { position: fixed;top: 0;left: 0;height: 100%;width: 25%;background: #f5f5f5;margin-left: -25%;z-index: 100;padding: 50px 0 0 0;text-align: center;border-right: 1px solid #dcdcdc; }
.close-nav { width: 100%;width: 23px;height: 22px;display: inline-block;margin-bottom: 50px;font-size: 30px; }
.list-nav { width: 100%;padding: 0;list-style: none; }
.list-nav li { display: block;float: left;border-bottom: 1px solid #ccc;width: 100%; }
.list-nav li a { display: block;padding: 15px 15px;color: #000;text-transform: uppercase;letter-spacing: 1px;font-size: 13px; }
.list-nav li a:hover { background: #fff;letter-spacing: 3px;font-weight: 600; }


/* search block */
.search-block { position: absolute;bottom: 0;left: 0;height: 495px;width: 320px;z-index: 3;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;display: block; }
.search-block.all { top: 130px;left: -320px; }
.search-block.all.sm { top: 71px; }
.search-block-bg { position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: #1f1f1f;opacity: 0.95; }
.search-block.all .search-block-bg { height: 495px; }
.search-block-container { position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;padding: 15px; }
.search-block-container .title { display: block;width: 100%;text-transform: uppercase;font-size: 16px;text-transform: uppercase;font-weight: 600;margin: 20px 0 15px 0;color: #7a7a7a; }
.search-block-container form { display: block;width: 100%; }
.search-block-container form select, .search-block-container form input { width: 100%;padding: 10px;border: none;border-bottom: 1px solid #000;background: rgba(255, 255, 255, 0.60);height: 45px;outline: 0;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;color: #2f2f2f;margin: 0 0 15px 0;font-weight: 600; }
.search-block-container form input.half { width: 46.9%; }
.search-block-container form input.half.left { margin-right: 7px; }
.search-block-container form input.half.right { margin-left: 7px; }
.search-block-container form select:hover, .search-block-container form select:focus, .search-block-container form input:hover, .search-block-container form input:focus { background: rgba(255, 255, 255, 1) }
.search-block-container form input::-webkit-input-placeholder { color: #777; }
.search-block-container form input::-moz-placeholder { /* Firefox 19+ */ color: #777; }
.search-block-container form input::-ms-input-placeholder { color: #777; }
.search-block-container form input::-moz-placeholder { /* Firefox 18- */ color: #777; }

.search-block-container form .search { display: block;width: 100%;margin: 0;height: 45px;padding: 13px;text-transform: uppercase;font-weight: 600;color: #fff;background: #b68641;text-align: center;cursor: pointer;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s; }
.search-block-container form .search:hover { background: #a0712d; }
.search-block .close { position: absolute;top: 10px;right: 10px; }
.search-block .close:hover { color: #fff; }

/* .search-block.on { height: 100%; } */


/* hashtag */
.hashtag { width: 100%;float: left;margin: 10vh 0 0 0;text-align: center;font-family: 'Connoisseurs', Sans serif;font-size: 140px;line-height: 100px;color: #c69145; }
.hashtag-international { width: 100%;float: left;margin: 10vh 0 0 0;text-align: center;font-family: 'Connoisseurs', Sans serif;font-size: 140px;line-height: 100px;color: #5974e8; }


/* footer */
.footer { width: 100%;padding: 10vh;background: #1c1c1c;float: left; }
.footer .left { width: 60%;float: left; }
.footer .left a.logo { display: inline-block;margin: 0 50px 40px 0;text-decoration: none;position: relative; }
.footer .left a.logo img { width: 220px; }
.footer .left .listing-secteurs { width: 100%;float: left;margin: 0 0 20px 0; }
.footer .left .listing-secteurs h5 { margin: 0 0 10px 0;font-size: 19px;color: #fff;text-transform: uppercase; }
.footer .left .listing-secteurs ul { padding: 0;list-style: none;float: left; }
.footer .left .listing-secteurs ul li { width: 100%;float: left; }
.footer .left .listing-secteurs ul li a { display: block;color: #777;text-decoration: none;margin: 0 0 2px 0;font-size: 13px; }
.footer .left .address { width: 100%;float: left;color: #fff;text-transform: uppercase;font-size: 15px;line-height: 19px; }
.footer .left .address .gmap { color: #fff;text-decoration: none; }
.footer .left .address .gmap:hover { color: #c69145; }
.footer .right { width: 40%;float: left; }
.footer .right .social { width: 100%;float: right;text-align: right;margin: 0 0 40px 0; }
.footer .right .social .rs { display: inline-block;margin: 0 15px;width: 70px;height: 70px;border: 1px solid rgba(255,255,255,0.2);border-radius: 50%;text-align: center;font-size: 30px;line-height: 70px;color: #fff; }
.footer .right .social .rs:last-child { margin-right: 0; }
.footer .right .lks { width: 100%;float: right; }
.footer .right .lks ul { padding: 0;list-style: none;float: right; }
.footer .right .lks ul li { width: 100%;float: right; }
.footer .right .lks ul li a { display: block;color: #fff;text-decoration: none;margin: 0 0 2px 0;text-align: right; }
.footer .right .lks ul li:last-child a {
	display: block;
	width: 100px;
	float: right;
}


/* modals */
.modal-header { background: #fff;color: #000;text-transform: uppercase; }
.modal-header .close { color: #fff; }
.modal-title { text-align: center;font-family: 'Playfair Display', serif;font-weight: 600;margin: 15px 0 0 0; }
.modal-title div { display: block; }
.modal-title:after { height: 1px;display: inline-block;width: 90px;background: #fff;content: ''; }
.modal-title #property_request, .modal-title #info_request { display: none; }


#listeSelec .item { width: 50%;padding: 10px; }
#listeSelec .item .thumb { height: 200px;margin: 0 0 10px 0; }
#listeSelec .item .thumb a { display: block;width: 100%;height: 100%; }
#listeSelec .item .thumb a img { width: 100%;height: 100%;object-fit: cover; }
#listeSelec .item .desc .selecTitre { display: block;text-transform: uppercase;font-weight: 400;font-size: 1em;line-height: 17px; }
.modal-body .mentionLegales{margin-top: 30px;text-transform: uppercase;font-size: 1.3em;}
.selecImg { width: 100%;margin-bottom: 10px; }
.selecTitre { text-transform: uppercase;font-weight: 600 !important;font-size: 1.2em; }
.selecLk { display: block;width: 100%;margin: 10px 0 20px 0;padding: 10px 0;color: #333;background: #c3ebf7;text-transform: uppercase;text-align: center;font-size: 12px;font-weight: 600; }
.selecLk:hover { color: #fff;background: #333; }
#modalContact { z-index: 1049 !important; }
#modalContact .modal-body { background: #fff; }
#modalContact .modal-body p { margin: 0 0 10px 0;color: #000; }
#modalContact .modal-body p span { font-weight: 600; }
#modalContact .modal-body .valid { text-align: center; }
#modalContact .modal-body .valid .btn { border-radius: 0px;background: #333;color: #fff;padding: 15px 50px;font-size: 16px;border: none; }
#modalContact .modal-header { border: 0; }
#modalTel { z-index: 1049 !important; }
#modalTel .modal-body { background: #00a5d5; }
#modalTel .modal-body p { margin: 0 0 10px 0;color: #fff;text-align: center; }
#modalTel .modal-body p .nego { display: block;margin: 30px 0 20px 0; }
#modalTel .modal-body p .nego img { width: 150px;height: 150px;border-radius: 50%;border: none; }
#modalTel .modal-body p .name { display: block;text-transform: uppercase;font-size: 20px;font-weight: 300; }
#modalTel .modal-body #numBienTel { font-weight: bold;color: #ffeb3b;font-size: 18px; }
#modalTel #numTel { display: block;text-align: center;padding: 30px 15px;color: #fff;font-weight: 600;font-size: 20px; }
#resultForm { width: 100%;margin: 30px 0;text-align: center;font-weight: bold;display: none; }
#resultForm .ok, .resultat .ok { display: block;width: 100%;background: #a0e4a3;padding: 30px;border-radius: 5px;color: #15713e; }
#resultForm .bad, .resultat .bad { display: block;width: 100%;background: #f7beb2;padding: 30px;border-radius: 5px;color: #cb2b36; }
#modalLifestyle .modal-content { border-radius: 60px; }
#modalLifestyle .modal-content .modal-header { background: transparent;border: none;width: 95%;padding-top: 30px; }
#modalLifestyle .modal-body { padding: 50px; }
#modalLifestyle .modal-body .detail_lifestyle { display: none; }
#modalLifestyle .modal-body .title { width: 100%;margin: 0 0 30px 0;text-align: center;font-family: 'Connoisseurs', Sans serif;font-size: 65px;line-height: 50px;color: #c69145; }
#modalLifestyle .modal-body p.more { margin: 30px 0 0 0;text-align: center; }
#modalLifestyle .modal-body p.more a { background: #c69145;display: inline-block;padding: 15px 30px;color: #fff;font-size: 13px;text-transform: uppercase;
font-weight: 400;border-radius: 5px;border: none; }
#modalReview {  }
#modalReview .modal-content { border-radius: 60px;position: relative; }
#modalReview .modal-body { padding: 50px; }
#modalReview .modal-body .detail_lifestyle { display: none; }
#modalReview .modal-body .title { width: 100%;margin: 0 0 30px 0;text-align: center;font-family: 'Connoisseurs', Sans serif;font-size: 65px;line-height: 50px;color: #c69145; }
#modalReview .modal-body p { margin: 0; }




/* Paneau cookies */
.cookies-panel { position: fixed;bottom: 50px;width: 300px;right: -300px;z-index: 1000;padding: 30px;background: #333;color: #fff;font-size: 12px; }
.cookies-panel .actions { display: block;text-align: right;margin-top: 10px; }
.cookies-panel .actions a { display: inline-block;margin: 0 10px;padding: 5px 10px;border-radius: 3px;background: #c69145;color: #fff;text-decoration: none; }


/* forms */
.form-detail { position: relative; }
.form-annonce { position: absolute;top: 10%;left: 0;width: 100%;text-align: center;display: none; }
.form-annonce-alert { display: inline-block;width: 80%;padding: 30px;border-radius: 10px;border: 1px solid #d93333;color: #d93333;background: #ffcece;font-size: 14px;box-shadow: 0px 0px 80px #333; }
.rgpd { width: 100%;float: left;font-size: 12px;line-height: 16px;color: #000; }
.rgpd a { color: #c69145;font-weight: 600; }
.rgpd #rgpd { margin: 0 5px 0 0;display: inline-block;height: 20px;width: 20px; }
.rgpdChecked { font-size: 20px;margin-right: 5px;color: #80de12;display: none; }
.recaptcha { float: left;width: 100%;margin: 20px 0 30px 0; }
.form-control { border-color: #000;box-shadow: none; }



/* notifs */
.notif { position: fixed;top: 90px;right: -250px;z-index: 1001;background: #34ce8f;padding: 15px 30px;width: 250px; }
.notif #notif_msg { color: #fff;font-size: 15px;font-weight: 400;display: inline-block;line-height: 18px;text-align: right; }


/* Rhinov enlarge */
.rhinov-container { width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1001;background: rgba(0,0,0,0.8);display: none;justify-content: center;align-items: center; }
.rhinov-container .container { width: 100%;height: 100%;top: 0;left: 0;position: absolute; }
.rhinov-container .close-rhinov { position: absolute;top: 20px;right: 20px;font-size: 30px;font-weight: 700;box-shadow: 0 0 20px rgb(0 0 0 / 80%);width: 60px;border-radius: 50%;height: 60px;line-height: 60px;text-align: center;background: #fff;color: #000; }


/* -- Clearer -- */
.clearer { clear: both; }





/* ##################################################################################################### */
/* ##################################  R E S P O N S I V E  ############################################ */
/* ##################################################################################################### */
/* hauteur */
@media (max-height: 725px) {
	.keywords { height: 395px; }
	.search-block { height: 395px; }
	.search-block-container form select, .search-block-container form input { height: 36px;padding: 7px;margin: 0 0 8px 0; }
	.search-block-container form input.half { width: 47.9%; }
	.search-block-container form input.half.left { margin-right: 4px; }
	.search-block-container form input.half.right { margin-left: 4px; }
	.search-block-container .title { font-size: 14px; }
}

@media (max-width: 1199px) {
	
}
@media (max-width: 1080px) {
	.search-block { height: 436px; }
	.search-block-container form select, .search-block-container form input { height: 40px;margin: 0 0 11px 0; }
	.nav-block { width: 35%;margin-left: -35%; }
}
@media (max-width: 991px) {
	.header .logo .franchise { font-size: 11px;top: 59px;letter-spacing: -0.01em; }
	.header.black .logo .coldwell { left: 37px; }
	.header.black .logo .franchise { top: 12px;left: 37px;text-align: left; }
	.hashtag { margin: 10vh 0 5vh 0; }
	.footer { padding: 5vh; }
}
@media (max-width: 870px) {
	.footer { padding: 3vh; }
	.footer .right .social .rs { width: 50px;height: 50px;line-height: 50px;font-size: 20px;margin: 0 5px; }
	.footer .right .lks { font-size: 13px; }
	.footer .left .address { font-size: 13px; }
}
@media (max-width: 767px) {
	.header .burger { top: 15px;left: 15px; }
	.header .logo { top: 14px;left: 66px; }
	.header .glass { left: 18px;top: 53px; }
	.header.black .glass { top: 13px; }
	.nav-block { width: 50%;margin-left: -50%; }
	.hashtag { margin: 10vh 0;font-size: 100px; }
}
@media (max-width: 690px) {
	.search-block { left: 0;top: 0;width: 100%;height: 100%;z-index: 6;position: fixed;display: none; }
	.search-block.all { top: 0;left: 0 !important;height: 100%; }
	.search-block-container { width: 315px;height: auto;top: 100px; }
	.search-block-bg { opacity: 1; }
	.search-block.all .search-block-bg { height: 100%; }
}
@media (max-width: 650px) {
	.header.black .numTel { color: #fff;background: #000;padding: 5px 15px;top: 13px;border-radius: 20px;font-size: 16px; }
}
@media (max-width: 580px) {
	.nav-block { width: 75%;margin-left: -75%; }
	.footer .left { width: 100%; }
	.footer .right { width: 100%;margin: 25px 0 0 0; }
}
@media (max-width: 500px) {
	.header.black .logo .coldwell { display: none; }
	.header.black .logo .franchise { top: 0px; }
}
@media (max-width: 480px) {
	.header .mail { right: 97px; }
	.header .tel { right: 135px; }
	.header .logo { width: 120px; }
	.header .logo img.lg { width: 120px; }
	.header .logo .franchise { font-size: 8px;top: 42px; }
	.header .numTel { top: 71px;right: 0;background: #fff;text-align: center;padding: 15px 0;color: #000;width: 100%; }
	.header.black .numTel { top: 74px;padding: 10px 15px; }
	.search-block-container form select, .search-block-container form input { height: 36px;padding: 5px; }
}
@media (max-width: 410px) {
	.header.all .logo .franchise { display: none; }
}