/* CSS3 Reset
---------------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,
mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;text-align: left; vertical-align: top; box-sizing: border-box; }
* {box-sizing: border-box; }
body{line-height:1;}
canvas,details,figcaption,footer,header,hgroup,menu,nav,section,summary{display:block; vertical-align: top;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{ text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle; font-size: 15px;box-sizing: border-box; }
form{font-size:0;}

@font-face {
	font-family: 'LatoLatinThin'; 
	src: url('../fonts/LatoLatinThin-Regular.eot'); /* IE9 Compat Modes */ 
	src: url('../fonts/LatoLatinThin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/LatoLatinThin-Regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/LatoLatinThin-Regular.ttf') format('truetype'); 
	font-style: normal; 
	font-weight: normal; 
	text-rendering: optimizeLegibility;
}
@font-face {font-family: 'LatoLatin'; src: url('../fonts/LatoLatin-Regular.eot'); /* IE9 Compat Modes */src: url('../fonts/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('../fonts/LatoLatin-Regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/LatoLatin-Regular.ttf') format('truetype'); font-style: normal;font-weight: normal; text-rendering: optimizeLegibility;}
@font-face {font-family: 'LatoLatinLight';src: url('../fonts/LatoLatinLight-Regular.eot'); /* IE9 Compat Modes */  src: url('../fonts/LatoLatinLight-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/LatoLatinLight-Regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/LatoLatinLight-Regular.ttf') format('truetype'); font-style: normal;font-weight: normal; text-rendering: optimizeLegibility;}
@font-face {font-family: 'LatoLatinHair'; src: url('../fonts/LatoLatinHair-Regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/LatoLatinHair-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        url('../fonts/LatoLatinHair-Regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/LatoLatinHair-Regular.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility;}

body {color: #535353;
	font-size: 13px;
	line-height: 18px;
	font-family: LatoLatin, Arial, Helvetica, sans-serif;
	background: #e5e5e5;
}
.wrap {max-width: 1000px; margin: 0 auto; font-size:0;}
.wrap.cnt_zone {margin: 20px auto;}
.breadcrumb {background: #fff; box-shadow: 0 5px 10px rgba(0,1,1,.3); padding: 10px 0 8px; border-top: 2px solid #8fbe13; margin-bottom: 35px; position:relative; }
.breadcrumb > .wrap {font-size: 12px; font-weight: bold; }
.breadcrumb > .wrap a {font-weight: normal;}
.breadcrumb > .wrap a:after {content: " > ";}
.breadcrumb .sideLink {white-space: nowrap; position:absolute; top:10px; right:calc((100% - 1000px) / 2); color:#920f7a; font-weight: bold;}
.breadcrumb .sideLink.provider {color:#920f7a; }
.breadcrumb .sideLink.agency {color:#d61576; }
a {text-decoration: none; color: #646464;}
a.decorated {text-decoration: underline;}
a[href^="mailto:"] {color: blue;}

h1 {font-size: 40px; margin:30px 0 30px 0; font-weight: normal; /* position: relative; font-weight: normal; margin-bottom: 50px; width: 100%; text-align: center;*/}
h2 {font-size: 21px; margin-bottom: 20px;}
h3 {font-size: 18px; margin-bottom: 0px; margin-top:20px; line-height: 27px;}
.price {color:#8fbe13; font-size: 23px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.47);}
ul {list-style: none; font-size: 0;}
ul li {font-size: 13px; display: inline-block;}
figure > img {width: 100%; /*border-bottom: 2px solid #999;*/}
.full {width: 100%; text-align: center; display: block;}

.digi-gallery .thumbs li.select::after {
	box-shadow: 1px 1px 50px 0 #fff inset;
	border: none;
	top:0; left:30px;
/*	border-radius: 70px;*/
	width: 137px; height: 137px;
}

.title_btn {
	background: #fff;
	font-weight: bold;
	text-transform: uppercase;
	width: 255px;
	text-align: center;
	position: absolute;
	top: -22px;
	left: 252px;
	border: 3px double #E4E4E4;
	padding: 10px 15px; 
}
.title_btn.formulaire {background: #ff0000;}

.btn, form .btn, 
form input[type='button'].btn,
form input[type='submit'].btn,
form button.btn {color: #fff; text-align: center; font-size: 16px;	border: none; cursor: pointer; min-width: 290px; background: #8fbe13; height: auto; padding: 11px 0;/* margin-top: 50px;*/}
.btn_reg {color: #fff; padding: 4px 12px 5px 40px; text-align: center; font-size: 12px; border: none; margin-top: 20px; background: url("../../img/design/reg.jpg") no-repeat #000; cursor: pointer;}
section {font-size: 0;}
section > h2 {text-transform: uppercase;}
article {margin-bottom: 16px;}
article, article p, figure, span, .digiForm {display: inline-block; vertical-align: top;}
.center {text-align: center; width: 100%;}
i.fa-angle-double-down {padding: 6px 15px 4px; box-sizing: border-box; font-size: 24px; color: #8fbe13; text-align: center; vertical-align: top;}
i.fa-angle-double-down:hover {background: #8fbe13; color: #fff; opacity: 1;}

.btn.small { font-size:12px; padding:6px 0;}
.btn.medium {font-size:15px;padding:8px 0;}
.btn.large {font-size:20px;padding:16px 0;}

.btn > i {color:#fff; font-size:16px;}

/*Common-----------------------------------------------------------------*/
.navPrevNext .btnNav {font-family: 'LatoLatinThin';	background: #f2f2f2; font-size: 44px; /*color: #535353;*/}
.navPrevNext .btnNav.active, .navPrevNext .btnNav:hover {background: #fff; color: #8fbe13;}

.achat {color: #8fbe13;}
.neuf {color: #f18f18;}
.vente {color: #15cbce;}
.agence  {color: #d61576;}
.prestataire {color: #920f7a;}
.red {color: #d70000;}


.half {font-size: 0; display: inline-block; width: 50%; box-sizing: border-box;}
form fieldset legend {
	background: #f2f2f2;
	padding: 25px 0 23px 20px;
	box-sizing: padding-box;
	width: 100%;
	color: #8fbe13;
	font-size: 25px;
	border-bottom: 1px solid #E2E2E2;
}
form fieldset.half.saved > article {padding: 15px 20px 0; box-sizing: padding-box; color: #8fbe13;}

form input[type='text'], form input[type='email'], form input[type='password'], form input[type='tel'], 
form input[type='submit'], form input[type='button'], textarea, option, select {
	border: 1px solid #ccc;
	color: #535353;
	display: block;
	font-size: 12px;
	height: 33px;
	width:100%;
	padding: 6px 0 5px 8px;
	font-family: Arial, sans-serif;
	border-right: 1px solid #ccc;
}
.btn_digi_wrap {margin-top: -1px; width: 100%;}
.btn_digi_wrap > button, 
.btn_digi_wrap > input[type="button"], 
.btn_digi_wrap > input[type="submit"] {
	width: 100%; 
	padding: 10px 0; 
	height: 40px;
	background: #8fbe13; 
	color: #fff; 
	font-size: 13px; 
	height: 40px;
	cursor: pointer;
}
input[type="file"] {
	background:#8fbe13;
	cursor: pointer;
}
form article {margin: 40px 0px 10px 0; font-size: 14px; position: relative; z-index: 0;}
form article label {padding: 2px 0 2px 4px; position: absolute; top: -22px; background-color: #ccc; font-size: 13px;}
form article label:after {
	position: absolute; 
	right: -25px; 
	top:0;
	z-index:-1;
	width: 0; 
	height: 0;
	content: "";
	border-right: 25px solid transparent;
	border-bottom: 23px solid #ccc;
}
form div.name div.active > label,
form article:hover > label, 
form article.active > label {background: #8fbe13; color: #fff;}	
form div.name div.active > label:after,
form div.name div:hover > label:after,
form article:hover > label:after, 
form article.active > label:after {border-bottom: 23px solid #8fbe13;}	
form article:hover input[type="text"],
form article:hover input[type="tel"],
form article:hover input[type="email"], 
form article.active input {/*border-right: 4px solid #8fbe13;*/}
form .filter_item  div.name:hover > li > input[type="text"],
form .filter_item  article:hover > li > input[type="text"],
form .filter_item  article:hover > li > input[type="tel"],
form .filter_item  article:hover > li > input[type="email"], 
form .filter_item  article.active > li > input {border-right: none;}
input[type="radio"] {padding-left: 5px; border: none; width: 10px; height: 10px; margin-bottom: 4px; margin-left: 0;}

textarea {height: 80px;}

.digiForm {width:100%;}
.digiForm div {display: inline-block;}
.digiForm .trombiPicture {width:100%;}
.digiForm .trombiPicture figure {display: inline-block; width: 50%;}
.digiForm .trombiPicture .newPic {display: inline-block; width: 40%; padding: 10px 0; 
	height: 40px;
	background: #8fbe13; 
	color: #fff; 
	font-size: 13px; 
	height: 40px;
	cursor: pointer;
	text-align: center;}


form article.error label { color:#d00;}
form article.error input { border-color:#d00; color:#d00; box-shadow : 0 1px 4px rgba(0, 0, 0, 0.2) inset, 0 0 2px 1px rgba(240, 61, 31, 0.3);}
ul.error {background : #B71D21; padding:20px;}
ul.error li {list-style: circle; margin-left:10px;	color:#fff;	margin-bottom: 3px;}

.like {display: inline-block;}
.like i {color: #d70000; font-size: 28px;}
i:hover {opacity: 0.7;}
/*M / Mme ----------------------------------------------------------------------*/
form .inputName {
	position: relative;
	z-index: 0;
	height: 31px;
	width: 100%;
	padding: 0;
	font-size: 0;
}
form .btn_digi_radio {
/*	background: none repeat scroll 0 0 rgb(255, 0, 0);*/
	font-size: 0;
	left: -1px;
	position: relative;
	z-index: 1;
	display: inline-block;
}
form .inputName .formRadio {width: 95px; display: inline-block; margin: 0;}
form .formRadio label {display: none;}
form .inputName .name {font-size: 0; display: inline-block; width: calc(100% - 80px);}
form .inputName .name div {display: inline-block;}
form .inputName .name div:first-child {width: calc((100% + 80px)/2 - 80px);}
form .inputName .name div:last-child {width: calc((100% + 80px)/2);}
form.form_profil > fieldset > .inputName .name {left: 80px;}
form.form_profil .inputName .name:last-child {}
/*form .inputName .name:last-child {left: 80px;}*/
form .inputName #name2 {padding-left: 12px;}
form .inputName .name label {padding: 2px 0 1px 4px; position: absolute; top: -21px; background: #ccc; font-size: 13px;}
form .inputName .name div:hover label{background: #8fbe13;}

form .inputName .name div:first-child input {width: 88%;}
form .inputName .name div:last-child input {width: 90%;}
.radio-grp-field span.selected {
	background-color:red;
 	background-image: linear-gradient(to bottom, #8fbe13, #8fbe13);
 	color: #fff;
 	font-weight: bold;
}
.radio-grp-field span {
	background-color: #ccc;
	border-right: 1px solid rgb(136, 136, 136);
	border-radius: 0;
	cursor: pointer;
	height: 33px;
	width: 40px;
	margin: 0;
	padding: 6px 5px;
	text-align: center;
	font-size: 14px;
	display: inline-block;
}
.radio-grp-field li:last-child span {border: none;}
/*.radio-grp-field li:first-child span {border-bottom-left-radius: 3px; border-top-left-radius: 3px;}
.radio-grp-field li:last-child span {border-bottom-right-radius: 3px; border-top-right-radius: 3px;}*/
/*.size_co .radio-grp-field span:last-child {border-bottom-right-radius: 3px; border-top-right-radius: 3px; }*/
.radio-grp label, .radio-grp input, .radio-grp-field input {display: none;}


.checkbox-field { display: inline-block; }
.checkbox input, .checkbox-field input { display: none; }
.checkbox-field .cadre { border: 1px solid #ccc; cursor: pointer; width:auto; display: inline-block; white-space: nowrap; }
.checkbox-field .cadre .button {
	vertical-align: middle;
	background-color:#F5F5F5;
    background: linear-gradient(to top, #eee, #F9F9F9);
	line-height: 12px;
	display: inline-block;
	font-size:10px;
	border: 1px solid;
	border-color: #F5F5F5 #F1F1F1  #efefef #F1F1F1;
	padding:3px 2px 3px 4px;
	color:#ccc;
	width:22px;
	line-height: 13px;
	text-align: center;
	margin: 0;
	letter-spacing: 0.19em;
}
.checkbox-field .cadre .button::after {
	content: "|||";
}
.checkbox-field .cadre:hover .button {
   background: linear-gradient(to top, #ddd, #eee);
}
.checkbox-field .cadre.off div:last-child,
.checkbox-field .cadre.on div:first-child {
	vertical-align: middle;
	color:#fff; 
	height: 15px;
	background-color:#a66; 
	background-image: linear-gradient(to bottom, #e99, #c77);
	display: inline-block;
	padding:3px 6px;
	font-size:11px;
	line-height: 15px;
	font-weight: bold;
	text-align: center;
	width:auto;
	min-width: 26px;
	margin: 0;
}
.checkbox-field .cadre.on div:first-child {background-color:#9c6;background-image: linear-gradient(to bottom, #9c6, #694); height: 15px;}
.checkbox-field .cadre.disable .button{ background-color:#FaFaFa; background-image: linear-gradient(to top, #f9f9f9, #FcFcFc); }
.checkbox-field .cadre.disable.off div:last-child	{ background-color:#a66;	background-image: linear-gradient(to bottom, #fcc, #dbb); }
.checkbox-field .cadre.disable.on div:first-child	{ background-color:#bd9;	background-image: linear-gradient(to bottom, #cda, #ab8); }
.checkbox-field .cadre [class*=" i-"] { font-size:14px; font-weight:normal; }
.checkbox-field.small .cadre.on div, .checkbox-field.small .cadre.off div {
	font-size: 8px; line-height: 8px;
	padding:2px 6px 3px 6px;
}
.checkbox-field.medium .cadre.on div, .checkbox-field.medium .cadre.off div {
	font-size: 9px;
}

input[type='text']::-webkit-input-placeholder{ color:#999; font-style: italic;}
input[type='text']::-moz-placeholder{ color:#999; font-style: italic;}
input[type='text']:-ms-input-placeholder { color:#999; font-style: italic;}
input[type='text']:-moz-placeholder{ color:#999; font-style: italic;}




/*Header----------------------------------------------------------------------*/
header {width: 100%; position: relative; z-index: 4;}
header:after {
    box-shadow: 0 10px rgba(0, 0, 0, 0.3) inset;
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    z-index: 2000;
    color: #fff;
}
header .over_header {background: #f2f2f2;}
header .over_header ul {text-align: right;}
header .over_header ul li {padding: 8px 17px 7px 17px; font-size: 12px;}
header .over_header ul li:last-child {padding-right: 0; position: relative;}
header .over_header li a i {font-size: 20px;}
header .over_header li a:hover, header .over_header li a i:hover {color: #8fbe13;}
header .over_header ul li a {font-size: 12px; cursor: pointer;}
.header_wrap {
	background: url("../../img/design/bg-1.gif") repeat rgba(0, 0, 0, 0);
	margin: 46px 0 48px;
	border-bottom: 3px double #E4E4E4;
	border-top: 3px double #E4E4E4;
	height:325px; 
	position: relative;
	z-index: 0;
}
nav {background: #fcfcfc; border-top: 2px solid #151515;/*-webkit-box-shadow: 0 5px 10px rgba(0,1,1,.3); -moz-box-shadow: 0 5px 10px rgba(0,1,1,.3);	*/box-shadow: 0 5px 10px rgba(0,1,1,.3); position: relative; z-index: 2;} 
nav.menu .wrap {position: relative; text-align: right;} 
nav.menu .logo {position: absolute; top:20px; left: 0;}
nav.menu .logo img {width: 200px;}
nav.menu ul {display: inline-block;  margin-top: -2px;}
nav.menu ul li {text-align: center; border-top: 2px #151515 solid; border-bottom: 2px #fcfcfc solid;}
nav.menu ul li a {display:block; color: #252525; font-size: 18px; padding: 22px 15px 23px; margin-top: 2px; font-family: LatoLatin;}
nav.menu li a:hover {color: #8fbe13;}
nav.menu ul li:last-child a {padding-right: 0;}
nav.menu ul li:hover,nav ul li.active {border-top: 2px #8fbe13 solid; border-bottom: 2px #8fbe13 solid; color: #8fbe13;}

.over_header .account_nav {
	position: absolute;
	top: 35px;
	background: #f2f2f2;
	z-index: 4;
	box-shadow: 0 5px 10px rgba(0, 1, 1, 0.3);
	padding: 0 15px;
	width: 156px;
	display: none;
}
.over_header .account_nav.active {display: block;}
.over_header .account_nav li {text-align: left; padding: 8px 0; display: block;}
.over_header .account_nav li i {font-size: 12px; vertical-align: baseline; padding: 0 3px 0 0;}

/* Search ---------------------------------*/
.search {background: #fff; border-top: 2px solid #8fbe13; padding-top: 10px;}
.search .dropped-checkbox {display: none; height: 0;}
.search div article {display: inline-block; width: calc(100% - 210px); padding: 14px 23px; box-sizing: border-box;}
.search div > form > article:first-child {margin-bottom: 0;z-index:2;}
.search div article.center {width: 100%;}
article.center input.btn_digi {margin: 0 auto; padding: 10px 48%; vertical-align: middle; height: auto; background: #8fbe13; color: #fff; font-size:18px; font-weight: bold; cursor: pointer;}
.search div > form > article:last-child {width: 100%;}
.search div aside {display: inline-block; width: 208px; padding-top: 20px;}
.search ul.prp_filter li {
	cursor: pointer;
	font-weight: normal;
	display: inline-block;
	font-size: 16px;
	background: #f2f2f2;
	width: auto;
	padding: 10px 15px 10px 30px;
	border: 1px solid #e5e5e5;
	position:relative;
	margin: 0 10px 10px 0;
}
.search ul.prp_filter li.active {color: #fff; background: #8fbe13;}
.search ul.prp_filter li.active span::before {position:absolute; left:10px; top:10px; font-family: FontAwesome; content:"\f00c "; font-size:16px; color:#fff;}
.search ul.prp_filter li input {display: none;}
.search form fieldset > article {padding: 0; position: relative; margin: 0 0 10px;}
.search form fieldset > article input[type="text"] {background: #f2f2f2; width: 100%; height: 50px; box-sizing: border-box;}
.search form fieldset > article button {
	background: #8fbe13;
	position: absolute;
	right: 0;
	top: 0;
	box-sizing: padding-box;
	width: 50px;
	height: 50px;
	border: none;
	color: #fff;
	font-size: 23px;
	cursor: pointer;
}
.search .filter_item > article {display: inline-block; padding: 0 20px 0 0; margin: 0; box-sizing: padding-box; width: auto; vertical-align: top;}
.search .filter_item > article > ul li {padding: 5px 0 5px 8px; box-sizing: padding-box;}
.search .filter_item > article:first-child {width: 25%; padding: 0;}
.search .filter_item > article:last-child {width: 9%; text-align: right; padding: 0 0 0 32px;}
.search .filter_item .filter_type {list-style: inside; display: inline-block; padding-right: 27px;}
.search .droppedCheckbox {position:relative; z-index:4;}
.search .droppedCheckbox ul {display: none; background: #eee; position:absolute; z-index:100;}
.search .droppedCheckbox li {
	display: list-item;
	list-style-type: none;
	width: 130px;
	height: 31px;
	border: 1px solid #e5e5e5;
	border-top: none;
	padding: 5px 0 5px 8px;
	box-sizing: padding-box;
	cursor: pointer;
}
.search .droppedCheckbox div {border: 1px solid #e5e5e5; position: relative; min-width: 130px; height: 31px; padding: 4px 0 5px 8px; box-sizing: padding-box; cursor: pointer;}
.search .filter_item .droppedCheckbox div {width:150px;}

.search .droppedCheckbox div span {overflow: hidden; display: block; width: 100%; white-space: nowrap;}
.search .droppedCheckbox div > i {
	position: absolute;
	right: -26px;
	top: -1px;
	color: #fff;
	width: 26px;
	height: 33px;
	font-size: 20px;
	padding: 0 0 0 6px;
	background: #e5e5e5;
	box-sizing: padding-box;
}
.search .droppedCheckbox li.active {background: #555; color:#fff;}
.search .droppedCheckbox li.active i {color: #8fbe13;}
/*.search .droppedCheckbox li {}*/
/*.search .droppedCheckbox li:first-child {display: normal;}*/
.search .droppedCheckbox li span, .search .droppedCheckbox li i {display: inline-block;}
.search .droppedCheckbox li span {width: 80%;}
.search .droppedCheckbox li i {color: #bbb; width: 10%;}

.search .filter_item > article > ul.filter_sg_feet li, .search .filter_item > article > ul.filter_price li {padding: 0;}
.filter_sg_feet li input, .filter_price li input {width: 110px; border: 1px solid #e5e5e5; border-right: none;}
.search .filter_item > article > ul.filter_sg_feet li:last-child,
.search .filter_item > article > ul.filter_price li:last-child {
	width: 30px;
	border: none;
	color: #fff;
	background: #ccc;
	height: 33px;
	box-sizing: border-box;
	padding: 9px 0;
	text-align: center;
}
.search .filter_item article > a {font-size: 20px; color: #8fbe13; padding: 7px 0 0 0; display: block; font-family: 'LatoLatinThin';}
.search .filter_item article > a:hover {border-bottom: 1px dotted;}

.search .filter_full {display: none; position:relative;}
.search .filter_full.active {display: block;}
.search .filter_full > div {display: flex; width: 100%; text-align: right; justify-content: space-between; }
.close {
	border: none;
	background: #fff;
	color: #8fbe13;
	font-size: 30px;
	font-family: 'LatoLatinThin';
	cursor: pointer;
	z-index:10;
}

.mapSearch.full .search .saveSearch {
	display: none;
	justify-content: space-between; 
	padding: 10px 0 20px 0;
}
.mapSearch.full .search .saveSearch button {width:auto;}
.mapSearch.full .search .saveSearch.on {
	display: flex;
	justify-content: space-between; 

}
.search .openSaveSearch {
    color: #8fbe13;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    text-align: left;
}
.search .openSaveSearch:hover {
	text-decoration: underline;
}


article.check ul > li > label::after {display: none;} 

.search .filter_full > article {padding: 0;}
.search .filter_full > article.option {display: inline-block; width: 49%; padding: 0 0 40px;}
.search .filter_full > article > div, .search .filter_full > article > div select {width: 90%;}
.search .filter_full > article select {font-size:14px; }
.search .filter_full > article option {height: 24px; font-size:14px; padding: 4px 0;}
.search article.check > div {width: 100%;}
.search article.check {border-top: #f2f2f2 solid 2px; width: 100%;}
.search article.check li {width: 20%; padding: 5px 10px 0 0; display:inline-flex;}
.search article.check li:nth-child(5n) {padding: 5px 0 0 40px; width: 7%;}
.search article.check li input, .search .check li span {display: inline-block;}
.search article.check li span {padding: 2px 0 0 5px;}
.search article.check li > label {position: static; background: none; padding: 0 0 0 4px; vertical-align: text-bottom; flex:1; cursor: pointer;}
.search .bigFrMap {position:relative; cursor: none; width:100%;}
.search .visorY {
	position:absolute;
	border:dotted rgba(200, 0, 100, 0.9);
	border-width: 0px 1px;
	width:5px;
	height:100%;
	z-index:1;
	top:0;
	display: none;
}
.search .visorX {
	position:absolute;
	border:dotted rgba(200, 0, 100, 0.9);
	border-width: 1px 0px;
	height:5px;
	width:100%;
	z-index:1;
	left:0;
	display: none;
}

/* Footer ---------------------------------*/
body > footer {
	width:100%;
	min-height: 255px;
	color: #fff;
	background: #151515;	
	font-size: 14px;
	padding-top: 60px;
}
footer > body > ul {padding: 57px 10px 20px;}
body > footer ul > li > ul {padding: 0;}
body > footer ul > li {display:inline-block; margin-right: 80px;}
body > footer ul > li:last-child {margin-right: 0; }
body > footer li > h3 {font-size: 17px; font-weight: normal; letter-spacing: 0.01em; color: #fff;}
body > footer li a {text-decoration:none; color: #fff;}
body > footer ul li>ul li, 
body > footer ul li>ul li:last-child {display: block; line-height: 1.8em; margin-right: 0;}	
body > footer ul>li>ul>li>form {text-align: left;}
body > footer ul>li:nth-child(3n+3) {margin-right: 130px;}
body > footer ul>li>ul>li:nth-child(3n+3) {margin-right: 0;}
body > footer ul>li>ul>li:nth-child(even) {border-bottom: 2px ridge #282b34; padding-bottom: 20px;}
body > footer ul>li>ul>li:nth-child(odd) {padding-top: 20px;}
body > footer ul>li>ul>li:first-child {padding-top: 0;}
body > footer ul>li>ul>li:last-child {border-bottom: none;}
body > footer ul li ul li a {font-size: 15px;}
body > footer ul li ul li a:hover {color: #999;}
body > footer ul li ul li.btn_footer a.btn_digi {margin-right: 0; font-size: 13px;}
footer .picto_hexa {
	width: 22px;
	height: 20px;
	background:url("../../img/design/hexa_bg.png") no-repeat;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	margin-right: 20px;
	margin-top: 8px;
}
body > footer ul>li>ul>li span.foot_span {margin-left: 45px;}
body > footer form {text-align: right;}
body > footer form .inputName .name {width: calc(100% - 80px); left: 79px;}
form.contact_form {font-size: 0; text-align: left;}
form.contact_form article {display: block; margin: 5px 0;}
form.contact_form article.btn_digi_wrap {margin: -6px 0 0 0;}
form.contact_form article > div > ul > li, form.contact_form article > div > ul > li:last-child {display: inline-block;}

form.contact_form input, form.contact_form textarea {width: 100%; border: 1px solid #888;}
form.contact_form textarea {height: 105px; margin-bottom: 0;}
form.contact_form input.btn_digi {background: #535353;}
form.contact_form input.btn_digi:hover {background: #8fbe13;}

.foot_bottom {width: 100%; height: 50px; background: #1c1d22; color: #646464; vertical-align: bottom;margin-top: 20px;}
.foot_bottom ul, .foot_bottom ul li {display: inline-block;}
.foot_bottom ul {margin: 19px 400px 0 0; padding: 0;}
.foot_bottom ul li {border-right: ridge 2px #555; padding: 0 9px 0 6px; font-size: 10px; margin-right:0;}
.foot_bottom ul li a {color: #646464;}
.foot_bottom ul li:last-child {border-right: none;}
.foot_bottom ul li:first-child {padding-left: 0;}

/*Content----------------------------------------------------------------------*/
section.main {font-size:0;}
section.main article {background: #fff;}
section.main figure {width: 500px;}
.content {padding: 30px;
	display: inline-block;
	background: #fff;
	width: 495px;
	height: auto;
	font-size: 13px;
/*	border-right: 5px solid #fff;*/
}
.content.full {width: 940px; text-align: left;}
.content p {font-size: 13px; margin-bottom: 10px;}
.content ul {margin: 15px 0 15px 20px; border-left: 2px solid #8fbe13; padding-left: 10px;}
.content ul li {display: block; color: #8fbe13; font-size: 13px; font-weight: bold; line-height: 26px;}

section.sub {display: inline-block; font-size: 0; height: 190px; width: 490px; margin: 0 20px 20px 0; position: relative;}
section.sub:nth-child(odd) {margin-right: 0;}
section.sub figure {height: 190px; width: 490px; overflow: hidden; position: relative;}
section.sub p {height: 190px; width: 298px; position: absolute; right:0; z-index: 2; background: #fcfcfc; font-size: 13px; padding: 50px 25px; border-top: 5px solid #ccc; vertical-align: bottom; color: #535353;}
section.sub p:hover {border-top: 5px solid #8fbe13;}
section.sub.agence p:hover {border-top: 5px solid #d61576;}
section.sub.prestataire p:hover {border-top: 5px solid #920f7a;}
section.sub.neuf p:hover {border-top: 5px solid #f18f18;}
section.sub p > span {display: block; color: #8fbe13;}
section.sub.agence p > span {color: #d61576;}
section.sub.prestataire p > span {color: #920f7a;}
section.sub.neuf p > span {color: #f18f18;}
section.sub p:before {
	height: 0;
	width: 0;
	content: "";
	position: absolute;
	left:-17px;
	top: 45%;
	z-index: 2;
	background: none;
	border-right: 20px solid #fcfcfc;
	border-bottom: 11px solid transparent;
	border-top: 11px solid transparent;
}
section.sub p a.plus {font-size: 25px; background: #ccc; padding: 7px 0; position: absolute; right:0; bottom: 0; color: #fff; width: 100%; text-align: center;}
section.sub p:hover a.plus {background: #8fbe13;}
section.sub.agence p:hover a.plus {background: #d61576;}
section.sub.prestataire p:hover a.plus {background: #920f7a;}
section.sub.neuf p:hover a.plus {background: #f18f18;}
section.sub.full {width: 100%; margin: 0 20px 20px 0; position: relative; text-align: left;}
section.sub.full p {width: 46%;}
section.sub.full figure {width: 500px;}
section.sub figure > img {position: absolute; left:-5px; top: 0; width: auto; height: 190px;}
section.sub.full figure > img {height: auto;}

/*Fiche du bien----------------------------------------------------------------------*/
.select .map {width: 495px; height: 164px;}

.prp_card {margin-top: 26px;}
.prp_card article, .prp_card aside {display: inline-block;}
.prp_visual {position: relaive; width: 100%;}
.prp_visual .digiGallery {width: 100%;}
.prp_visual .prp_data {vertical-align: middle; box-shadow: 0 5px 10px rgba(0, 1, 1, 0.3); border: none;}
.prp_visual .prp_data .price {padding: 17px 15px 0; font-size: 40px; height: 30px; font-weight: bold; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.47);}
.prp_visual .prp_data .price span {text-shadow: none;}
.prp_visual .prp_data .sq_feet {padding: 17px 10px 0; height: 30px; line-height: 15px; font-size: 30px;}
span.price_descr {display: inline-block; color: #535353; font-size:10px;}
.prp_visual .prp_data .label {position: static; border: none; padding-top: 15px; font-style: normal; font-weight: normal; font-size: 17px;}
.prp_visual .prp_data .label span {color: #d70000; font-size: 18px; margin-right: 10px;}
.prp_visual ul {margin-top: 2px; background: rgba(0,0,0,0.17);}
.prp_data .ctrl_panel {padding: 0; position: absolute; right:0; height: 50px; font-size:0;}
.prp_data .ctrl_panel i {font-size: 25px; color: #fff; padding: 13px 0; width: 50px; text-align: center;}
.prp_data .ctrl_panel i.fa-facebook {background: #3b5998;}
.prp_data .ctrl_panel i.fa-heart {background: #d70000;}
.prp_data .ctrl_panel i.fa-heart-o {color: #d70000; background: transparent;}
.prp_data .ctrl_panel i.fa-trash-o {background: #000;}
.prp_data .ctrl_panel i.fa-trash {color: #000; background: transparent;}
.prp_data .ctrl_panel i:hover {opacity: 0.7;}
.prp_card .navPrevNext {position: absolute; top: 312px;}
.prp_card .navPrevNext .btnNav {width: 20px; height: 20px; padding: 10px; background-color: #fcfcfc; font-size: 34px;}
.prp_card .navPrevNext .btnNav:hover {background-color: rgba(252,252,252,0.7); color: #8fbe13;}

.prp_condensed {width: 310px; margin: 0 18px 10px 0;}
.icons {background: #fff; box-shadow: 0 5px 10px rgba(0, 1, 1, 0.3);}
.icons table td {text-align: center; font-size: 13px;}
.icons > table {width: 100%;}
.icons > table > tbody > tr {border-bottom: 1px solid #f2f2f2;}
.icons > table > tbody > tr:last-child {border-bottom: none;}
.icons > table > tbody > tr > td {border-right: 1px solid #f2f2f2; }
.icons > table > tbody > tr > td:last-child {border-right: none;}
.icons > table > tbody > tr > td > table > tbody > tr > td:first-child {width: 60px; padding: 16px 0;}
.icons > table > tbody > tr > td > table > tbody > tr > td:last-child {width: 95px;}
.prp_card .map {width: 310px; height: 200px;}

.prp_adr {background: #fcfcfc; border-top: 2px solid #8fbe13; padding: 10px 0 0 58px; position: relative; line-height: 15px;}
.prp_adr i {position: absolute; left: 17px; top: 7px; font-size: 39px; color: #8fbe13;}
.prp_adr h2 {display: inline-block; margin-bottom: 0; font-size: 14px; font-weight: normal;}
.prp_adr span {color: #8fbe13; margin-left: 5px; font-size: 14px;}
.prp_adr h3 {margin: 0; font-size: 12px; font-weight: normal; line-height:inherit}
.prp_adr p {color: #8a8a8a; }

.prp_descr {width: 672px; background: #fff; padding: 15px 0 20px; border-top: 2px solid #8fbe13; min-height: 776px;}
.prp_descr > h3 {padding: 0 20px 14px; color: #8fbe13;}
.prp_descr p {padding: 0 20px 0; font-size: 13px;}
.prp_descr .prp_name {border-bottom: 1px solid #ccc; padding-bottom: 5px; color: #8fbe13; margin-bottom: 24px;}
.prp_descr .prp_name h3 {display: inline-block; width: 80%; text-align: center; color: #8fbe13;}
.prp_descr .prp_name span {text-align: right; width: 18%; font-size: 13px;}
.prp_tech {padding: 0 20px 0; font-size: 0; margin-bottom: 20px;}
.prp_tech.cln {}
.prp_tech .label, .prp_tech .data {display: inline-block; padding: 8px 0 6px; border-bottom: 1px solid #ccc; font-size: 13px;}
.prp_tech .label {width: 180px; color: #8a8a8a;}
.prp_tech .data {width: 127px;}

/*.prp_contact {width: 310px;}*/
/*.prp_contact*/ .cntc_logo {background: #fff; padding: 20px 0 15px; text-align: center; width: 310px; height: 72px; margin: 9px 0;}
/*.prp_contact*/ .cntc_logo > img {height: 100%;}
/*.prp_contact*/ .cntc_card {background: #fcfcfc; width: 310px;}
/*.prp_contact*/ .cntc_card h2 {border-bottom: 2px solid #8fbe13; padding: 9px 0 8px 15px; margin-bottom: 0;}
/*.prp_contact*/ .cntc_card figure {width: 140px;}
/*.prp_contact .cntc_card img {width: 100%;}*/
/*.prp_contact*/ .cntc_card ul {display: inline-block; width: 167px;}
/*.prp_contact*/ .cntc_card li {
	border-bottom: 1px solid #f2f2f2;
	padding: 8px 15px 8px 10px;
	width: 100%;
	font-size: 11px;
	position: relative;
}
/*.prp_contact*/ .cntc_card  li:first-child {font-weight: bold; font-size: 13px;}
/*.prp_contact*/ .cntc_card li.phone a, .cntc_card li.email a, .cntc_card li i {color: #8fbe13;}
/*.prp_contact*/ .cntc_card li.phone a {font-weight: bold; font-size: 13px;}
.cntc_card li i {font-size: 15px; position: absolute; right: 5%; top: 30%;}
.cntc_card li i.fa-map-marker {font-size: 16px; right: 6%;}

/*.prp_contact*/ aside form {background: #fcfcfc; padding: 0 14px 8px;}
/*.prp_contact*/ aside form h3 {font-size: 14px;}
/*.prp_contact */aside form input {width: 100%;}
/*.prp_contact*/ aside form input#msg {height: 103px; vertical-align: top;}
/*.prp_contact */aside form input[type="submit"] {width: 100%;}

.prp_card footer {}
.prp_card footer ul {font-size: 0; /*height: 131px;*/ background-color: #fcfcfc;}
.prp_card footer ul li {text-align: center;	padding: 0 18px 16px; font-size: 12px; position: relative;}
.prp_card footer ul li img {opacity: 0.1;}
.prp_card footer ul li.active img {opacity: 1;}
.prp_card footer ul li:first-child {
	color: #299846;
	padding: 45px 36px 16px 50px;
	border: 3px solid transparent;
	border-image: linear-gradient(to right, #289846 0%, #65b938 100%);
	border-image-slice: 1;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
.prp_card footer ul li:last-child {
	color: #ed1c24;
	padding: 45px 50px 18px 2px;
	border: 3px solid transparent;
	border-image: linear-gradient(to right, #f45320 0%, #ed1c24 100%);
	border-image-slice: 1;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
.prp_card footer ul li.lvla {
	border: 3px solid transparent;
	border-image: linear-gradient(to right, #65b938 0%, #9cd72c 100%);
	border-image-slice: 1;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
.prp_card footer ul li span {position: absolute; z-index: 3; font-size: 37px; top: 50px; left: 39px; text-shadow: 1px 1px 1px #777; opacity: 0.4;}
.prp_card footer ul li.active span {opacity: 1;}
.prp_card footer ul li.lvla span {color: #65b938;}
.prp_card footer ul li.lvlb span {color: #9cd72c;}
.prp_card footer ul li.lvlc span {color: #d0ec21;}
.prp_card footer ul li.lvld span {color: #f3ed1a;}
.prp_card footer ul li.lvle span {color: #f4d61a;}
.prp_card footer ul li.lvlf span {color: #f4a91a;}
.prp_card footer ul li.lvlg span {color: #f4751e;}
.prp_card footer ul li.lvlb {
	border: 3px solid transparent;
	border-image: linear-gradient(to right, #9cd72c 0%, #d0ec21 100%);
	border-image-slice: 1;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
.prp_card footer ul li.lvlc {
	border: 3px solid transparent;
	border-image: linear-gradient(to right, #d0ec21 0%, #f3ed1a 100%);
	border-image-slice: 1;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
.prp_card footer ul li.lvld {
	border: 3px solid transparent;
	border-image: linear-gradient(to right, #f3ed1a 0%, #f4d61a 100%);
	border-image-slice: 1;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
.prp_card footer ul li.lvle {
	border: 3px solid transparent;
	border-image: linear-gradient(to right, #f4d61a 0%, #f4a91a 100%);
	border-image-slice: 1;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
.prp_card footer ul li.lvlf {
	border: 3px solid transparent;
	border-image: linear-gradient(to right, #f4a91a 0%, #f4751e 100%);
	border-image-slice: 1;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
.prp_card footer ul li.lvlg {
	border: 3px solid transparent;
	border-image: linear-gradient(to right, #f4751e 0%, #f45320 100%);
	border-image-slice: 1;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
.prp_card footer ul li.active {border-bottom: 3px solid #8fbe13;}
.prp_card footer ul li img {display: block; padding: 26px 0 13px;}
.prp_card footer p {padding: 10px 0 25px;}
.prp_card footer p span {color: #a6be4c;}

/*Info bloc----------------------------------------------------------------------*/
.info_client {padding: 15px 0; font-size: 0; text-align: center;}
.info_client article {
	height: 150px;
	width: 320px;
	border-left-width: 5px;
	border-left-style: solid;
	background-color: #fcfcfc; position: relative;
	padding: 22px 52px 22px 19px;
	margin: 0 10px 10px 0;
	font-size: 13px;
}
.info_client article h2 {text-transform: uppercase;}
.info_client article.achat {border-left-color: #8fbe13;	width: 650px;}
.info_client article.neuf {border-left-color: #f18f18; margin-right: 0;}
.info_client article.vente {border-left-color: #15cbce;}
.info_client article.agence {border-left-color: #d61576;}
.info_client article.prestataire {border-left-color: #920f7a; margin-right: 0;}
.info_client article p {color: #535353;}

.info_client article div.more {display: none; width: 30px; height: 100%; position: absolute; top:0; right: 0; font-size: 2em;}
.info_client article div.more a {color:#fff;top: 48%; left: 25%; position: absolute;}
.info_client article.achat div.more {background: #8fbe13;}
.info_client article.neuf div.more {background: #f18f18;}
.info_client article.vente div.more {background: #15cbce;}
.info_client article.agence div.more {background: #d61576;}
.info_client article.prestataire div.more {background: #920f7a;}
.info_client article.open div.more {display: block;}

/*Bien----------------------------------------------------------------------*/
.prp_data {height: 50px; background-color: #f2f2f2;  border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; position: relative;}
.prp_data > div {
	border-right: 1px solid #e5e5e5;
	display: inline-block;
	height: 20px;
	font-size: 21px;
	line-height: 18px;
	text-align: center;
	padding: 16px 0;
}
.prp_data > div:last-child {border-right: none;}
.prp_data > div span {font-size: 12px; margin-left: 5px;}
.prp_data > div.label {
	height: 18px;
	width: 105px;
	background-color: #f2f2f2;
	top:-20px;
	left:0;
	padding: 0 0 0 22px;
	position: absolute;
	border: 1px solid #e5e5e5;
	border-left: none;
	color: #8fbe13;
	font-weight: bold;
	font-style: italic;
	text-align: left;
}

/*Slider bloc----------------------------------------------------------------------*/
.slider article {display: block; margin: 0;}
.slider img {width: 100%;}

/*Coeur bloc----------------------------------------------------------------------*/
section.best {display: inline-block; width: 495px; margin: 30px 42px 0 0; font-size: 0;}
section.best article .prp_name {background-color: #fcfcfc; border-top: 2px solid #8fbe13; padding: 15px 22px 3px;}
section.best article .prp_name h3 {padding-top: 4px;}
section.best article p { position: relative;}
section.best article p>a.plus {color: #8fbe13; width: 100%; text-align: right; position: absolute; right: 20px; font-weight: bold; font-size: 18px;}
section.best article figure {width: 495px;}
/*section.best article figure > img {width: 100%;}*/
article .prp_name h3 {display: inline-block; width: 90%;}
section.best article .prp_data {width: 495px;}
section.best article .prp_data .price {width: 147px;}
section.best article .prp_data .sq_feet {width: 104px;}
section.best article .prp_data .nb_room {width: 102px;}
section.best article .prp_data .nb_bed {width: 131px;}
section.best p {
	background: #fff;
	padding: 15px 22px;
	font-size: 13px;
	box-shadow: 0 5px 10px rgba(0,1,1,.3);
}
section.best .map {position: relative; z-index: -1; width: 495px; height: 244px;}

/*Selection bloc----------------------------------------------------------------------*/
section.selection {display: inline-block; width: 460px; margin-top: 30px; font-size: 0;}
section.selection .navPrevNext {display: inline-block; background: #f2f2f2; width: 50px;}
section.selection .navPrevNext .btnNav {
	height: 106px;
	border: 1px solid #e5e5e5;
	padding: 76px 10px 0;
}
section.selection .navPrevNext .btnNav.active,
section.selection .navPrevNext .btnNav:last-child {border-top:none; height: 107px;}

/* Annonce propriété - générique ----------------------------------------------------------------------*/
.prp {display: inline-block; width: 460px; text-align: left; font-size: 0;}
.prp .gallery_wrap {display: inline-block;}
.prp .gallery_wrap {width: 410px; height: 240px;}
.prp .map_wrap {display: inline-block; width: 50px; height: 270px; background-color: #fcfcfc;}
.prp .map_wrap i {padding: 109px 0 0 15px; font-size: 30px; color: #8fbe13;}
.prp .map_wrap i:hover {color: #535353;}
.prp .map_wrap.open {width: 410px;}

.prp .prp_name {background-color: #fcfcfc; border-top: 2px solid #8fbe13; padding: 0 22px 0;}

.prp .prp_name h3 {font-size: 18px; padding-top: 0px; font-weight: normal; width: 85%; margin-right: 5%;}
.prp .prp_name .like {padding-top: 11px;}

.prp .prp_data {width: 460px; height: 72px; background-color: #f2f2f2;}
.prp .prp_data > div {font-size: 14px; height: 42px; vertical-align: middle;}
.prp .prp_data .price {width: 127px; font-size: 20px; padding: 25px 0 7px; text-shadow: 1px 1px 0 #999;}
.prp .prp_data > div  {width: 80px;}
.prp .prp_data > div.label {height: 18px;}

.prp .map {position: relative; z-index: -1; width: 360px; height: 164px;display: none;}

/* Annonce prestataire - générique ----------------------------------------------------------------------*/
.pro {display: inline-block; width:98%; text-align: left; font-size: 0; margin-right: 2%; display:flex;
	 border-bottom:2px solid #8fbe13; background: #fff; min-height: 120px; margin-bottom: 15px;}
.pro figure {width:40%; display:flex; flex-direction: column; justify-content:center;}
.pro figure img { width:90%; object-fit:contain; margin:0 auto;}
.pro header {width:40%; padding:10px;}
.pro header .detail {font-size:12px; max-height: 50px; overflow: hidden;}
.pro header .tel {margin-top:10px; font-size:18px; }
.pro .name {background-color: #fcfcfc; border-top: 2px solid #8fbe13; padding: 0 22px 0;}
.pro h3 {font-size: 18px; line-height: 20px; padding:0; font-weight: normal; }
.pro aside {width:20%; }
.pro aside ul {display:flex; flex-direction: column; justify-content:space-between; height:100%;}
.pro aside li {background: #8fbe13; flex:1; color:#fff; border-bottom:2px solid #fff; display:flex; flex-direction: column; justify-content:center;}
.pro aside li a.tel {display:none;}
.pro aside li i.fa {font-size: 24px; font-weight: bold; display: block; text-align: center;}


/*Agence home----------------------------------------------------------------------*/
.main.agence .content {border-right: 5px solid #d61576;}
.main.neuf .content {border-right: 5px solid #f18f18; min-height: 118px;}
.main.prestataire .content {border-right: 5px solid #920f7a; min-height: 118px;}
.main.vente .content {border-right: 5px solid #15cbce; min-height: 118px;}
.main.achat .content {border-right: 5px solid #8fbe13; min-height: 118px;}


.main figure > a > h3 {text-align: center; display: inline-block; padding: 60px 0 0 40px;}
.main.achat figure > a > h3 {color: #8fbe13;}
.main.agence figure > a > h3 {color: #d61576;}
.main.neuf figure > a > h3 {color: #f18f18;}
.main.vente figure > a > h3 {color: #15cbce;}
.main.prestataire figure > a > h3 {color: #920f7a;}

.main article > figure > a i {color: #f2f2f2; font-size: 40px; position: absolute; top: 35%; left: 21%; z-index: 2;}


.map_construct {width: 137px; height: 138px; position: relative; z-index: 0; margin-left: 40px; display: inline-block;}	
.map_construct.achat {background-color: #fff; background-image: linear-gradient(to bottom, #b0e81c, #8fbe13);}
.map_construct.neuf {background-color: #fff; background-image: linear-gradient(to bottom, #f4a648, #f18f18);}
.map_construct.agence {background-color: #fff; background-image: linear-gradient(to bottom, #eb338f, #d61576);}
.map_construct.vente {background-color: #fff; background-image: linear-gradient(to bottom, #2ce6ea, #15cbce);}
.map_construct.prestataire {background-color: #fff; background-image: linear-gradient(to bottom, #c014a1, #920f7a);}

.main.agence .content > p, .main.neuf .content > p, .main.prestataire .content > p, .main.achat .content > p, .main.vente .content > p {padding: 0; color: #535353;}
.main.agence article > figure,
.main.neuf article > figure,
.main.achat article > figure,
.main.vente article > figure,
.main.prestataire article > figure {position: relative; padding: 20px 0; background: #fff;}

.map_construct img {position: absolute;	z-index: 1;}





/*Fiche agence----------------------------------------------------------------------*/
.agency_view {position:relative;}
.agency_view .agency_descr,
.agencies .agency_descr {background-color: #fff; padding-top: 24px;}
.agency_view .agency_descr,
.agency_view .map {display: inline-block; font-size: 0; }
.agency_view .map {}

.agency_view ul {width: 50%; display: inline-block;}
.agency_view ul.agents {background: #f2f2f2; padding: 0; flex-direction:row; display:flex;}
.agency_view ul.agents li {padding: 5px 7px; display: inline-block; background: #f2f2f2; height: auto; flex:1; max-width:50%;}
.agency_view ul.agents li.noPic {background: #555; color:#fff; font-size:16px; height:100%; display:flex; flex-direction:column; justify-content:center; text-align: center; margin-right:2px;} 
.agency_view ul.agents li.noPic span {color:#fff; text-align: center;} 
.agency_view ul.agents li.more {padding-top: 20px;}
.agency_view ul.agents li.more i {font-size: 50px; color: #8fbe13;}
.agency_view ul.agents li:last-child {border: none;}
.agency_view ul.agents li figure {width: 100%; width:auto; max-height:180px; text-align: center; padding: 0;}
.agency_view ul.agents li figure figcaption {font-size: 12px; font-weight: normal;}
.agency_view .agency_name,
.agency_view figure {font-size: 0;}
.agency_view .agency_name {width: 300px; padding-left: 20px; display: inline-block;}
.agency_view h1,
.agencies h1 {font-size: 32px; color: #8fbe13; line-height: 32px; margin-bottom: 10px;}
.agency_view h3,
.agencies h3 {font-size: 15px;}
.agency_view p,
.agencies p {font-size: 13px; overflow: hidden; padding: 15px 20px; position: relative;}
.agency_view p a.plus,
.agencies p a.plus {font-size: 13px; background: #8fbe13; padding: 7px 10px; position: absolute; right:0; bottom: 0; color: #fff;}
.agency_view figure {width: 150px; padding-right: 20px; text-align: right;}
.agency_view footer > ul {width: 100%;}
.agency_view li,
.agencies .prp_list li {background-color: #f2f2f2; border-top: 1px solid #e5e5e5; display: block; padding: 22px 20px 22px; font-size: 14px; font-weight: bold;}
.agency_view li span,
.agency_view li a,
.agencies .prp_list li a {display: inline-block; color: #8fbe13; padding-left: 3px;}
.agency_view li:last-child,
.agencies .prp_list li:last-child {border-bottom: 1px solid #e5e5e5;}
.agency_view footer li,
.agencies .prp_list footer li {width: 50%; background-color: #8fbe13; display: inline-block; padding: 7px 0; text-align: center; border: none;}
.agency_view footer li.active,
.agencies .prp_list footer li.active {background-color: #fff;}
.agency_view footer li:first-child,
.agencies .prp_list footer li:first-child {border-right: 1px solid #fff; width: calc(50% - 1px);}
.agency_view footer li i,
.agencies footer li i {display: block; font-size: 24px; text-align: center; font-weight: bold; color: #fff;}
.agency_view footer li.active i,
.agencies footer li.active i {display: none;}
.agency_view footer li > a,
.agencies .prp_list footer li a {display: none; padding: 2px 0 4px;}
.agency_view footer li.active > a,
.agencies .prp_list.selectnr footer li.active > a {display: inline-block;}

.agency_view > article {display:flex; flex-direction:column; margin-bottom:0;}
.agency_view > article > div  {display:flex; flex-direction:row;}
.agency_view > article > div > * {flex:1; background:#f2f2f2;}

/*List d'agences ---------------------------------------------------------*/
.agencies {position: relative;}
/*.agencies input {display: none;}*/
.agencies .data_agencies {display: none;}
/*.agencies > ul {position: relative; width: 50%; font-size: 0; min-height: 666px;}*/
.agencies > ul {position: relative; width: 52%; font-size: 0; min-height: 666px;}
.agencies > ul.list_ag {min-height: auto;}
.agencies ul li.agency_wrap {cursor: pointer; border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; height: 196px; width: 239px; background: #fff;}
.agencies .agency_wrap footer button {width:100%;}
.agencies ul li.agency_wrap.nonfav {opacity: 0.5;}
.agencies ul li.agency_wrap:hover,
ul.list_tarif li:hover,
ul.list_tarif li.active,
.agencies ul li.agency_wrap.active {border-right: 1px solid #8fbe13;border-bottom: 1px solid #8fbe13; box-shadow: 0 5px 10px rgba(0,1,1,.3);}
.agencies ul li.agency_wrap:hover {opacity:1; }
li.agency_wrap .box_cnt {display: flex; flex-direction: column; justify-content: center; text-align: center; width: 100%; height: 100%;}

.agencies ul li.agency_wrap .prp_list {position: absolute; top: 0; right: -92%; width: 95%; display: none;}

.agencies ul li.agency_wrap.active .prp_list {display: block;}
.agencies ul li.agency_wrap .like {display: block; text-align: right; padding: 5px 5px 0 0;}
.agencies ul li.agency_wrap input.selectAg {display: none; }
.agencies ul li .box_cnt > figure {display: inline-block; text-align: center; cursor: pointer;}
.agencies ul li .box_cnt > figure > img {width: 65%;}
.agencies ul li .agency_descr figure > img {width: auto; max-width: 130px; max-height: 100px;}
.agencies ul li .prp_list h2 {margin-bottom: 10px;}
.agencies ul li .prp_list figure {width: 32%; text-align: right; padding-right: 3%;}
.agencies ul li .prp_list ul {width: 100%;}
.agencies .agency_name {width: 60%; padding-left: 20px; display: inline-block;}
.agencies footer > ul {width: 100%; font-size: 0; }
.agencies footer > ul li.full {width: 100%;}
.agencies a.btn {display: block;}
.agencies p > a.plus {border-bottom: 1px solid #fff;}
.agencies .map {width: 500px; height: 164px;}
.agencies .map > div {height:100%;}
.agencies footer li {position: relative;}
.agency_form {
	position: absolute;
	z-index: 4;
	background: #fff;
	padding: 20px;
	height: auto;
	display: none;
	top: 100px;
	left: 25%;
    width: 50%;
}
.agency_form::after {
    background: none repeat scroll 0 0 #fff;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    box-shadow: 0 0 15px #000000;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.agency_form:before {
	background: none repeat scroll 0 0 #000;
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -2;
}
.agency_form .close {position:absolute; top:10px; right:10px;}
.agency_form form .formRadio {/*padding-bottom: 27px;*/}
.agency_form form .btn_digi_radio {text-align: right; right: 0;}
.agency_form form .btn_digi_radio > ul > li {width: auto; border: none; padding: 0;}
.agency_form article {width: 100%; display: inline-block;}
.agency_form h2 {font-family: 'LatoLatinThin'; font-size:26px;}
.agency_form article input, 
.agency_form article textarea {width: 98%;}
.agency_form article.btn_digi_wrap input {width: 100%;}
.agency_form article textarea {height: 152px;}
.agency_form article.zero {margin-bottom: 0;}

.agency_view .prp_list article {display: inline-block; font-size: 0; width: 326px;}
.mapSearch {width: 100%; padding-bottom: 20px; display:flex; }
.mapSearch > h1 { text-align: center;}

.mapListPts { display: inline-block; max-height: 750px; overflow-y: scroll; }
.mapListPts.small {height: auto; overflow-y: hidden;}
.mapListPts>p {width: auto;background: #fff; margin: 10px 0 10px 10px; padding: 20px; min-height: 750px;}

.mapSearch.full .map.zone {width: 40%; height: 750px; margin: 0; vertical-align: top; top: 0; left:0; z-index: 3; box-shadow:  0 5px 10px rgba(0, 1, 1, 0.3);}
.mapListPts {width: calc(60% + 2px); vertical-align: top; margin-left: -2px; font-size: 14px;}
.mapListPts header:after {display: none;}
.mapListPts header {z-index: 1;}

.mapListPts header {width: 100%;}
.mapListPts header .price {background: #fff; width: 50%; display: inline-block; font-size: 12px; color: #535353; padding: 10px 0; text-align: center;}
.mapListPts header .price span {color: #8fbe13; font-size: 20px; display: block; font-weight: bold; text-align: center; padding-bottom: 9px;}
.mapListPts header ul {background: #f2f2f2; width: 50%; display: inline-block;}
.mapListPts header ul li {display: list-item; padding: 8px 0 6px; text-align: center; font-size: 12px;}
.mapListPts header ul li.rent {color: #f18f18;}
.mapListPts header ul li.sale {color: #8fbe13;}
.mapListPts header ul li:first-child {border-bottom: 1px solid #e2e2e2; font-size: 15px; font-weight: bold;}
.mapListPts > div {width: 100%; display:flex; flex-wrap:wrap; }
.mapListPts > div > article {width: 100%; display:flex; flex-direction:column;}
.mapListPts > div > article > div.prp {display:flex; flex-direction:column;/* flex:1;*/ margin-bottom: 20px;}
.mapListPts > div > article > div.prp > a {display:block; flex:1; background: #fff;}
.mapListPts > div > article.mosaic-tpl {display: none;}
.mapListPts > div > article.mosaic {width: 47%; margin: 0 0 1% 2%;}
.mapListPts > div > article.mosaic.on {position:relative; box-shadow: 0 0 2px 2px #8fbe13;}
.mapListPts > div > article.mosaic.on::after {content:""; position:absolute; width:100%; height:100%; border:2px solid #8fbe13; z-index:1;top:0; left:0;}
.mapListPts > div > article.mosaic.on .prp  .prp_data {background: #ded;}

.mapSearch .prp {width: 100%;}
.mapSearch .prp figure {width: 100%; position: relative; }
.prp figure .navPrevNext {position: absolute; top: 25%; right: 0; width: auto; background-color: rgba(252,252,252,0.4);}
.prp figure .navPrevNext .btnNav, 
.prp figure .navPrevNext .btnNav:last-child  {width: 20px; height: 20px; padding: 10px; background-color: rgba(252,252,252,0.3); font-size: 34px;}
.prp figure .navPrevNext .btnNav:hover {background-color: rgba(252,252,252,0.7); color: #8fbe13;}
.mapSearch .prp .prp_name, 
.mapSearch .prp .prp_data {width: auto;}
.mapSearch .prp .prp_data > div {width: 65px;}
.mapSearch .prp .prp_data .map_wrap {width: 62px; height: 42px; padding: 22px 0 8px; vertical-align: top;}
.mapSearch .prp .prp_data .map_wrap > img {padding: 0;}

/*Contact----------------------------------------------------------------------*/
.contact {margin: 20px 0;}
.contact .coord {width: 50%; display: inline-block; margin: 0 10px 10px 0; position: relative;}
.contact .coord figure {background: #fff; padding: 20px 0; text-align: center; display: block;}
.contact .coord figure > img {width: auto;}
.contact .coord ul {background: #f2f2f2; border: 1px solid #e5e5e5; text-align: center;}
.contact .coord ul li {width: 49%; text-align: center; padding: 13px 0;}
.contact .coord ul li:first-child {border-right: 1px solid #e5e5e5; }
.contact .coord ul li a {color: #8fbe13; display: inline-block; font-size: 15px;}
.contact .coord .map {width: 494px; height: 492px;}
.contact .coord .adr_kis {position: absolute; bottom: 0; z-index: 3; height: 67px; width: 479px; padding: 15px 0 10px 15px;}
.contact .coord .adr_kis.backgr {z-index: 1; background: rgba(255,255,255,0.9);}
.contact .coord .adr_kis span {color: #8fbe13; font-size: 16px;}

.contact form {position: relative;}
.contact .formContact {display:inline-block; width: 49%; background: #fff; padding: 15px;}
.contact .digiForm, 
.contact .digiForm article,
.contact .digiForm article div {display:block;}
.contact .digiForm input, .digiForm textarea {width: 100%;}
.cats, .choice {text-align: center; display: block; background: #fff; padding-top: 20px; margin-bottom: 20px; cursor: pointer;}
.cats {margin: 50px 0 0 0; padding: 0;}
.cats h3 {padding-top:20px;}
.cats div, .choice div {margin: 8px; display: inline-block; font-size: 20px; width: 15%; text-align: center;}
.choice label { cursor: pointer;}
.cats div.inactif i, 
.cats div.inactif label, 
.choice div.inactif i, 
.choice div.inactif label {filter:grayscale(1); opacity: 0.6; transition: all 0.6s ease;}
.cats div.inactif:hover i, 
.cats div.inactif:hover label, 
.choice div.inactif:hover i, 
.choice div.inactif:hover label {filter:grayscale(0); opacity: 1;}
.cats div > i, .choice div > i {font-size: 40px; text-shadow: 1px 1px #999;}
.cats div label, .cats div i, .choice div label, .choice div i {display: block; width: 100%; text-align: center;}
.cats div label,  .choice div label {background: none; position: static;}
.formContact .cats {margin: 0;}
form article.cats:hover label, form article.choice:hover label {background: none;}
form article.cats div label:after, form article.choice div label:after {display: none;}
.cats div input, .choice div input, .list_tarif input[type="radio"] {display: none;}
.contact form .cats div > label {font-size: 14px; width: 98%;}
.contact form.reg_form #bt_ok {position: absolute; top: 650px; right: 27px; width: 444px; background: #8fbe13; height: 30px; box-sizing: border-box;}

/*Prestataires home----------------------------------------------------------------------*/
.prvds > article.prvds {width: 100%;}
.prvds header ul {background: #920f7a; text-align: center; width: 100%; position: relative; height: 414px;}
.prvds header li {background: #920f7a; padding: 20px 15px; color: #fff; text-align: center; min-width: 165px; cursor: pointer;} 
.prvds header li.prestataire.full {padding: 20px 0;}
.prvds header figure.focus {position: absolute; top: 154px; left: 0; z-index: 3; width: 100%; height: auto; background: #fff; font-size:0; display: none;}
.prvds header li.open figure.focus {display: block;}
.prvds header li.open {background: #620a52;}
.prvds header figure.focus img {display: inline-block; width: 50%;}
.prvds header figure.focus .wrap_focus {width: 45%; padding: 1% 2%; display: inline-block; height: 100%;}
.prvds header figure.focus .wrap_focus figcaption {font-size: 13px; color: #535353; display: bock; height: 160px;}
.prvds header figure.focus figcaption span {font-size: 13px;}
.prvds header figure.focus .wrap_focus a {font-size: 13px; color: #920f7a; position: relative; text-align: center; vertical-align: bottom; padding: 30px 0 0 0; display: block;}
.prvds header figure.focus .wrap_focus a:before {left: 20px;} 
.prvds header figure.focus .wrap_focus a:after {right: 20px;}
.prvds header figure.focus .wrap_focus a:before, .prvds header figure.focus .wrap_focus a:after {
    border-top: 1px ridge #920f7a;
    content: " ";
    height: 1px;
    margin: 0 2vh;
    position: absolute;
    top: 40px;
    width: 30px;
}

.prvds header li > i {color: #fff; font-size: 50px;}
.prvds header li h3 {font-size: 22px; font-family: 'LatoLatinThin'; padding: 20px 0 0; text-align: center;}
.prvds.full {height: 275px; padding: 20px 0; overflow: hidden; width: 100%; position: relative;}
.prvds.full ul {height: 275px; width: 3000px;}
.prvds.full li {width: 500px; font-size: 0;}
.prvds.full li > figure figcaption {font-size: 13px; padding: 10px 20px;}

/*Login connexion----------------------------------------------------------------------*/
.login {font-size: 0; padding-top: 20px;}
.login > article {width: 41%; padding: 0 2%;}
.login > article#connexion_mbr {border-right: 1px solid #8fbe13; padding-right: 35px;}
.login > article > h2 {margin: 20px 0;}
.login > article > form {padding: 25px 0;}
.login > article:first-child {border-right: 2px solid #8fbe13;}
.login form  article {display: block;}
.login form  article div > input {width: 100%;}
/*.login form  input.btn[type="submit"] {width: 93%; padding: 0;}*/
.login form  a {font-size: 12px; cursor: pointer; text-decoration: underline;}
.forget_wrap > article {display: block;}
.forget_wrap > article .help_bloc {font-size: 13px; padding: 15px 0 40px;}
.forget_wrap,
.login>article {display: none;}
.forget_wrap.open,
.login>article.open  {display: inline-block;}
.forget_wrap.open form {width: 100%; text-align: center;}
.forget_wrap.open form .central {text-align: center;}
.forget_wrap.open form article {width: 60%;}
.forget_wrap.open form input {width: 100%;}
.forget_wrap.open form .btn  {width: 60%; margin: 0 auto;}

.mbr_page {display: block;}
.mbr_page .new_mbr_form {display: none; width: 100%;}
.mbr_page.active .new_mbr_form {display: block;}
.mbr_page .nav_content > li {display: block;}
#info_base, #info_adr, #info_comp, #list_Ags {display: none;}
#info_base.active, #info_adr.active, #info_comp.active, #list_Ags.active {display: block;}
.mbr_page .new_mbr_form .half article {width: 100%;}

#list_Ags .newAg {
    background: #fff none repeat scroll 0 0;
    height: 280px;
    padding: 40px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#list_Ags .newAg h2 {width: 100%; text-align: center;}

.new_mbr_form fieldset.center {width: 95%;}

/*Compte----------------------------------------------------------------------*/
.ctrl_nav {background: #8fbe13; height: 40px; box-sizing: border-box; padding: 10px 0;}
.ctrl_nav ul {text-align: left; width: 85%; display: inline-block;}
.ctrl_nav ul li {
	padding: 0 20px 5px; 
	color: #535353;
	font-size: 18px;
	text-decoration: none;
	border: none;
	text-align: center;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
nav.ctrl_nav ul li.active {color: #fff;}
nav.ctrl_nav ul li:hover {color: #f2f2f2;}

/*.panels_page > article {display: inline-block;}*/
.panels_page {display: none;}
.panels_page.active {font-size: 0; position: relative; min-height: 580px; display: block; margin-bottom: 65px;}
.panels_page > ul.side_nav {width: 100%; min-height: 300px;}
.panels_page > ul.side_nav > li {
	width: 100%;
	box-sizing: border-box;
	top:0; left:0;
	display: none;
}
.panels_page > ul.side_nav > li.active {display: block;}
.panels_page ul.nav_content {width: 20%; position: relative; min-height: 1100px;}
.panels_page ul.nav_content li > span {display: block; padding: 8px 0 8px 15px; cursor: pointer;}
.panels_page ul.nav_content li > span.price {display: inline-block;}
.panels_page ul.nav_content i {font-size: 16px; margin-right: 10px;}
.panels_page ul.nav_content > li {
	display: list-item;
	background: #f2f2f2;
	border: #f9f9f9 2px solid;
	border-left: #f2f2f2 2px solid;
	border-right: #8fbe13 2px solid;
	padding: 0px;
} 
.panels_page ul.nav_content li.head-cat {
    background: none;
    border: none;
    padding: 10px;
    text-align: center;
}
.panels_page ul.nav_content li.head-cat.cats div {width:auto;}
.panels_page ul.nav_content li.head-cat p {text-align: center;}
.panels_page ul.nav_content li.head-cat i {font-size:18px;}
.panels_page ul.nav_content > li.active,
.panels_page ul.nav_content > li.accPanel:hover {background: #fff; border: #8fbe13 2px solid; border-right: #fff 2px solid;}
.panels_page > ul. li.active {background: #fff;}
.panels_page ul.nav_content > li > img {height: 40px; opacity: 0.5;} 
.panels_page ul.nav_content > li span.price {font-size: 20px; padding-left: 15px; padding-top: 20px;} 
.panels_page ul.nav_content > li.active span.price {display: none;} 
.panels_page ul.nav_content > li.active > img {height: 95px; opacity: 1;} 

.panels_page ul.nav_content > li article.side_zone {
	width: 800px; min-height: 96px;
	position: absolute;
	top: 0; right: -820px;
	background: #fff;
	display: none;
	padding: 20px; margin: 0;
}


.panels_page ul.nav_content .btn_digi_radio li > span {padding-left:0;}

/*Creaation d'une annonce ------------------------------------------------------*/
form.annonce {padding: 30px 0;}
.annonce fieldset {background: #fff; display: inline-block; margin-bottom: 20px; width: 100%; box-sizing: border-box;}
.annonce fieldset div.wrap_fieldset {padding: 30px 20px 20px 20px;}
form.annonce fieldset.type {margin: 0 0 20px 0; padding: 0; background: none;}
.annonce fieldset fieldset.half {padding: 0;}
.annonce fieldset fieldset.half.pad_l {padding-left: 20px;}
.annonce fieldset fieldset.half.pad_r {padding-right: 20px;}

fieldset.type .choice {margin: 0; padding: 0; background: none; font-size: 0;}
fieldset.type .choice div {width: 49.9%; padding: 20px; margin: 0; box-sizing: border-box; color: #fff; height: 85px; position:relative;}
fieldset.type .choice > div:hover {box-shadow: 0 5px 10px rgba(0,1,1,.3); cursor: pointer;}
fieldset.type .choice div.vente {background: #15cbce;}
fieldset.type .choice div.vente.nochoice::after {
	content:"OU"; 
	z-index:5; 
	position:absolute; 
	right:-20px; 
	top:calc(50% - 23px); 
	width:46px; 
	height:46px; 
	padding:14px 0; 
	border-radius:40px; 
	color:#000; 
	background: #fff;
	font-size:16px;
	box-sizing: border-box;
}
fieldset.type .choice div.achat {background: #8fbe13;}
fieldset.type .choice div.ag_assist {background: #d61576;}
fieldset.type .choice div.ag_noassist {background: #ccc;}
fieldset.type .choice div i, fieldset.type .choice div label {display: inline-block; width: auto; text-align: left;}
fieldset.type .choice div i {width: auto; padding:0 10px;}
fieldset.type .choice div label {font-size: 30px; padding-top: 10px;}
fieldset.type .choice div span {font-size: 40px; padding-top: 10px; display: inline-block;}
fieldset.type .choice div span.fa-stack {padding-top: 4px;}
fieldset.type .choice div.active {width: 85%; position: relative;}
fieldset.type .choice div.active:after {content: " "; position: absolute; bottom: -18px; left: 48%; border-top: 19px solid; border-left: 26px solid transparent; border-right: 26px solid transparent;}
fieldset.type .choice div.vente.active:after {border-top-color: #15cbce;}
fieldset.type .choice div.achat.active:after {border-top-color: #8fbe13;}
fieldset.type .choice div.ag_assist.active:after {border-top-color: #d61576;}
fieldset.type .choice div.ag_noassist.active:after {border-top-color: #ccc;}
fieldset.type .choice div.inactive {width: 15%;}
fieldset.type .choice div.inactive i {font-size: 25px; padding: 3px 5px 0 0;}
fieldset.type .choice div.inactive .fa-stack-2x {font-size: 40px;}
fieldset.type .choice div.inactive .fa-stack-2x {left: -6px; top: 0;}
fieldset.type .choice > div::before {
	content: "\f0d7";
	font-family: FontAwesome;
	font-size:40px;
	position:absolute;
	left:calc(50% - 10px);
	bottom:10px;
	color:#fff;
}

div.inactive .fa-lg > .bar_vert {
    left: -21px;
    top: -12px;
    font-size: 45px;
}
fieldset.type .choice div.inactive label {font-size: 13px;}
fieldset.type .choice div.inactive span {font-size: 20px; padding-top: 7px;}
fieldset.type .choice div.active span {display: none;}
fieldset.type .choice div.active span.fa-lg {display: inline-block;}
.create_prp fieldset.half {width: 49%;}
.create_prp fieldset.half.full {width: 100%; text-align: left;}
.create_prp fieldset.half.marg {margin-right: 20px;}
.create_prp fieldset.half article {width: 100%;}
.create_prp fieldset.half article.half {display: inline-block; width: 50%;}
.create_prp fieldset.half article.half div {width:95%;}
.create_prp fieldset.half article input, 
.create_prp fieldset.half article textarea {width: 100%;}

/*.create_prp fieldset.half.saved {margin-right: 0; padding: 0 0 24px;}*/
.create_prp fieldset.half article:last-child {margin-bottom: 0;}
.create_prp fieldset.half.saved article {margin: 20px 0 30px;}
.create_prp fieldset.half.saved div > span {padding: 4px 0 0; font-size: 16px;}
.create_prp fieldset.half.saved i {padding-right: 20px; font-size: 30px;}
.create_prp fieldset.half.saved i.fa-mobile {padding-left: 7px; font-size: 35px;}
.create_prp fieldset.half.saved i.grey {padding: 0 20px; font-size: 20px; color: #ccc;}
.create_prp form h3 {color: #8fbe13;font-family: "LatoLatin";}
.create_prp form h3.marg {padding-left: 20px; margin: 0;}
.create_prp form .check li input {display: inline-block;}
.create_prp form .check li > label {position: static; background: none; padding: 0 0 0 4px; vertical-align: text-bottom; vertical-align: baseline;}

.create_prp form fieldset.half > article.check input  {width: auto; margin-left: 0; display: inline-block;}
.create_prp form .check {margin-top: 10px; padding-left: 20px; width: 100%; }
.create_prp form .check li {width: 22%; padding: 5px 10px 0 0;}

.create_prp form fieldset.half article.half.nbr4 {width: 25%;}
.create_prp form fieldset.half article.half.nbr4 select {width: 100%;}
.create_prp form fieldset.half article.half.nbr4 div,
.create_prp form fieldset.half article.half.nbr2 div {width: 100%;}
.create_prp form fieldset.half article.half.nbr2 {width: 50%; position: relative; }
fieldset.half article.half.nbr3 {width: 33.33%;}
.create_prp form fieldset.half article.half span, .create_prp fieldset.half .sq_feet_rooms span {
	width: auto;
	height: 100%;
	padding: 6px 10px;
	position: absolute;
	right: 0;
	color: #fff;
	background: #8fbe13;
	z-index: 3;
	font-size: 13px;
	top: 0;
	text-align: center;}
.create_prp form fieldset select {width: 100%;}
.create_prp form fieldset option {padding: 6px 0 6px 3px;}

.create_prp p {font-size: 13px;}
.create_prp fieldset.half .sq_feet_rooms input.room_name {width: 64%; display: inline-block;}
.create_prp fieldset.half .sq_feet_rooms input.room_sq_feet {width: 15%; display: inline-block;}
.create_prp fieldset.half .sq_feet_rooms span {width: 10%; position: static; height: 100%; padding-bottom: 8px;}
.create_prp .sq_feet_rooms i {display: inline-block; padding: 8px 0 0 10px; cursor: pointer;}
.create_prp .sq_feet_rooms .addRoom {margin-top: 20px;}

.create_prp .picts > div {font-size: 16px; padding: 15px 0;}

nav.step {border: none; box-shadow: none; background: none; padding-bottom: 45px;}
nav.step ul {text-align: center; width: 100%; padding: 40px 0 30px;}
nav.step li {
	background: #ccc;
	color: #fff;
	padding: 20px;
	border-radius: 42px;
	height: 60px;
	width: 60px;
	margin: 0 89px;
	font-family: 'LatoLatinThin';
	font-size: 32px;
	position: relative;
}
nav.step li.active {background: #8fbe13; color: #fff;}
nav.step li span {position: absolute; top: 70px; left: -57px; display: block; width: 187px; text-align: center; color: #535353; line-height: 26px;}
nav.step li.done {background: #15cbce; color: #fff;}

/*Creaation d'une annonce - agency choice ------------------------------------------------------*/
.content.inactive {display: none;}
.annonce .agency_choice, .annonce .tarif_choice {display: none;}
.agency_choice.active {display: block;}
.tarif_choice.active {display: block;}
.btn.inactive {display: none;}
.list_tarif {margin-top: 20px;}
.list_tarif li {width: 24.7%; border: 1px solid #ccc; border-right: none; min-height: 250px; text-align: center; position: relative; cursor: pointer;}
.list_tarif li button {position: absolute; bottom: 0; left: 0; min-width: 100%;}
.list_tarif li:hover article label::after, .list_tarif li.active article label::after {border-bottom: 28px solid #8fbe13;}	
.list_tarif li:hover article label, .list_tarif li.active article label {background: #8fbe13; color: #fff;}	
.list_tarif li:last-child {border-right: 1px solid #ccc;}
.list_tarif li article {width: 100%; height: 0; margin: 29px 0 0;}
.list_tarif li article label {top: -58px; font-size: 20px; font-family: "LatoLatin"; padding: 5px 5px 5px 8px;}
.list_tarif li article label:after {
	border-right: 25px solid transparent;
	border-bottom: 28px solid #ccc;
	top:0;
}
.list_tarif li article:hover label::after {border-bottom: 28px solid #8fbe13;}	
.list_tarif .mnth {padding: 50px 0 50px; color: #8fbe13; font-size: 50px; font-family: "LatoLatinThin"; text-align: center;}	
.list_tarif .mnth span {color: #535353; font-size: 18px;}	
.list_tarif li > p {padding: 0 20px 30px; color: #555; text-align: center;}	

/*.panels_page ul.nav_content > li article.side_zone.new_mbr_form {padding: 36px 20px 20px;}*/
.panels_page ul.nav_content > li.active article {display: block; z-index: 1;}
.panels_page ul.nav_content > li.active article.half {display: inline-block; width: 24.5%;}
.panels_page ul.nav_content > li.active article.side_zone > article {display: none;}
.panels_page ul.nav_content > li.active article.side_zone > article.active {display: block; width: 756px; margin-bottom: 33px;}
.side_zone > form > .half > .formRadio {padding-bottom: 50px; margin: 0;}
.side_zone > form > .half > article > div > input, .side_zone > form > .half > article > div > select {width: 90%;}
.side_zone > form > .half > article > div {position: relative;}
.side_zone > form > .half > article > div i {position: absolute; z-index: 3; font-size: 17px; color: #ccc; right: 34px; top: 8px;}
.side_zone > form > .half > article.half > div i {right: 14px;}
.panels_page ul.nav_content .side_zone > form > .half > article.half {width: 48%; display: inline-block;}

.side_zone .delImg {cursor: pointer;}
.side_zone .delImg:hover {font-weight: bold; color:#a00;}

.reviews {padding-bottom: 30px;}	
.reviews > aside {display: inline-block; width: 10%; padding-right: 20px;}	
.panels_page ul.nav_content > li.active article .reviews > article {display: inline-block; width: 80%;}	
.reviews > aside i {display: block; font-size: 40px; color: #535353; width: 100%; text-align: center;}	
.reviews > aside span {font-size: 13px; color: #535353; width: 100%; text-align: center;}	
.panels_page ul.nav_content > li.active article .reviews > article p {font-size: 13px;}
.panels_page ul.nav_content > li.active article .reviews > article footer {font-size: 13px; color: #ccc; text-align: right;}

.valid_cart > section {width: 630px;display: inline-block; margin-right: 15px; margin-bottom: 20px;}
.valid_cart > aside {width: 355px; display: inline-block; margin-bottom: 20px;}
.valid_cart > aside table {font-size: 16px; width: 100%; margin-bottom: 20px; background: #fff;}
.valid_cart > aside table tr {height: 45px;}
.valid_cart > aside table tr > td > span {color: #8fbe13;}
.valid_cart > aside table tr:last-child {background: #f2f2f2; font-size: 20px;}
.valid_cart > aside table td {width: 70%; padding: 7px 15px 0;}
.valid_cart > aside table tr:first-child td {padding-top: 20px;}
.valid_cart > aside table tr:first-child {border-bottom: 1px solid #eee;}
.valid_cart > aside table td:first-child {width: 3%;}
.valid_cart > aside table td:last-child {width: 30%;}
.valid_cart > aside > fieldset > article {padding: 20px; margin: 0; background: #fff; width: 100%; }
.valid_cart > aside > fieldset > article > ul {margin-bottom:20px;}
.valid_cart > aside > fieldset > article > ul > li {padding: 20px; margin-left: 10px; cursor: pointer;}
.valid_cart > aside > fieldset > article > ul > li span i.fa {margin-right: 10px; font-size:30px;}
.valid_cart > aside > fieldset > article > ul > li.active {background: #8fbe13; color:#fff;}
.valid_cart > aside > fieldset > article > ul > li input {display: none;}
.valid_cart > aside > fieldset > article > .info a {display: block; color: #8fbe13;}
.valid_cart > aside > fieldset > article > .info input {display: inline-block; margin: 0 10px 0 0;}
.valid_cart > aside > fieldset > article > .info label {width: 90%; font-size: 12px; display: inline-block; background: none; position:relative; top:auto; cursor: pointer;}
.valid_cart > aside > fieldset > article > .info label::after{content:none;}
.valid_cart > section > fieldset > section > article {
	width: 100%;
	margin-top: 0;
	margin-bottom: 7px;
	font-size: 0;
	line-height: 22px;
	display: flex;
}
.valid_cart > section > fieldset > section > article:first-child {background: #fff; margin-bottom: 40px;}
.valid_cart > section > fieldset > section > article:first-child > table {padding: 20px 20px 10px; width: 565px; display: inline-block;}
.valid_cart > section > fieldset > section > article:first-child > table td {font-size: 13px; vertical-align: top; padding-left: 5%; width: 211px;}
.valid_cart > section > fieldset > section > article:first-child > table tbody, .valid_cart > section > fieldset > section > article:first-child > table tr {width: 100%;}
.valid_cart > section > fieldset > section > article:first-child > table td:first-child {padding-right: 5%; padding-left: 0; font-style: italic; border-right: 1px solid #eee; width: 200px;}

.valid_cart fieldset > section > article > figure {display: inline-block; width: 20%; background: #24C2C3;}
.valid_cart fieldset > section > article > figure img {object-fit: cover; width:100%; height:100%;}
.valid_cart fieldset > section > article > div {display: inline-block; flex:1; width: 45%; padding: 0px 20px 0; background: #fff;}
.valid_cart fieldset > section > article > div span {font-size: 13px;}
.valid_cart fieldset > section > article > aside {display: flex; width: 35%;}
.valid_cart fieldset > section > article > aside > div {
	padding: 20px 10px;
	flex:1;
	white-space: nowrap;
	text-align: center;
	font-size: 30px;
	font-family: 'LatoLatinThin';
	display: inline-block;
	background: #fff;
	
}
.valid_cart fieldset > section > article > aside > div > span {display: block; font-size: 12px;}
.valid_cart > section > fieldset > section > article:first-child i, .valid_cart fieldset > section > article > aside > i {background: #8fbe13; font-size: 25px; color: #fff; padding: 26px 20px 27px; display: inline-block;}

/* Search list -----------------------------------------------------------------------------*/
.mapSearch.full .search {position: absolute; z-index: 4; width: 40%; padding: 0.5% 0.5% 0 0.5%; }
.mapSearch.full .search form article {width: 100%; margin: 0 0 10px;}
.mapSearch.full .search form article.mini {margin: 0;}
.mapSearch.full .search form fieldset > article input[type="text"] {width: 95%; height: 50px;}
.mapSearch.full .search form fieldset > article button {right:0;}

.mapListPts .prp {position: relative; /*flex:1;*/}
.mapListPts .prp > header {position: absolute; z-index: 3; width: 36%; right: 15px;}
.mapListPts .prp > header > .price {width: 100%; background: rgba(255,255,255,0.9); text-align: right; padding-right: 15px;}
.mapListPts .prp > header > .price span {text-align: right;}

.mapSearch.full .search .filter_item > article input {width: 70px;}
.mapSearch.full .search .filter_item > article {width: auto; padding: 0 10px 0 0;}
.mapSearch.full .search .filter_item > article:first-child input {width: 200px;}
.mapSearch.full .search .filter_item > article.big {text-align: center; width: 100%; padding:0;}
.mapSearch.full .search .filter_item > article:last-child i.fa-angle-double-down {width: 100%;}
.mapSearch.full .search .filter_item > article:nth-child(3n+0) {padding: 0 0 0 0;}
.mapSearch.full .search .check li {width: 18%;}
.mapSearch.full .search .check li:nth-child(5n) {padding: 5px 0 0 10px; width: 15%;}
.mapSearch.full .search article.center input.btn_digi {padding: 10px; cursor: pointer; font-weight: bold; font-size: 18px; }
.mapSearch.full {position: relative; z-index: 0;}
.mapSearch.full .search .type_prp_filter {margin-bottom: 40px;z-index:4;} 
.mapSearch.full .search .filter_item article > a {font-size: 16px;} 
.mapSearch.full .search .filter_item > article > ul.filter_sg_feet li:last-child,
.mapSearch.full .search .filter_item > article > ul.filter_price li:last-child {
	width: 30px;
	height: 33px;
	padding: 7px 0 0;
	font-size: 11px;
	background: #ccc;
}
.mapSearch.full .search {background: rgba(255, 255, 255, 0.95);}

.mapSearch.full .search button {
	background: #8fbe13;
	border: none;
	color: #fff;
	width: 33px;
	height: 33px;
	font-size: 16px;
	cursor: pointer;
}

.mapSearch .map.zone {width: 63%; height: 744px; display: inline-block; margin-right: 2%;}
	
/* Gallery-----------------------------------------------------------------------------*/
.gallery-manager {width: 100%; padding: 30px 0 20px;}

.picts .gallery-manager .uploadAdd {margin-left:0%;  padding:65px 40px;font-size:100px; text-align: center;cursor: pointer;color:#0c0; border: 1px solid #0c0; }
.picts .gallery-manager p.fileBloc .close::before {
	right:0px;
	top:0px;
	color:#f00;
	font-size:20px; 
	border-radius: 0 0 0 10px; 
	padding:10px; 
	min-height:30px; 
	min-width:30px;
}
.picts .gallery-manager p.fileBloc .close { right:0px; top:0px; position:absolute; display:none; border-radius: 0 0 0 10px;  }
.picts .gallery-manager p.fileBloc:hover .close { display: block; }
.picts .gallery-manager .fileSelect p.fileBloc:hover { cursor: pointer; background: #eee; }
.picts .gallery-manager p.fileBloc .progress {display: none;}
.picts .gallery-manager p.fileBloc .legend {position:absolute; bottom:3px; left:3px; height:25px; font-size:12px; z-index:4; width:calc(100% - 6px); border-radius: 6px; }


form .pay_info > ul li {width: auto; padding: 10px;}
form .pay_info > ul li article label {background: none; position: static; padding: 0;}
form .pay_info > ul li article label > img{width: 100%;}
form .pay_info > ul li article label::after {display: none;}

form .pay_info > article > div input {width: 48%;}
form .pay_info > article > div input.crypt {width: 23.2%; display: inline-block; margin-right: 20px;}

.ki-emails .nav_content {display: inline-block;}
.ki-emails .side_zone {display: inline-block; width:78%;margin-left:2%; }

.side_zone table {width: 100%;}
.side_zone table tr {border-left: 2px solid #fff;}
.side_zone table tr.active {border-left: #8fbe13 2px solid; background: #e2e2e2;}
.side_zone table tr.unread {font-weight: bold; font-size: 12px;}
.side_zone table tr:nth-child(odd) {background: #f2f2f2;}
.side_zone table tr:hover:nth-child(odd){background: #e2e2e2;}
.side_zone table tr:hover {background: #fbfbfb; border-left: #8fbe13 2px solid;}
.side_zone table tr.active {background: #e2e2e2; border-left: #8fbe13 2px solid;}
.side_zone table thead > tr:hover {border-left: #fff 2px solid;}
.side_zone table tr th {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #8fbe13;
    font-size: 12px;
    height: 24px;
    font-weight: normal;
    line-height: 14px;
    padding: 10px 20px;
}
.side_zone table tr td {height: 40px; vertical-align: top; font-size: 11px; padding: 10px 20px;}
.side_zone table tr td > span {font-size:10px; color:#888;}
.side_zone table tr td > i {font-size: 11px; }
.side_zone table tr td > i.fa {font-size: 14px; cursor: pointer;}
.side_zone table tr th:first-child {text-align: center;}
.side_zone table tbody tr td.cc > i {font-size: 30px;}
.side_zone table tbody tr td.cc {text-align: center;}
.side_zone table tbody tr > td {padding-top: 10px;}

.side_zone table tr td.fav {vertical-align: middle;}
.side_zone table tr td.fav > i {font-size: 18px; }
.side_zone table tr.msg > td {background: #fff; }
.side_zone table tr.msg section {display: inline-block; width: 70%;}
.side_zone table tr.msg aside {display: inline-block; width: 30%;}
.side_zone table tr.msg section h2 {font-size;18px; margin-bottom: 4px;}
.side_zone table tr.msg section h3 {font-size;15px; color:#999; margin:0;}
.side_zone table tr.msg section > div {font-size:13px; font-family: Arial; color:#555; padding:10px 0;}
.side_zone table tr.msg aside span {display: block; }
.side_zone table tr.msg aside .date {font-size:12px; color:#999; }
.side_zone table tr.msg aside .act {font-size:14px; color:#555; padding:5px 0; cursor: pointer;}
.side_zone table tr.msg aside .act:hover {color:#999;}
.side_zone table tr td.noresult {background:#fff; color:#999; padding:30px;}



.item_3 .prp_short section {width: 97%; border-bottom: 1px solid #8fbe13;} 
.item_3 .prp_short table {width: 97%;} 
.item_3 .prp_short figure {display: inline-block; width:60%; position:relative;} 
.item_3 .prp_short figure .modifyImg {opacity: 0; transition:opacity 0.5s ease; z-index:1; position:absolute; top:0; left:0; background:rgba(0,0,0,0.2); transition-delay:1s; width:100%; height:100%; text-align: center; display:flex; flex-direction:column; justify-content:center;}
.item_3 .prp_short figure:hover .modifyImg {opacity:1; }
.item_3 .prp_short figure .modifyImg span {color:#fff; background:#8fbe13; border-radius: 2px; align-self:center; text-align: center; font-size:14px; padding:20px 10px; display:inline-block; width:50%; cursor: pointer;}
.item_3 .prp_short figure .modifyImg span i {font-size:20px; }
.item_3 .prp_short .descr {width: 40%; padding: 0 0 0 20px; display: inline-block; } 
.item_3 .prp_short .descr span {font-size: 16px;} 
.item_3 .prp_short nav {width: 100%; border: none; box-shadow: none; background: none; text-align: right; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #8fbe13;} 
.item_3 .prp_short nav li > a {padding: 0 2px; text-align: center;} 
.item_3 .prp_short nav li i {font-size: 20px; vertical-align: top;} 
.item_3 .prp_short nav li:first-child {width: 180px;} 

.item_3 .prp_short .descr table {width: 100%; background: none;} 
.item_3 .prp_short .descr table i {font-size:20px;}
.item_3 .descr > table tr {background: none; border: none;} 
.item_3 .descr > table tr.prp_title {border-bottom: 2px solid #8fbe13; padding: 10px 0;} 
.item_3 .descr > table tr:hover {background: none;} 
.item_3 .descr > table td {text-align: left; padding: 0;} 


.panels_page ul.nav_content >li.archive {/*min-height: 171px; */background: #999; color:#535353; border-color: #999;}
li.archive .prp_short tr, li.archive .prp_short td, li.archive .prp_short td h3 {text-align: left;}
li.archive .prp_short td h3 {display: block;}

.panel {text-align: right; width: 100%; display: inline-block; width: 147px;}
.panel a {padding: 11px 10px 10px; background: #f18f18; color: #fff; font-size: 13px; }
.over_header .panel a:hover {color: #fff; background: #f29f29;}

table.msg {position: relative;}
table.msg tbody > tr > td:first-child {text-align: center; }
table.msg tbody > tr td.msg_txt {
	position: absolute;
	top: 27px;
	right: 0;
	padding: 10px 0 10px 20px;
	width: 289px;
	background: #fff;
	min-height: 300px;
	font-size: 13px;
	display: block;
	border-left: 1px solid #8fbe13;
}
table.msg tbody > tr td.msg_txt header nav {box-shadow: none; border-bottom: 1px solid #8fbe13; border-top: none; text-align: right; margin-bottom: 10px;}
table.msg tbody > tr td.msg_txt header nav i {padding: 0 7px 10px; cursor: pointer;}
table.msg tbody > tr td.msg_txt div {display: inline-block; padding-bottom: 14px;}
table.msg tbody > tr td.msg_txt div:first-child {width: 70%;}
table.msg tbody > tr td.msg_txt div.subject {border-bottom: 1px solid #eee; width: 95%;}
table.msg tbody > tr td.active.msg_txt > header {margin-bottom: 10px;}


.hide {display: none;}


/* App List */
.app-List tbody th u {display:inline-block; padding:0 6px; cursor: pointer;}



/* Date Picker */
.date-Picker {
	display: none;
	z-index:9100;
	position:absolute;
	top:0;
	left:120px;
	background: #ddd;
	border-radius:4px;
	box-shadow: 0px 0px 6px #aaa;
}
.date-Picker header {
	margin:2px;
	border-radius: 2px;
	background: #fff;
	color:#ddd;
	font-size:0px;
	text-align: center;
	font-weight: bold;
}
.date-Picker header span {
	width:15%;
	font-size:18px;
	color:#aaa;
	margin-top:-3px;
	display: inline-block;
	cursor: pointer;
}
.date-Picker header span.t {
	width:70%;
	font-size:12px;
	text-align: center;
	padding-top: 7px;
	vertical-align: top;
}
.date-Picker>div.main {
	margin:2px;
	padding:3px;
	background: #fff;
	border-radius: 2px;
	text-align: center;
}
.date-Picker>div.main>table>tbody>tr>td {
	vertical-align: top;
	border-left:1px solid #ddd;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;	
}
.date-Picker>div.main>table>tbody>tr>td:first-child {
	padding-left:0px;
	border: none;
}
.date-Picker>div.main>table>tbody>tr>td:last-child {
	padding-right:0px;
}
.date-Picker>div.main>table tr>td>table {
	padding:5px;
	background: #fff;
	font-size:12px;
	border-spacing: 0; 
	border-collapse: collapse;
}
.date-Picker table tr>td table thead tr td{
	border-bottom: 1px solid #ddd;
}
.date-Picker table tr>td table thead td {
	color:#38a;
	font-weight: bold;
	padding:6px;
}
.date-Picker table tr>td table tbody td {
	color:#38a;
	padding:6px;
	cursor: pointer;
}
.date-Picker table tr>td table tbody td.p {
	color:#ddd;
}

.date-Picker table tr>td tbody.months td {
	padding:20px 6px;
}

.d-picker table tr>td table tbody td:hover, .d-picker table tr>td table tbody td.select {
	color:#fff;
	background:#38a;
	border-radius: 3px;
}

.date-Picker>div.time {
	background: #fff;
	text-align: right;
}
.date-Picker>div.time div.time{
	font-size:15px;
	font-weight: bold;
	text-align: center;
	padding:3px;
	border:#eee 1px solid;
}
.date-Picker div.minutes {display: none;}
.date-Picker div.time li {
	width: 16.5%;
	text-align: center;
	font-size:11px;
	display: inline-block;
	padding:2px 0;
	cursor: pointer;
}
.date-Picker div.time li.select,
.date-Picker div.time li:hover {
	color:#fff;
	background:#38a;
	border-radius: 3px;
}
.date-Picker div.time i {
	font-size:14px;
	padding:2px 5px;
	cursor: pointer;
}
.date-field + .i-calendar {cursor: pointer;}



/* Responsive ==================================== */

@media (min-width:1201px) {
	.wrap {width: 1000px;}
	nav .fa-bars {display: none;}
}
@media (min-width:800px) and (max-width:1200px) {
	.wrap {width: 100%;}
	nav .fa-bars {display: none;}	
}

@media
	only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

		/* Julien */
		nav.menu .logo {position: relative; top: 0; padding: 15px; text-align: center;}
		nav.menu ul {display: flex; width: 100%;}
		nav.menu ul li {flex: auto;}

		.search form article {width: 100%;}
		.search form > article:first-child {width: calc(100% - 250px);}
		.search form fieldset > article input[type="text"] {width: 100%;}
		.search form fieldset > article button {right: 0;}

		.search div aside {width: 250px; padding: 30px; text-align: center;}

		.close {position: absolute; top: 0; right: 0;}

		.info_client {padding: 15px;}
		.info_client article {width: 100%;}
		.info_client article.achat {width: 100%; margin: 0 0 15px 0;}

		body > footer {padding: 0;}
		body > footer ul {text-align: left;}
		body > footer ul > li {width: 100%; margin: 0; padding: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
		body > footer ul > li:first-child {display: block;}
		body > footer ul > li:nth-child(3n+3) {margin: 0;}
		body > footer ul > li:last-child {width: 100%; margin: 0; padding: 30px; border: 0;}
		body > footer ul > li h3 {margin: 0; padding: 0;}
		body > footer ul > li > ul > li {display: inline-block; width: auto; margin: 0 15px 0 0; padding: 0 !important; border: 0 !important;}
		body > footer ul > li > ul > li:nth-child(3n+3) {margin: 0 15px 0 0;}
		body > footer ul > li > ul > li:last-child {display: inline-block; width: auto; margin: 0;}
		body > footer ul > li:last-child > ul > li {width: 100%;}

		form.contact_form ul li, form.contact_form ul li:last-child {display: inline-block; width: auto; margin: 0; padding: 0;}

		.foot_bottom {height: auto; color: #ffffff;}
		.foot_bottom ul {width: 100%; margin: 0; padding: 30px;}
		.foot_bottom ul li {margin: 0; padding: 0; border: 0; text-align: center;}
		.foot_bottom ul li:last-child {padding: 0;}

		.main .content {width: 100%; border: 0 !important;}
		.map_construct {margin: 0;}
		.main figure {display: block; margin: 0 auto; text-align: center;}
		.main.vente figure > a > h3 {margin: 0 0 0 30px; padding: 50px 0 0 0;}

		section.sub.full article {width: 100%;}
		section.sub.full figure {width: 100%;}
		section.sub.full figure img {width: 100%;}

		.mapSearch.full {}
		.mapSearch.full .search {width: 100%;}
		.mapSearch.full .map.zone {width: 100%; margin: 50px 0 0 0;}
		.mapListPts {width: 100%; margin: 50px 0 0 0;}
		.mapListPts > div > article.mosaic {width: 100%; margin: 0;}

		.contact .coord {width: 100%;}

		.contact .coord .map {width: 100%; height: 250px;}

		.contact .formContact {width: 100%;}

		.login > article#connexion_mbr {width: 100%;}

		.forget_wrap.open, .login > article.open {width: 100%;}

		.breadcrumb {padding: 15px;}
		.breadcrumb .sideLink {top: 15px; right: 15px;}

		.prvds header li {padding: 0;}
		.prvds header li > i {margin: 15px 0 0 0;}
		.prvds header figure.focus {display: block; position: relative; top: auto; left: auto; margin: 15px 0 0 0;}
		.prvds header figure.focus .wrap_focus {width: 100%; padding: 30px;}
		.prvds header figure.focus img {display: none;}
		.prvds header ul {height: auto;}
		.prvds header li h3 {margin: 0; padding: 0;}

		.wrap.cnt_zone {padding: 15px;}

		nav.step li {width: 40px; height: 40px; margin: 0 30px; padding: 0; text-align: center; line-height: 40px;}
		nav.step li span {top: calc(100% + 15px); left: calc(50% - 50px); width: 100px; line-height: normal; font-size: 16px;}

		.valid_cart {padding: 15px;}
		.valid_cart > section {width: 100%; margin: 0;}
		.valid_cart > section > fieldset > section > article:first-child > table {width: calc(100% - 65px);}
		.valid_cart > section > fieldset > section > article:first-child > table td {min-height: 25px; padding: 0;}
		.valid_cart > section > fieldset > section > article:first-child > table td:before {position: relative; height: 25px; top: auto; left: auto; padding: 0;}

		.valid_cart > aside table tr:first-child td:before {position: relative; top: auto; left: auto; padding: 0;}
		.valid_cart > aside table tr:first-child td {width: 100%; padding: 0;}
		.valid_cart > aside table td:first-child {width: 100%; padding: 0;}
		.valid_cart > aside table td:before {position: relative; height: 25px; top: auto; left: auto; padding: 0;}
		.valid_cart > aside table td:last-child {width: 100%; padding: 0;}
		.valid_cart > aside {width: 100%;}

		.panels_page ul.nav_content {width: 100%;}
		.panels_page ul.nav_content > li.active article {display: block; position: relative; top: auto; left: auto; right: auto; width: 100%;}
		.panels_page ul.nav_content li.head-cat {margin: 0;}

		nav.ctrl_nav .panel {position: absolute; top: auto; right: 0; bottom: auto; left: auto;}

		.create_prp fieldset.half.marg {width: 100%;}

		.create_prp fieldset.half {width: 100%;}





		.wrap {width: 100%;}
		nav .fa-bars {display: none;}

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {display: block;}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		tr { border: 1px solid #ccc; }

		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 30%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
/*			width: 45%;*/
			padding-right: 10px;
			white-space: nowrap;
		}
		.side_zone table tr td:first-child {text-align: left;}
		.side_zone table tr td {font-size: 13px;}
		table.msg tbody > tr td.msg_txt > header {display: none;}
		table.msg tbody > tr td.msg_txt {position: static; padding: 20px 0 10px 20px; width: 100%; display: block; height: auto; border-left: none;}
		/*
		Label the data
		*/
		td:nth-of-type(1):before { content: "Favoris :"; }
		td:nth-of-type(2):before { content: "Date :"; }
		td:nth-of-type(3):before { content: "Bien :"; }
		td:nth-of-type(4):before { content: "Sujet :"; }
		td:nth-of-type(5):before { content: "Expéditeur / destinataire :"; }
		td:nth-of-type(6):before { content: "Message :"; }
	}

@media (max-width:489px) {

	.wrap {width: 100%;}

	body>header::after {display: none;}
	
	header .over_header ul li {padding: 0; display: none; width: 0;}	
	header .over_header ul li:last-child {display: inline-block; width: 100%;}
	header .over_header	.panel {width: 100%;}
	header .over_header	.panel a {padding: 5px 10px 6px; width: 100%; display: block; text-align: center;}
	
	nav.menu {
		background: #fcfcfc none repeat scroll 0 0;
    	border-top: none;
	    box-shadow: 0 0 0 rgba(0, 1, 1, 0.3);
	}    


	.search {border-top: none;}

	nav.menu ul {position: absolute; left: 0; width: 100%; display:none;}

	nav.menu ul li {
		width: 100%;
		border-bottom: 1px solid;
		border-top: none;
		text-align: left;
		background: #8fbe13;
		color: #fff;
	}

	nav.menu ul li a {
	    color: #fff;
	    display: block;
	    font-family: LatoLatin;
	    font-size: 18px;
	    margin-top: 2px;
	    padding: 8px 15px;
	}

	nav.menu ul li:hover, nav ul li.active {border-top: none; border-bottom: 1px #8fbe13 solid; color: #8fbe13; background: #fff;}
	nav ul li.active a {color: #8fbe13;}
	nav.menu ul.on {display: block; background: #fff; margin-top: 0;}

	nav.menu {position: relative; border-bottom: 1px solid #ededed;}

	nav.menu img {width: 200px;}

	nav.menu a > i.fa-bars {display: block; position: absolute; top: 0; left: 0; height: 100%; padding: 0 15px; line-height: 55px; font-size: 24px; z-index: 400;}

	nav.menu a > i.fa-bars:hover {opacity: 1;}


	.search div aside {display: none;}

	.search form > article:first-child {width: 100%;}

	.info_client article.achat {height: auto;}

	section.main article {width: 100%;}
	section.main article figure {width: 100%;}
	
	.slider {display: none;}
	
}

	
	
	
	
	
	
	
	
	
	
	





/*.contact form .inputName {height: 99px;}*/
.contact form .inputName .name {top: 21px; width: 339px; display: block; left: 0; position: relative;}
.contact form .inputName .name>input {width: 339px; }
/*.contact form .inputName .name:last-child {top: 81px; }*/
/*.contact form .inputName .name:last-child input {width: 434px;}*/
/*.contact {}*/

.errors, .message {display: none; background: #d70000; width: 100%; font-size: 13px;} 
.errors {background: #d70000;} 
.message {background: #ac2;} 
.errors.active, .message.active {display: block;}
.errors li, .message li  {font-size: 13px; color: #fff; padding: 16px; display: block;}
	
	
	
/*
section article / Home page
ydalit background-color: #fcfcfc;
color: #8a8a8a; gris
color: #8fbe13; vert
color: #535353; norm
color: #d70000; red
border: 1px solid #ccc; gris claire
*/