/*******************/
/*      Fonts      */

@font-face {
	font-family: 'Segoe';
    src: url('../fonts/Segoe_UI/Segoe_UI.ttf');
}

@font-face {
	font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Regular.ttf');
}

@font-face {
	font-family: 'Poppins Semi Bold';
    src: url('../fonts/Poppins/Poppins-SemiBold.ttf');
}

@font-face {
	font-family: 'Poppins Bold';
    src: url('../fonts/Poppins/Poppins-Bold.ttf');
}

/*                 */
/*******************/

/* Reset CSS
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

input {
  /* Réinitialisation des styles par défaut */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  margin: 0;
  outline: none;
  padding: 0;
  letter-spacing: normal;
}

input[type="radio"] {
  /* Rétablissement des styles spécifiques pour les radio buttons */
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
  margin-right: 5px;
}

/* custom scrollbar */
::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #DFDFDF;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #D1D1D1;
}

/*** Provisoire ***/

#titleFullPage {
	position: relative;
	height: 100vh;
	width: 100%;
}

#titleFullPage nav {
	position: absolute;
	right: 20px;
	top: 5px;
}

#titleFullPage nav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#titleFullPage nav ul li {
	margin-left: 25px;
}

#titleFullPage nav ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    font-family: 'Poppins';
    color: #717171;
    font-size: 14px;
}

#titleFullPage nav ul span {
	font-size: 20px;
	color: #343B32;
}

#titleFullPage nav ul li a:hover, #titleFullPage nav ul li a:focus {
	color: #343B32;
}

#titleFullPage nav ul li a:hover span, #titleFullPage nav ul li a:focus span {
	-webkit-transform: translateX(3px);
	        transform: translateX(3px);
}

#titleFullPage #title {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	color: #343B32;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-family: 'Poppins Semi Bold';
    font-size: 30.5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 25px 40px;
    border-radius: 5px;
}

#titleFullPage #title span {
	display: block;
	color: #C39B6A;
	font-size: 13px;
}

/*** Button ***/

.buttonBase {
	border: none;
	background-color: inherit;
	cursor: pointer;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 7px 15px;
	font-family: 'Poppins Semi Bold';
	border-radius: 5px;
	font-size: 12px;
}

.buttonBase span {
	font-size: 1.5em;
	margin-right: 5px;
}

.buttonIconRight span {
	font-size: 1.5em;
	margin-right: 0px;
	margin-left: 5px;
}

.buttonGrey {
	color: #A3A3A3;
	border: 1px solid #A3A3A3;
}

.buttonGrey:hover {

}

a:hover .buttonGrey, a:focus .buttonGrey, .buttonGrey:focus, .buttonGrey:hover {
	color: #717171;
	border: 1px solid #717171;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.10);
}

.buttonGreen {
	color: #C39B6A;
	border: 1px solid #C39B6A;
}

a:hover .buttonGreen, a:focus .buttonGreen {
	color: #C39B6A;
	border: 1px solid #C39B6A;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.10);
}

/* Box popup */

.boxBasic {
	padding: 20px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.boxBasicTitle {
	display: block;
	font-family: 'Poppins Semi Bold';
	font-size: 20px;
	color: #343B32;
	padding-bottom: 15px;
	border-bottom: 1px solid #A3A3A3;
}

.boxBasic form {
	padding-top: 30px;
}

.boxBasic form div.oneInputAndLabel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.boxBasic form input[type=submit] {
	display: inline;
	box-sizing: inherit;
}

.boxBasic form label {
	display: inline-block;
	cursor: pointer;
	font-family: 'Poppins Semi Bold';
	color: #717171;
	font-size: 15px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.boxBasic form input[type="mail"], .boxBasic form input[type="password"] {
	margin: 12px 0 28px 0;
	color: #717171;
	padding: 10px 15px;
	border: 1px solid #A3A3A3;
	border-radius: 5px;
	font-family: 'Poppins';
	font-size: 15px;
}

.boxBasic form input::-webkit-input-placeholder {
	color: #A3A3A3;
}

.boxBasic form input::-moz-placeholder {
	color: #A3A3A3;
}

.boxBasic form input:-ms-input-placeholder {
	color: #A3A3A3;
}

.boxBasic form input::placeholder {
	color: #A3A3A3;
}

.boxBasic .buttonsFormBottom {
	margin-top: 30px;
	text-align: right;
}

.boxBasic .buttonsFormBottom input[type=submit] {
	background-color: white;
	border: 1px solid #C39B6A;
	color: #C39B6A;
	padding: 7px 15px;
	border-radius: 5px;
	font-family: 'Poppins Semi Bold';
	cursor: pointer;
	
	/* Préfixes vendeurs */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.boxBasic .buttonsFormBottom input[type=submit]:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.inputCheckboxAndLabel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
}

.inputCheckboxAndLabel input {
	cursor: pointer;
}

.inputCheckboxAndLabel label {
	padding-left: 5px;
	font-family: 'Poppins' !important;
}

/* Settings */

.topSubSettings {
	margin-top: 35px;
}

.topSubSettings h2 {
	margin-bottom: 15px;
	font-family: 'Poppins Semi Bold';
	color: #343B32;
	font-size: 17px;
}

.topSubSettings p {
	font-family: 'Poppins';
	color: #717171;
	font-size: 15px;
	line-height: 18px;
}

.containerSubSettings {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 35px auto 25px auto;
	max-width: 1700px;
	padding: 20px 20px 25px 20px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.containerSubSettings table .buttonGrey {
	display: inline-block;
}

.containerSubSettings table {
	font-family: 'Poppins';
	font-size: 15px;
	color: #343B32;
}

.containerSubSettings table td:last-child {
	font-family: 'Poppins Semi Bold';
	padding-left: 30px;
}

.containerSubSettings table td {
	padding-bottom: 40px;
}

.containerSubSettings table td p {
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 10px;
}

.containerSubSettings #profilPicture {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-left: 1px solid #A3A3A3;
	padding-left: 20px;
}

.containerSubSettings a {
	font-family: 'Poppins';
	color: #717171;
	text-decoration: underline;
}

.containerSubSettings a:hover, .containerSubSettings a:focus {
	color: #343B32;
}

.containerSubSettings #profilPicture span {
	font-family: 'Poppins';
	font-size: 15px;
	color: #343B32;
}

.containerSubSettings #profilPicture div {
	display: inline-block;
	border-radius: 100%;
	width: 120px;
	height: 120px;
	overflow: hidden;
	margin: 25px 0;
}

.containerSubSettings #profilPicture div img {
	width: 100%;
}

.pils {
	font-family: 'Poppins';
	white-space: nowrap;
	margin-right: 30px;
}

.pils i {
	display: inline-block;
	height: 10px;
	width: 10px;
	border-radius: 100%;
	margin-right: 5px;
}

.greenPils {
	color: #3D7531;
}

.greenPils i {
	background-color: #3D7531;
}

.yellowPils {
	color: #EEAB0F;
}

.yellowPils i {
	background-color: #EEAB0F;
}

.redPils {
	color: #CF0101;
}

.redPils i {
	background-color: #CF0101;
}

#containerPopupForm {
	width: 100%;
	height: 100vh;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: blur(5px);
	        backdrop-filter: blur(5px);
	z-index: 99999;
}

#popupForm {
	position: relative;
	top: 40%;
	left: 45%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 35%;
	min-width: 550px;
	background-color: white;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#popupForm h3 {
	font-family: 'Poppins Semi Bold';
	font-size: 20px;
	color: #343B32;
	padding-bottom: 15px;
	border-bottom: 1px solid #A3A3A3;
	margin-bottom: 25px;
}

#popupForm form input[type=text], #popupForm form input[type=password], #popupForm form textarea {
	box-sizing: border-box;
	display: block;
	margin: 12px 0 28px 0;
 	color: #717171;
 	padding: 10px 15px;
 	border: 1px solid #A3A3A3;
	border-radius: 5px;
	font-family: 'Poppins';
	font-size: 15px;
	width: 100%;
}

#popupForm form textarea {
	resize: none;
}

#returnButtonPopup, #resetButtonPopup {
	font-size: 15px;
}

#returnButtonPopup {
	margin-left: 20px;
}

#popupForm form input[type=text]::-webkit-input-placeholder, #popupForm form input[type=password]::-webkit-input-placeholder {
	color: #A3A3A3;
}

#popupForm form input[type=text]::-moz-placeholder, #popupForm form input[type=password]::-moz-placeholder {
	color: #A3A3A3;
}

#popupForm form input[type=text]:-ms-input-placeholder, #popupForm form input[type=password]:-ms-input-placeholder {
	color: #A3A3A3;
}

#popupForm form input[type=text]::placeholder, #popupForm form input[type=password]::placeholder {
	color: #A3A3A3;
}

#popupForm form label {
	display: inline-block;
  cursor: pointer;
  font-family: 'Poppins Semi Bold';
  color: #717171;
  font-size: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#popupForm #buttonsValidateOrReturn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}

#popupForm #buttonsValidateOrReturn input[type=submit] {
	font-size: 15px;
	margin-left: 20px;
}

#containerPopupForm span {
	display: block;
	text-align: center;
	font-family: 'Poppins Semi Bold';
	margin: 25px 0;
	color: #CF0101;
}

#successPasswordMsg {
	margin-left: 30px;
	color: #3D7531;
}

/* Settings */

.containerSubSettings form {
	display: inline;
}

.formSendSMSVerify input[type=submit], .formSendSMSVerify input[type=text] {
	display: none;
}

.formSendSMSVerify label {
	line-height: normal;
}

/** Messagerie **/

#containerMessagerie {
	margin: 20px 0 15px 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: calc(100vh - 200px);
}

#containerMessagerie.messagerieBack {
	height: calc(100vh - 195px);
}

#containerMessagerie aside {
	box-sizing: border-box;
	min-width: 275px;
	max-width: 400px;
	width: 23%;
	border-right: 1px solid #A3A3A3;
	padding-right: 30px;

}

#searchUserBar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding-bottom: 15px;
	border-bottom: 1px solid #A3A3A3;
	margin: 10px 0 30px 0;
}

#searchUserBar form {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

#searchUserBar input[type=text] {
	width: 100%;
	border: 0;
	color: #343B32;
	font-family: 'Poppins';
	outline: none;
	line-height: 25px;
}

#searchUserBar input[type=text]::-webkit-input-placeholder {
	color: #A3A3A3;
}

#searchUserBar input[type=text]::-moz-placeholder {
	color: #A3A3A3;
}

#searchUserBar input[type=text]:-ms-input-placeholder {
	color: #A3A3A3;
}

#searchUserBar input[type=text]::placeholder {
	color: #A3A3A3;
}

#searchUserBar button {
	padding: 0;
	cursor: pointer;
	color: #C39B6A;
	border: 0;
	background-color: inherit;
}

#searchUserBar button:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#searchUserBar button span {
	font-size: 27px;
	font-weight: 300;
}

#userListMessagerie .userBar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#userListMessagerie img {
	width: 50px;
	border-radius: 150px;
	margin-right: 15px;
}

#userListMessagerie h3 {
	color: #717171;
	font-family: 'Poppins Semi Bold';
	font-size: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#userListMessagerie .userBar div {
	overflow: hidden;
}

#userListMessagerie p {
	margin-top: 10px;
	font-family: 'Poppins';
	color: #A3A3A3;
	font-size: 13px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#noConv {
	margin-top: 150px;
	display: block;
	width: 100%;
	text-align: center;
	font-family: 'Poppins';
	font-size: 12px;
	color: #A3A3A3;
}

#containerMessagerie #conversationContainer {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

#conversationContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 0 5px 0 30px;
}

#conversationContainer header {
	padding-bottom: 11px;
	border-bottom: 1px solid #A3A3A3;
	margin-bottom: 15px;
}

#interlocutor {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#interlocutor h2 {
	font-family: 'Poppins Semi Bold';
	font-size: 18px;
	color: #343B32;
	margin-bottom: 5px;
}

#interlocutor span {
	font-family: 'Poppins';
	color: #717171;
	font-size: 13px;
}

#interlocutor img {
	width: 40px;
	height: 40px;
	border-radius: 50px;
	margin-right: 15px;
}

#messagesContainer {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: 15px 0;
	max-height: 615px;
	overflow: auto;
	scroll-padding-top: 100px;
}

#messagesContainer ul {
	position: relative;
}

#messagesContainer li p {
	width: 45%;
	padding: 10px;
	border-radius: 10px;
	font-family: 'Poppins';
	font-size: 14px;
	line-height: 20px;
}

#messagesContainer li.received p {
	background-color: #F6F6F6;
	color: #717171;
}

#messagesContainer li.sent {
	text-align: right;
}

#messagesContainer li.sent p {
	display: inline-block;
	background-color: #C39B6A;
	color: white;
	text-align: left;
}

#messagesContainer li.other {
	margin-top: 5px;
}

#messagesContainer li.firstReprise {
	margin-top: 30px;
}

#messagesContainer li span {
	display: block;
	font-family: 'Poppins';
	font-size: 12px;
	margin-top: 10px;
	color: #A3A3A3;
}

#conversationContainer footer {
	margin-top: 20px;
	border-bottom: 1px solid #A3A3A3;
}

#conversationContainer footer form {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	vertical-align: bottom;
}

#conversationContainer footer input[type=submit] {
	display: none;
}

#conversationContainer footer label span {
	color: #A3A3A3;
	font-size: 30px;
}

#conversationContainer footer label:hover span, #conversationContainer footer label:focus span {
	color: #717171;
}

#conversationContainer footer textarea {
	resize: none;
	border: 0;
	outline: none;
	width: 90%;
	font-family: 'Poppins';
	height: 4em;
	overflow: auto;
}


/** Properties **/

#listOfProperties.grid {
	width: 100%;
	height: auto;
	margin: 30px auto;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (300px)[auto-fill];
	    grid-template-columns: repeat(auto-fill, 300px);
	grid-gap: 50px;
	-ms-grid-row: 1;
	    grid-row: 1;
}

.propertyMinia {
	width: 300px;
}

.propertyMinia img {
	border-radius: 3px;
	width: 300px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.propertyMinia .descContainer {
	padding-top: 10px;
	font-family: 'Poppins Semi Bold';
}

.propertyMinia .descContainer .isOffline {
	float: left;
	display: block;
	width: 10px;
	height: 10px;
	background-color: red;
	border-radius: 10px;
	margin: 8px 10px 0 5px;
}

.propertyMinia .descContainer h2 {
	font-size: 18px;
	color: #343B32;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	            -ms-grid-row-align: center;
	        align-items: center;
	line-height: 25px;
}

.propertyMinia .descContainer h3 {
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 14px;
	color: #717171;
}

.propertyMinia .descContainer h3 span {
	font-size: 22px;
	margin-right: 5px;
}

/** Users **/

.userMinia {
	width: 150px;
}

.userMinia img {
	border-radius: 200px;
	width: 150px;
	height: 150px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}

.userMinia .descContainer {
	padding-top: 10px;
	font-family: 'Poppins Semi Bold';
}

.userMinia .descContainer h2 {
	font-size: 14px;
	color: #343B32;
	text-align: center;
}

/** Property **/

#headerPropertyPage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#titlePropertyPage {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-right: 50px;
}

#headerPropertyPage #returnLink {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-family: 'Poppins Semi Bold';
	color: #3D7531;
	font-size: 15px;
	margin-bottom: 15px;
}

#headerPropertyPage #returnLink:hover {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#headerPropertyPage #returnLink span {
	font-size: 15px;
	margin-right: 3px;
}

#titlePropertyPage h1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	line-height: 25px;
}

#titlePropertyPage h1 span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #3D7531;
	font-size: 17px;
	margin-left: 20px;
}

#titlePropertyPage h1 #isOnline {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #3D7531;
	border-radius: 10px;
	margin-right: 7px;
}

#infosPublication {
	display: inline-block;
	font-family: 'Poppins';
	margin-top: 10px;
	font-size: 15px;
}

#infosPublication b {
	font-family: 'Poppins Semi Bold';
	color: #3D7531;
}

#buttonsPropertyPage a, #buttonsPropertyPage button {
	margin-right: 30px;
}

#buttonsPropertyPage a:last-child, #buttonsPropertyPage button:last-child {
	margin-right: 0;
}


#pageContentProperty {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

#contentPropertyInfos, #contentUserInfos {
	position: relative;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin: 30px 20px 0 0;
}

#picturesGrid {
	width: 100%;
	height: auto;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (115px)[auto-fill];
	    grid-template-columns: repeat(auto-fill, 115px);
	grid-gap: 20px 25px;
	-ms-grid-row: 1;
	    grid-row: 1;
	margin-bottom: 35px;
}

#picturesGrid img:first-child {
	grid-area: 1 / 1 / 3 / 3;
	width: 100%;
}

#picturesGrid img {
	width: 115px;
}

#contentPropertyInfos p, #contentUserInfos p {
	font-family: 'Poppins Semi Bold';
	font-size: 16px;
	color: #343B32;
	margin-bottom: 15px;
	line-height: 20px;
}

#contentPropertyInfos b, #contentUserInfos b {
	font-family: 'Poppins';
	color: #717171;
	margin-right: 15px;
	display: inline-block;
}

#pageContentProperty aside, #contentUserInfos aside {
	min-width: 320px;
	width: 30%;
}

#contentUserInfos img {
	position: absolute;
	right: 5%;
	top: 0;
	border-radius: 150px;
	width: 100px;
	height: 100px;
	opacity: 0.25;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}

#contentUserInfos .empty {
	font-family: 'Poppins';
	color: #A3A3A3;
}

#lastActivities header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-bottom: 1px solid #343B32;
	padding-bottom: 15px;
}

#lastActivities header h2 {
	font-family: 'Poppins Semi Bold';
	font-size: 14px;
}

#lastActivities header div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-family: 'Poppins';
	color: #3D7531;
	font-size: 13px;
}

#lastActivities header div span {
	font-size: 17px;
	margin-right: 4px;
}

#lastActivities li {
	padding: 25px 10px;
	font-family: 'Poppins';
	font-size: 14px;
	border-bottom: 1px solid #A3A3A3;
	line-height: 16px;
}

#lastActivities li:last-child {
	border-bottom: 0;
}

#lastActivities li a {
	font-family: 'Poppins Semi Bold';
	color: #3D7531;
}

#rechercheBien, #venteBien {
	margin-top: 50px;
}

#rechercheBien header, #venteBien header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding-bottom: 15px;
	border-bottom: 1px solid #717171;
	margin-bottom: 25px;
}

#rechercheBien header h2, #venteBien header h2 {
	font-family: 'Poppins Semi Bold';
	font-size: 17px;
	color: #343B32;
}

#rechercheBien .buttonsContainer button:last-child, #venteBien .buttonsContainer button:last-child {
	margin-left: 15px;
}

/** property Modify **/

#submitFormModifyProperty, #submitFormModifyPropertyDraft {
	display: none;
}

#contentPropertyInfosModify form {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
  margin-bottom: 100px;
}

#galleryContainer {
	max-width: 500px;
	min-width: 300px;
	width: 30%;
}

#galleryContainer h2 {
	font-family: 'Poppins Semi Bold';
	font-size: 14px;
	color: #717171;
	padding-bottom: 10px;
	border-bottom: 1px solid #A3A3A3;
	margin-bottom: 20px;
}

#galleryContainer #gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

#gallery .imgContainer {
	position: relative;
	width: 48%;
	overflow: hidden;
	margin-bottom: 15px;
}

#gallery .imgContainer img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);

}


#galleryContainer label {
	margin-top: 20px;
	width: 100%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	box-sizing: border-box;
}

#allInformations {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-right: 50px;
}

#allInformations label {
	display: inline-block;
	font-family: 'Poppins Semi Bold';
	font-size: 14px;
	color: #717171;
	margin-bottom: 10px;
}

#allInformations div {
	margin-bottom: 30px;
}

#allInformations input[type=text], #allInformations textarea, #allInformations select {
	display: block;
	border: 1px solid #A3A3A3;
	border-radius: 5px;
	background-color: white;
	color: #717171;
	font-family: 'Poppins';
	font-size: 14px;
	padding: 6px 10px;
	width: 200px;
}

#allInformations .tripleInput, #allInformations .diagnostics {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

#allInformations .tripleInput div:first-child, #allInformations .tripleInput div:nth-child(2), #allInformations .diagnostics div:first-child {
	margin-right: 100px;
}

#allInformations .oneInput input, #allInformations .oneInput textarea {
	width: 100%;
}

#allInformations .oneInput textarea {
	height: 150px;
	resize: none;
}

#allInformations .diagnostics {
	margin-top: 60px;
}

#allInformations .diagnostics select {
	max-width: 150px !important;
}

.extraFeatures label {
	margin-bottom: 0 !important;
}

.extraFeatures ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-bottom: 30px;
}

.extraFeatures li {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border: 1px solid #A3A3A3;
	color: #A3A3A3;
	padding: 8px 15px;
	font-size: 15px;
	font-family: 'Poppins';
	border-radius: 35px;
	margin-right: 25px;
	margin-top: 20px;
}

.extraFeatures li span {
	font-size: 20px;
	margin-left: 5px;
}

.extraFeatures li:last-child span {
	margin-left: 0;
}

.extraFeatures button {
	background-color: inherit;
	border: 0;
	color: #A3A3A3;
	padding: 8px 15px;
	border-radius: 35px;
	font-size: 8px;
	padding: 0;
}



#listOfPige .emptyField {
	color: #A3A3A3;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.infosPige {
	margin-top: 10px;
	font-size: 13px;
}

.infosPige p {
	display: inline;
	color: #343B32;
	font-family: 'Poppins Semi Bold';
	margin-right: 15px;
}

.infosPige b {
	font-family: 'Poppins';
}

.infosPige a {
	color: #C39B6A;
}

#submitSearch {
	display: none;
}