@CHARSET "ISO-8859-1";
.sejourExcerpt{
	min-height: 0;
}

.mobileCritDots{
	display: none;
}

.arrow{
	display: none;
}

/*recherche sur mobile*/
@media screen and (max-width: 991px){
	
	#pageWrapper {
    	width: 100%;
	}
	
	.btMobileFooter{
		background-color : #E84D0E;
    	height: 53px;
	}
	
	.animate { 
		transition: transform 0.3s ease-out; 
	}
	
	
	#moteurInsp{
		height: 100%;
	}
	
	fieldset.filtersTopFields.clearfix{
	    padding: 0 7.5% 0 12% !important; 
	    margin: 0px;
	}
	
	#moreFiltersArea {
	    width: 100%;
	    /*height: 300px;*/
	    height: 55%;
	    margin-top: 10px;
	    position: relative;
	  	overflow: hidden;
	  	display: block;
	}
	
	.filterWidgetTitle{
		/*border-bottom: 0px;
		text-align: center;*/
		margin-right: 7.5%;
	}
	
	.arrow{
		display: block;
        height:100%;
        width:7.5%;
        background-color: #daedf3;
        position: absolute;
        text-align: center;
        padding: 30% 0;
        z-index: 1000;
        font-size: xx-large;
        color: #4D4D4D;
    }
	
	.submitWrapper{display: none;}
	
	.mobileOnlyText.clearfix{
		display: none;
	}
	
	.filtersTopTitle{font-size: 17px;}
	
	.filtersSearch{
		display: none;
		height: 100%;
		position: absolute;
		z-index: 1;
		background-color: #DAEDF3;
		overflow: hidden;
	}
	
	.filtersSearch.critereOpen{
		display: block;
		width: 100%;
		padding: 0;
	}
	
	#moteurInspWrap fieldset {
    	padding: 0 25px;
	}
	
	.filtersWidget {
		width: 85%; 
	    height: 100%;
	  	position: absolute;
	  	z-index: 0;
	  	overflow: auto;
  	    padding-bottom: 30px;
	}
	
	html.critereOpen .sejourPrice{z-index: -1 !important;}
	
	html.critereOpen, body.critereOpen {margin: 0; height: 100%; overflow: hidden}
	
	.middleText{display: block;}
	
	.bt1{
		background-color : #E84D0E;
		width: 70%;
		display: inline;
		float:left;
		border: 0px;
		padding: 7px 5px;
	}
	
	.bt2{
		width: 10%;
		display: inline;
		float:left;
		border: 0px;
		margin: 0 0 0 3%;
		padding: 12px 0px;
	}
	
	.bt3{
		width: 10%;
		display: inline;
		float:left;
		margin: 0px;
		padding: 12px 0px;
		border: 0px;
		margin-left: 3%;
	}
	
	.magicTextSearchInput{
		display: none;
	}
	
	#mobileTextInput{
		background-color: #f3a686;
	    border: 0px;
	    color: #575756;
	}
	
	#header.critereOpen, #menuPro.critereOpen, .breadcrumb.clearfix.critereOpen{
		display: none;
	}
	
	.mobileCritDots.critereOpen{
		display: block;
	}
	
	.mobileCritDots{
		width: 40%;
		margin-left: 30%;
		margin-right: 30%;
	    text-align: center;
	}
	
	.mobileCritDots a{
	    border: 2px solid #4D4D4D;
        margin: 5px;
	    background: transparent;
	    width: 20px;
	    height: 20px;
	    text-align: left;
	    display: inline-block;
	    text-indent: -10000px;
	    border-radius: 10px;
	    cursor: pointer;
	}
	
	.active{
		
		background-color: #0082AE !important;
	}
	
	::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    	color:    #575756;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #575756;
	   opacity:  1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #575756;
	   opacity:  1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color:    #575756;
	}
	::-ms-input-placeholder { /* Microsoft Edge */
	   color:    #575756;
	}
}

@media screen and (max-height: 580px){
	#moreFiltersArea{
		height: 250px;
	}
	
	.filtersWidget ul li{
		padding: 5px 0px;
	}
	
	.filtersTopTitle{
		display: none;
	}
}

@media screen and (max-height: 430px){
	.container.filtersSearch.critereOpen{
		overflow: auto;
	}

	.arrow{
		padding: 30% 0;
	}
	
}

iframe.iframeClass{
	width: 710px;
	height: 710px;
}

.imgbtn{
	display: inline-block;
	width:22px;
	height: 22px;
}

#vue{
	display: flex;
}

#showmap{
	cursor: pointer;
	font-family: Calibri, sans-serif;
	display: flex;
	text-align: center;
	height: 40px;
	width: 100px;
	margin-bottom: 10px;
	align-items: center;
    justify-content: center;
}

#showlist{
	cursor: pointer;
	font-family: Calibri, sans-serif;
	display: flex;
	text-align: center;
	height: 40px;
	width: 100px;
	border-right: 1px solid grey;
	margin-bottom: 10px;
	align-items: center;
    justify-content: center;
}

#showmap > img{
	vertical-align: middle;
	margin-right: 10px;
}

#showlist > img{
	vertical-align: middle;
	margin-right: 10px;
}

.vuecarte{
	height: 100% !important;
}