/* =============================== Body et styles généraux ======================================= */
html,body { width: 100%;margin: 0;padding: 0;font-family: 'Montserrat', sans-serif;font-size: 14px;color: #464646;font-weight: 300;background: #fff; }

@font-face {
    font-family: 'Savoye LET';
    src: url('../fonts/SavoyeLetPlain.woff2') format('woff2'),
        url('../fonts/SavoyeLetPlain.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

a { -webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;outline: none !important; }
a:hover { text-decoration: none; }

.noResults{ 
	width: 100%;
	margin: 0 0 100px 0;
	color: #6a6b6d;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 22px;
}

/* HEADER */
header.headerHome{ width: 100%;height: 160px;position: absolute;top: 0;left: 0;z-index: 100; }
header.headerHome .headerContainer{ position: relative;height: 100vh; }
header.headerHome .headerContainer h1{ margin: 0 0 30px 0;color: #1b1b1b;font-size: 30px;font-weight: 500;font-family: 'Montserrat', sans-serif;text-transform: uppercase;text-align: center; }
header.headerHome .headerContainer .logo-container {width: 100%;margin: 10px 0 0 0;}
header.headerHome .headerContainer .logo-container img{ display: block;width: 150px;margin-left: 100px; }
header.headerAll .headerContainer { position: relative;margin-bottom: 70px;background-size: cover;background-repeat: no-repeat;background-position: center; }
header.headerAll .headerContainer h1{ margin: 0 0 30px 0;color: #1b1b1b;font-size: 30px;font-weight: 500;font-family: 'Montserrat', sans-serif;text-transform: uppercase;text-align: center; }
header.headerAll .headerContainer .logo-container {width: 100%;margin: 0;padding-top: 10px;}
header.headerAll .headerContainer .logo-container img{ display: block;width: 150px;margin-left: 100px; }
header.headerAll.headerContact .headerContainer{ margin-bottom: 0px; }

/* Fixed header */
.fixed-header { position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 99;padding: 10px;display: none;box-shadow: 0px 1px 7px #ccc; }
.fixed-header .logo { position: relative;left: 79px;top: -1px; }
.fixed-header .logo img { display: inline-block;width: 80px;margin: 0; }
/* Main nav */
.acces-rapides{ margin-top: 0px; }
.acces-rapides .ul{ width: 600px;margin: auto;padding: 0; }
.acces-rapides .ul li, .acces-rapides .ul li a
{ display: inline-block;list-style: none;text-align: center;text-transform: uppercase;color: #000;font-size: 12px;font-weight: 400;letter-spacing: 1px;font-family: 'Montserrat', sans-serif; }
.acces-rapides .ul li{ position: relative;width: 16%; }

.acces-rapides { position: absolute;top: 21px;left: 200px;display: inline-block; }
.acces-rapides .ul li .ssMenuAcheterFixed{ z-index: 0;background: rgba(255,255,255,.7);position: absolute;top: 45px;left: calc(50% - 100px);width: 200px;padding: 20px;display: none; }
.acces-rapides .ul li .ssMenuAcheterFixed li{ display: block;width: 100%;text-align: center;padding: 5px 0; }
.acces-rapides .ul li .ssMenuAcheterFixed li a{ text-align: center;text-transform: uppercase;color: #000;font-size: 10px;font-weight: 600;letter-spacing: 1px;font-family: 'Montserrat', sans-serif; }

.acces-rapides .ul li .ssMenuVendreFixed{ z-index: 0;background: rgba(255,255,255,.7);position: absolute;top: 45px;left: calc(50% - 100px);width: 200px;padding: 20px;display: none; }
.acces-rapides .ul li .ssMenuVendreFixed li{ display: block;width: 100%;text-align: center;padding: 5px 0; }
.acces-rapides .ul li .ssMenuVendreFixed li a{ text-align: center;text-transform: uppercase;color: #000;font-size: 10px;font-weight: 600;letter-spacing: 1px;font-family: 'Montserrat', sans-serif; }

.acces-rapides .ul li .ssMenuLouerFixed{ z-index: 0;background: rgba(255,255,255,.7);position: absolute;top: 45px;left: calc(50% - 100px);width: 200px;padding: 20px;display: none; }
.acces-rapides .ul li .ssMenuLouerFixed li{ display: block;width: 100%;text-align: center;padding: 5px 0; }
.acces-rapides .ul li .ssMenuLouerFixed li a{ text-align: center;text-transform: uppercase;color: #000;font-size: 10px;font-weight: 600;letter-spacing: 1px;font-family: 'Montserrat', sans-serif; }
/*.acces-rapides a { display: inline-block;color: #464646;text-transform: uppercase;margin: 0 20px 0 0;font-size: 12px; }*/

.acces-rapides .ul li .ssMenuAproposFixed{ z-index: 0;background: rgba(255,255,255,.7);position: absolute;top: 45px;left: calc(50% - 100px);width: 200px;padding: 20px;display: none; }
.acces-rapides .ul li .ssMenuAproposFixed li{ display: block;width: 100%;text-align: center;padding: 5px 0; }
.acces-rapides .ul li .ssMenuAproposFixed li a{ text-align: center;text-transform: uppercase;color: #000;font-size: 10px;font-weight: 600;letter-spacing: 1px;font-family: 'Montserrat', sans-serif; }

/* tog menu all pages */
.tog-menu { display: inline-block;background: transparent;border: 0;margin: 0;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;position: fixed;z-index: 101;left: 50px;top: 50px;width: 26px;height: 20px; }
.tog-menu .icon-bar { display: block;height: 2px;border-radius: 0;width: 26px;background: #333;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;position: relative; }
.tog-menu .icon-bar+.icon-bar { margin-top: 7px; }
.tog-menu.on .icon-bar:nth-child(1) { transform: rotate(45deg);top: 9px; }
.tog-menu.on .icon-bar:nth-child(2) { transform: rotate(-45deg);top: 9px;margin-top: -2px; }
.tog-menu.on .icon-bar:nth-child(3) { display: none; }
.tog-menu:hover { border: none;outline: none; }
.lateral-menu { position: fixed;top: 0;left: -33.333%;z-index: 99;height: 100%;width: 33.333%;background: #01b5d8;padding: 140px 50px 50px 50px; }
.lateral-menu ul { display: block;width: 100%;padding: 0;list-style: none; }
.lateral-menu ul li { width: 100%;padding: 5px 0 10px 0;text-align: left; }
.lateral-menu ul li a { color: #fff;font-size: 16px;line-height: 20px;font-weight: 600;text-transform: uppercase; }
.lateral-menu ul li a:hover { color: #333; }
.tog-menu.fixed { left: 20px;top: 20px; }


/* Main nav */
.mainMenu{ margin-top: 30px; }
.mainMenu .ul{ width: 920px;margin: auto;padding: 0; }
.mainMenu .ul li, .mainMenu .ul li a
{ display: inline-block;list-style: none;text-align: center;text-transform: uppercase;color: #000;font-size: 14px;font-weight: 600;letter-spacing: 1px;font-family: 'Montserrat', sans-serif; }
.mainMenu .ul li{ position: relative;width: 16%; }


/* Main nav sous menu */
.mainMenu .ul li .ssMenuAcheter{ position: absolute;width: 100%;padding: 0;opacity: 0;transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-ms-transition: opacity 0.5s;-o-transition: opacity 0.5s; }
.mainMenu .ul li .ssMenuAcheter:first-child{ padding: 10px 0 0 0; }
.mainMenu .ul li .ssMenuAcheter li{ display: block;width: 100%;text-align: center;padding: 10px 0 0 0; }
.mainMenu .ul li .ssMenuAcheter li a{ text-align: center;text-transform: uppercase;color: #000;font-size: 11px;font-weight: 600;letter-spacing: 1px;font-family: 'Montserrat', sans-serif; }

.mainMenu .ul li .ssMenuVendre{ position: absolute;width: 100%;padding: 0;opacity: 0;transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-ms-transition: opacity 0.5s;-o-transition: opacity 0.5s; }
.mainMenu .ul li .ssMenuVendre:first-child{ padding: 10px 0 0 0; }
.mainMenu .ul li .ssMenuVendre li{ display: block;width: 100%;text-align: center;padding: 10px 0 0 0; }
.mainMenu .ul li .ssMenuVendre li a{ text-align: center;text-transform: uppercase;color: #000;font-size: 11px;font-weight: 600;letter-spacing: 1px;font-family: 'Montserrat', sans-serif; }

.mainMenu .ul li .ssMenuLouer{ position: absolute;width: 100%;padding: 0;opacity: 0;transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-ms-transition: opacity 0.5s;-o-transition: opacity 0.5s; }
.mainMenu .ul li .ssMenuLouer:first-child{ padding: 10px 0 0 0; }
.mainMenu .ul li .ssMenuLouer li{ display: block;width: 100%;text-align: center;padding: 10px 0 0 0; }
.mainMenu .ul li .ssMenuLouer li a{ text-align: center;text-transform: uppercase;color: #000;font-size: 11px;font-weight: 600;letter-spacing: 1px;font-family: 'Montserrat', sans-serif; }

.mainMenu .ul li .ssMenuApropos{ position: absolute;width: 100%;padding: 0;opacity: 0;transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-ms-transition: opacity 0.5s;-o-transition: opacity 0.5s; }
.mainMenu .ul li .ssMenuApropos:first-child{ padding: 10px 0 0 0; }
.mainMenu .ul li .ssMenuApropos li{ display: block;width: 100%;text-align: center;padding: 10px 0 0 0; }
.mainMenu .ul li .ssMenuApropos li a{ text-align: center;text-transform: uppercase;color: #000;font-size: 11px;font-weight: 600;letter-spacing: 1px;font-family: 'Montserrat', sans-serif; }


/* Volet nav */
.nav-block { position: fixed;top: 0;left: 0;height: 100%;width: 320px;background: #fff;margin-left: -320px;z-index: 100;padding: 45px 35px 50px 35px;text-align: center; }
.list-nav { width: 100%;padding: 0;list-style: none; }
.list-nav li { display: block;padding: 10px 15px;width: 100%;text-align: center;text-transform: uppercase;color: #000;font-weight: 500;font-size: 14px;letter-spacing: 1px;font-family: 'Montserrat', sans-serif; }
.list-nav li a { display: block;color: #464646;text-transform: uppercase;letter-spacing: 0.1em;text-align: center;text-transform: uppercase;color: #000;font-size: 14px;letter-spacing: 1px;font-family: 'Montserrat', sans-serif; }
.list-nav li a:hover { background: #fff; }
.list-nav li.home img { width: 150px; }

/* Volet nav sous menu */
.nav-block .list-nav li .ssMenuAcheterRD{ width: 100%;padding: 0;display: none; }
.nav-block .list-nav li .ssMenuAcheterRD:first-child{ padding: 10px 0 0 0; }
.nav-block .list-nav li .ssMenuAcheterRD li{ display: block;width: 100%;text-align: center;padding: 10px 0 0 0; }
.nav-block .list-nav li .ssMenuAcheterRD li a{ text-align: center;text-transform: uppercase;color: #000;font-size: 11px;font-weight: 500;letter-spacing: 1px;font-family: 'Montserrat', sans-serif; }

.nav-block .list-nav li .ssMenuVendreRD{ width: 100%;padding: 0;display: none; }
.nav-block .list-nav li .ssMenuVendreRD:first-child{ padding: 10px 0 0 0; }
.nav-block .list-nav li .ssMenuVendreRD li{ display: block;width: 100%;text-align: center;padding: 10px 0 0 0; }
.nav-block .list-nav li .ssMenuVendreRD li a{ text-align: center;text-transform: uppercase;color: #000;font-size: 11px;font-weight: 500;letter-spacing: 1px;font-family: 'Montserrat', sans-serif; }

.nav-block .list-nav li .ssMenuLouerRD{ width: 100%;padding: 0;display: none; }
.nav-block .list-nav li .ssMenuLouerRD:first-child{ padding: 10px 0 0 0; }
.nav-block .list-nav li .ssMenuLouerRD li{ display: block;width: 100%;text-align: center;padding: 10px 0 0 0; }
.nav-block .list-nav li .ssMenuLouerRD li a{ text-align: center;text-transform: uppercase;color: #000;font-size: 11px;font-weight: 500;letter-spacing: 1px;font-family: 'Montserrat', sans-serif; }

.nav-block .list-nav li .ssMenuAproposRD{ width: 100%;padding: 0;display: none; }
.nav-block .list-nav li .ssMenuAproposRD:first-child{ padding: 10px 0 0 0; }
.nav-block .list-nav li .ssMenuAproposRD li{ display: block;width: 100%;text-align: center;padding: 10px 0 0 0; }
.nav-block .list-nav li .ssMenuAproposRD li a{ text-align: center;text-transform: uppercase;color: #000;font-size: 11px;font-weight: 500;letter-spacing: 1px;font-family: 'Montserrat', sans-serif; }



/* contact zone */
.contact-zone { position: absolute;top: 50px;right: 50px;width: 300px; }
.contact-zone .address { display: block;text-align: right;text-transform: uppercase;font-size: 12px; }
.contact-zone .city { display: block;text-align: right;font-weight: bold;text-transform: uppercase;font-size: 12px; }
.contact-zone .lg-container { display: block;text-align: right;margin: 5px 0; }
.contact-zone .lg-container a { display: inline-block;margin: 0 5px;font-size: 14px;color: #1b1b1b;font-weight: 600; }
.contact-zone .lg-container a:hover { color: #af9e6c; }
.contact-zone .lg-container.fixed { position: fixed;top: 18px;right: 20px;z-index: 100; }
.contact-zone .tel { display: block;text-align: right;font-size: 13px;margin: 5px 0;font-style: italic;position: relative;z-index: 100;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
.contact-zone .tel span { font-weight: 700; }
.contact-zone .tel.fixed { position: fixed;top: 7px;right: 15px;line-height: 16px; }
.lk-selection { display: inline-block;float: right;text-align: right;position: relative; }
.lk-selection img { width: 40px;position: relative;top: -13px; }
.lk-selection .nb { display: inline-block;position: absolute;text-align: center;top: 0px;right: 0px;font-weight: 600;width: 40px; }
.avisGg { text-align: right;display: inline-block;float: right;text-decoration: none;padding: 10px; }
.avisGg i { display: inline-block;margin: 0px;color: #ecbc28;text-decoration: none; }



/* page layout */
.page-layout { float: left;width: 100%;height: auto;padding: 12px 100px 100px 100px; }
.layout-content { margin: 0;float: left;width: 100%;position: relative;z-index: 1; }



/* footer */
footer { width: 100%;background: #1b1b1b;color: #fff; }
footer .footerContainer{width: 80%;margin: auto;}
footer .footerContainer .coordContainer { float: left;width: 33%;padding: 50px;text-align: right; }
footer .footerContainer .coordContainer img{ display: inline-block;width: 150px;margin-bottom: 20px;margin-right: -10px; }
footer .footerContainer .coordContainer .ville{ display: block;}
footer .footerContainer .coordContainer .ville a{ margin-right: -7px;display: block;text-transform: uppercase;font-weight: 600;letter-spacing: 5px;padding-bottom: 10px;
	text-align: right;color: #fff;text-decoration: none; }
	footer .footerContainer .coordContainer .ville a:hover{ color: #6a6b6d; }
footer .footerContainer .coordContainer .coord { display: block;font-size: 13px;letter-spacing: 0.03em;border-right: 1px solid #fff;padding-top: 30px;padding-right: 20px;text-align: right; }
footer .footerContainer .coordContainer .coord .address { display: block;margin: 0 0 20px 0;line-height: 24px; }
footer .footerContainer .coordContainer .coord .address strong{ font-weight: 500; }
footer .footerContainer .coordContainer .coord .tel a{ padding-top: 20px;font-weight: 500;color: #af9e6c;font-weight: 600;font-size: 16px;letter-spacing: 2px;text-decoration: none; }
footer .footerContainer .coordContainer .coord .tel a:hover{ color: #6a6b6d; }
footer .footerContainer .coordContainer .coord .tel strong a{ display: block;padding-top: 20px;font-weight: 500;color: #af9e6c;font-weight: 500;font-size: 14px;letter-spacing: 0px;text-decoration: none; }
footer .footerContainer .coordContainer .coord .tel strong a:hover{ color: #6a6b6d; }

footer .links { display: block;padding: 10px 50px;font-size: 13px;background: #090909;text-align: center; }
footer .links span {font-weight: 400;color: #9a9a9a;padding-right: 20px;font-family: 'PT Serif', sans-serif; }
footer .links a {font-weight: 400;color: #9a9a9a;padding: 0 20px;font-family: 'PT Serif', sans-serif; }
footer .links a:hover { color: #fff;text-decoration: none; }
.social{ z-index: 9999;position: fixed;right: 0px;top: calc(100vh - 65%); }
.social .ic { width: 45px;height: 45px;line-height: 45px;text-align: center;display: block;margin: 10px;border-radius: 50%;border: 1px solid #464646;font-size: 20px;color: #464646; }
.social .ic:hover { background: #464646;color: #fff; }



/* modals */
.modal-header{ background: #af9e6c;color: #fff;text-transform: uppercase;border: none;}
.modal-title { text-align: center; }
#listeSelec .item { width: 50%;padding: 10px; }
#listeSelec .item .thumb { height: 200px;margin: 0 0 6px 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: 1.2em; }
.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: #f1f1f1;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: #af9e6c; }
#modalContact .modal-body p { margin: 0 0 10px 0;color: #fff; }
#modalContact .modal-body p span { font-weight: 600; }
#modalContact .modal-body .valid { text-align: center; }
#modalContact .modal-body .valid .btn { letter-spacing: 1px;font-family: 'PT Serif', sans-serif;border-radius: 0px;background: #1b1b1b;color: #fff;padding: 7px 25px;font-size: 16px;border: none;outline: none;font-style: italic;font-weight: 500; }
#modalContact .modal-body .valid .btn:hover{ background: #6a6b6d; }
#modalContact .modal-header { border: 0; }
#modalTel { z-index: 1049 !important; }
#modalTel .modal-body { background: #af9e6c; }
#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: #1b1b1b;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; }


/* 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: #008da8;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%;font-size: 12px;line-height: 20px;color: #fff; }
.rgpd a { color: #fff;font-weight: 600; }
.rgpd a:hover { color: #1b1b1b; }
.rgpd #rgpd { margin: 0 5px 0 0;display: inline-block;height: 20px;width: 20px; }
.rgpdChecked { font-size: 20px;margin-right: 5px;color: #1b1b1b;display: none; }
.form-detail .form-control{ border: none !important;outline: none !important;border-radius: 0px !important; }


/* -- Clearer -- */
.clearer { clear: both; }

span.bdo-custom {
	position: absolute!important;
	top: 59px!important;
	left: -60px!important;
	background: #a90506;
	transform: rotate(-45deg)!important;
	padding: 13px 56px!important;
	width: 242px!important;
	text-align: center!important;
	color: #FFF!important;
	font-weight: bold;
	text-transform: uppercase!important;
	line-height: 2px!important;
	overflow: hidden!important;
	z-index: 10!important;
	/* position: relative!important; */
	height: auto!important;
	-webkit-transition: inherit!important;
	display: block!important;
	font-size: 12px;
	text-indent: inherit!important;
}

/* ##################################################################################################### */
/* ##################################  R E S P O N S I V E  ############################################ */
/* ##################################################################################################### */
@media (max-width: 1200px) {
	/*.nav-block { padding: 100px 20px 50px 20px;width: 40%;margin-left: -40%; }
	.tog-menu { left: 30px;top: 30px; }
	.search-ref { left: 24px;top: 63px; }
	.moteur-container { padding: 20px 50px; }
	.page-layout { padding: 12px 50px 50px 50px; }*/	
	footer .footerContainer {
	    width: 100%;
	    margin: auto;
	}
}

@media (max-width: 992px) {
	.mainMenu{
        display: none;
    }

    header.headerHome .tog-menu{
    	top: 35px;
    	left: 20px;
    }

    header.headerAll .tog-menu{
    	left: 20px;
    }

    header.headerHome .headerContainer .logo-container img,
    header.headerAll .headerContainer .logo-container img {
	    width: 100px;
	    margin-top: 15px;
	    margin-left: 65px;
	}

	header.headerHome .contact-zone {
	    top: 15px;
	    right: 20px;
	}

	header.headerAll .contact-zone {
	    right: 20px;
	}

    header.headerHome .headerContainer h1{
    	margin: 30px 0;
    	font-size: 20px;
    }

    header.headerAll .headerContainer h1{
    	margin: 30px 0 50px 0;
    	font-size: 20px;
    }

	.acces-rapides { 
		display: none; 
	}

	footer .footerContainer .coordContainer{
		float: none;
		width: 220px;
		margin: auto;
	    padding: 50px 0px;
	}
}

@media (max-width: 768px) {
	.social {
	    position: static;
	    width: 290px;
	    margin: auto;
	}

	.social .ic {
		display: inline-block;
	    margin: 30px 5px 0 5px;
	    color: #888;
	    border: 1px solid #888;
	}
}