body{
	margin:0px;
	padding:0px;
	color: #000;
	font-size: 15px;
	font-family: Helvetica,'Times New Roman',Times,serif;
	line-height: 22px;
	font-weight: lighter;
}

.z-index
{
	z-index:9999;
}

.alerte_mail
{
	background-color: #FFF;
	color: #000;
	font-size: 13px;
}

*, ::before, ::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row
{
	top:0;
	width:100%;
	font-size:16px;
	color:#FFF;
	background:#990033;
	height:20px;
	/*
	padding-top:10px;
	padding-bottom:10px;
	*/
	padding:25px;
	margin:0px;
}
.row2
{
	width:100%;
	font-size:16px;
	color:#FFF;
	background:#990033;
	height:70px;
	/*
	padding-top:10px;
	*/
	padding:25px;
	margin:0px;
}
.label-2
{
	width:80%;
	text-align:right;
}

.clear5f
{
	clear:both;
	height:5px;
}

.clear10
{
	clear:both;
	height:10px;
}

.clear20f
{
	clear:both;
	height:20px;
}

.upppercase
{
	text-transform:uppercase;
}

.padding-90-l
{
	padding-left:90px;
}

.padding-90-r
{
	padding-right:90px;
}

.padding-25
{
	padding:25px;
}

.padding-25-l
{
	padding-left:25px;
}

.padding-25-r
{
	padding-right:0px;
}

.padding-20-l
{
	padding-left:20px;
}

.padding-20-r
{
	padding-right:20px;
}

.margin-20-l
{
	margin-left:20px;
}

.margin-top-superficie
{
	margin-top:0px;
}

.main-content
{
	width:100%;
	max-width:1100px;
	margin:auto;
	position:relative;
}


.main-content2
{
	/*
	width:100%;
	max-width:800px;
	margin:auto;
	position:relative;
	*/
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}


.base_filter2{
	min-height:40px;
	background:#FFF;
	width:100%;
}

.base_filter2 .drop{
		background-image: url("../img/chevron_drop.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 97% 0;
}

.base_filter2 .col-6{
	width:100%;
	height: 29px;
    float: left;
    position: relative;
    padding-top: 11px;
    box-sizing: border-box;
}

.base_filter2 .field
{
	float: left;
    height: 35px;
    text-align: left;
    width: 100%;
    cursor: pointer;
    border: 2px solid #cbcbcb;
    color: #000;
    position: relative;
}

.base_filter2 .col-6:first-child::before{
	content:'';
	width:1px;
	height: 29px;
	background:#000;
	top:10px;
	left:0px;
	position:absolute;
	
}

.base_filter2 .col-6::after{
	content:'';
	width:1px;
	height: 29px;
	background:#000;
	top:10px;
	right:0px;
	position:absolute;
	
}



.base_filter2 .listing {
	width: 100%;
	height: 122px;
	background:#FFF;
	position: absolute;
	top: 33px;
	display:none;
	box-sizing:border-box;
	padding: 7px;
	overflow:auto;
}

.disp_select{
	padding: 5px 30px 5px 5px;
    font-size: 16px;
	width:85%;
	white-space: nowrap;
	overflow: hidden;
    text-transform: lowercase;
}



.squaredArrondissement { width:80px; }
.squaredSuperficie { width:60px; }
.squaredPieces { width:55px; }
.squaredBudget { width:150px; }

.squaredSuperficie, .squaredPieces, .squaredBudget {
	position:absolute;
	cursor:pointer;
	opacity:0;
}

.squaredOne, .squaredOneRecherche {
  position: relative;
  padding-left:20px;
}

.squaredOne label {
  width: 11px;
  height: 11px;
  position: absolute;
  left:0;
  top:5px;
  cursor: pointer;
  border:solid #cbcbcb 1px;
}

.squaredOne label:after, .squaredOneRecherche label:after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 1px;
  left: 1px;
  background: #615f5f;
  opacity: 0;
}

.squaredOne input[type=checkbox]:checked + label:after, .squaredOneRecherche input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.checkbox_morph{
    background: #FFF url(../img/check.png) no-repeat 0% 96%;
}

.checkbox_cust{
	display:none;
}

.relative
{
	position:relative;
}

.span_vente_location
{
	right:0%;
	top:0%;
	position:absolute;
}

.col-100-f{
	width:100%;
	margin:auto;
	box-sizing:border-box;
}

.col-50-f{
	width:48.5%;
	height:auto;
	float:left;
}

.col-50-2-f{
	width:48.5%;
	height:auto;
	float:right;
}


.col-25-f{
	width:25%;
	height:auto;
	float:left;
	
}

.col-25-2f{
	width:20%;
	height:auto;
	float:left;
	
}

.col-25-f:last-child{
	width:20%;
	height:auto;
	float:left;
	
}

.font17


{
	font-size:17px;
}

.font16
{
	font-size:16px;
}

.font15
{
	font-size:15px;
}

.font14
{
	font-size:14px;
}


.font13
{
	font-size:13px;
}

.align-right
{
	text-align:right;
	
}

.alerteChoixOff
{
	background-color:#990033;
	padding:5px 5px;
	cursor:pointer;
}

.alerte-vente:hover,.alerte-location:hover
{
	background-color: #333;
	padding:5px 5px;
    cursor: pointer;
}

.alerteChoixOn
{
	background-color:#333;
	padding:5px 5px;
	cursor:pointer;
}

.dropdown
{
	width:150px;
}

input[type=text], input[type=email] {
    border: solid #cbcbcb 2px;
    padding: 5px 10px;
	width:92%;
    font-size: 14px;
    color: #666666;
}

textarea {
    border: solid #cbcbcb 2px;
    padding: 5px 10px;
	width:96%;
	height:200px;
	margin:auto;
    font-size: 14px;
    color: #666666;
}

select {
    border: solid #cbcbcb 2px;
    padding: 5px 5px;
	width:90%;
	margin:auto;
    font-size: 14px;
    color: #666666;
}

.padding-30-left
{
	padding-left: 30px;
}


.envoyerf
{
	width: 50%;
    height: 36px;
    background-color: #990033;
    border: none;
    font-weight: lighter;
    padding-top: 3px;
	float:right;
	color:#FFF;
	text-align:center;
	margin-right:8%;
}

.envoyer2
{
	width: 20%;
    height: 36px;
    background-color: #990033;
    border: none;
    font-weight: lighter;
    padding-top: 3px;
	float:right;
	color:#FFF;
	text-align:center;
	margin-right:2%;
}

.header-padding
{
	/*padding:15px 0 10px 0;*/
	padding:10px 0 10px 0;
}


.col-superficie
{
	padding-left:30px;
}

.col-piece
{
	width:130px;
}

.col-budget
{
	width:230px;
}



@media screen and (max-width:500px){
	
	.padding-20-l, .padding-20-r, .col-50-f, .col-25-f, .header-padding
	{
		clear:both;
		float:none;
	}
	
	
	.row2
	{
		font-size:14px;
	}
	
	.col-superficie, .col-piece, .col-budget, .padding-25-l, .padding-25-r
	{
		padding-left:25px;
		padding-top:55px;
		width:100%;
		margin:auto;
	}
	
	.base_filter2 .col6
	{
		width:50%;
		top:-5px;
	}
	
	.base_filter2 .listing {
		top: 34px;
		height:100px;
	}
	
	.clear20f
	{
		clear:both;
		height:10px;
	}
	
	
	.relative
	{
		clear:both;
		float:none;
		width:100%;
		height:50px;
		
	}
	
	.clear5f
	{
		clear:both;
		float:none;
	}
	
	
	.envoyerf {
		width: 100%;
		height: 36px;
		background-color: #990033;
		border: none;
		font-weight: lighter;
		padding-top: 3px;
		float: right;
		color: #FFF;
		text-align: center;
	}
	
	.col-50-f .envoyerf
	{
		float:left;
		
	}
	
	.margin-top-superficie
	{
		margin-top:-10px;
	}

}

/*
* Added
*/

	.main-content2 {
	    position: relative;
	    min-height: 1px;
	    padding-right: 25px;
	    padding-left: 25px;
	}

	.padding-25-l.padding-25-r
	{
			width: 100%;
			margin: auto;
	}

	.alerte_main_selectboxes, .alerte_more_details {
	    width: 100%;
	    display: flex;
	    align-content: center;
	    align-items: flex-start;
	    justify-content: flex-start;
	    flex-direction: row;
	}

	.col-selection-half
	{
		width: 48%;
		float: left;
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: space-between;
		flex-direction: row;
	}

	.col-selection-half-selectboxes
	{
		width: 48%;
		float: left;
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: space-between;
		flex-direction: row;
	}

	.seperator-half
	{
		width: 1%;
		float: left;
	}

	.seperator-half-inner
	{
		width: 1%;
		float: left;
	}

	.col-selection-half .col-selection
	{
		width: 49.5%;
		min-height: 1px;
		height: auto;
	}

	.col-selection-half-selectboxes .col-selection
	{
		width: 48%;
		min-height: 1px;
		height: auto;
	}

	input[type=text], input[type=email] {
	    border: solid #cbcbcb 2px;
	    padding: 5px 10px;
	    width: 100%;
	    font-size: 14px;
	    color: #666666;
	}

	.disp_select 
	{
		color: #666666;
		font-size: 14px;
	}

	.champsf
	{
		margin-bottom: 5px;
	}

	.resp_vente_location
	{
		display: none;
	}



	@media screen and (max-width:500px){

		.resp_vente_location
		{
			display: block;
		}

		.non_resp_vente_location
		{
			display: none;
		}

		.row2
		{
			height: 100px;
		}

		.alerte_main_selectboxes, .alerte_more_details {
		    width: 100%;
		    display: flex;
		    align-content: center;
		    align-items: flex-start;
		    justify-content: flex-start;
		    flex-direction: column;
		}

		.col-selection-half-selectboxes
		{
			width: 100%;
			flex-direction: column;
		}

		.col-selection-half
		{
			width: 100%;
		}

		.col-selection-half-selectboxes .col-selection {
		    width: 100%;
		    min-height: 1px;
		    height: auto;
		}

		.base_filter2 .listing {
		    background: #FFFFFF;
		    z-index: 9999;
		}

		.base_filter2 .col6 {
		    width: 100%;
		    top: -5px;
		}

		.resp_clear_form
		{
			clear: both;
			height: 20px;
		}
	}
	