/**
 *	SPECIF MOBILE
 *
 *
 *
 *
 */

.menu-mobile {
	display:none;
}

#menu-mobile svg rect {
	fill:#ffffff;
}
#menu-mobile-inner svg rect {
	fill:#000000;
}
.menu-close{display:none;}
#map-liste{
	width: 667px;height: 412px;position: relative;
}
#produits_associes{display:none;}

.page-contact #map-contact{
	width: 100%; height: 500px;
}
.page-contact #map-contact .leaflet-popup-content p {
	margin: 0px 0 !important; 
}
@media screen and (max-width: 500px) {
	
	#footerPicto ul#footerPicto > li,
	#footerPicto ul#footerPicto,
	#footerPicto{
		height:auto!important;
		background:#fff;
	}
	
	#footerPicto ul#footerPicto{
		/* display:flex; */
	}
	#footerPicto ul#footerPicto > li{
		/* width:50%; */
		margin:10px;
	}
	#footerPicto ul#footerPicto > li > a > img{
		width:auto;
		max-width:100%
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	.menu-mobile {
		display: block;
		float: right;
		width: 30px;
		line-height: normal;
		margin-right: 10px;
	}
	/*
	
	#menu-mobile {
		display: block;
		float: right;
		width: 30px;
		line-height: normal;
		margin-right: 30px;
	}
	#menu-mobile-inner{
		display: block;
	}
	*/
	
	.menu-mobile a{
		transition: none;
	}
	
	li.homeLi {
		display:none !important;
	}
	
	.pageAccueil .widgetProduct .pictureContainer,
	.pageAccueil .widgetProduct .pictureContainer .picture,
	.pageAccueil .widgetProduct .pictureContainer .picture img,
	div#footerInner,
	div#footerInnerPicto,
	div#headerInner,
	div#headerInner .widget-accroche-loger,
	div#headerInner .widget-accroche-locataire,
	div#headerInner .widget-accroche-professionnel,
	div.widgetRaccourcis,
	div#wrapperInner{
		width:100%
	}
	div .menu-close{   
		display: block;
		text-align: center;
		color: #fff;
		font-size: 1.6rem;
		position: absolute;
		right: -21px;
		top: calc(50% - 23px);
		border: 3px solid;		
		border-radius: 100%;
		padding: 4px 9px;
		background: #202121;
		z-index: 100000;
		font-weight: 100;
	}
	#wrapperInner .menu-close{
		padding: 8px 9px;
	}
	
	div#headerInner div#nested {
		width:50%;
		background:#202121de;
		/* left: 0; */
		position: fixed;
		/* top: 0; */
		z-index: 10000;
		height:100vh;
		display:none;
		line-height:normal;
	}
	
	div#headerInner div#nested ul{
		display:flex;		
		flex-direction: column;
		justify-content: flex-start;
		flex-wrap: nowrap;
		align-items: flex-start;
		height:100vh;
	}
	div#headerInner div#nested ul li{
		background-position:left -4px top;
		width:100%;
		padding:50px 0;
		/* height:80px; */
	}
	div#headerInner div#nested .firstLevel li a:hover, 
	div#headerInner div#nested .firstLevel li.active a {
		background:none;
		position:relative;
		top:initial;
		left:initial;
		width:auto;
		height:auto;
		padding:0;
	}
	
	div#headerInner div#nested ul li.menu-presentation.active{
		background:url("../images/images/template/presentation-hover.png") no-repeat left 0 top #F7B937;
	}
	div#headerInner div#nested ul li.menu-loger.active{
		background:url("../images/images/template/loger-hover.png") no-repeat left 0 top #EB8600;
	}
	div#headerInner div#nested ul li.menu-locataire.active{
		background:url("../images/images/template/locataire-hover.png") no-repeat left 0 top #C00E51;
	}
	div#headerInner div#nested ul li.menu-professionnel.active{
		background:url("../images/images/template/pro-hover.png") no-repeat left 0 top #CB126C;
	}
	div#headerInner div#nested ul li.menu-contact.active{
		background:url("../images/images/template/contact-hover.png") no-repeat left 0 top #924289;
	}
	/* #header{ */
		/* min-height: 280px; */
		/* line-height: 280px; */
		/* } */

		#header .wrapper h2{
			font-size: 2rem;
			line-height: 2.2rem;
		}

		#header .wrapper hr{
			display: none;
		}


		.pageAccueil #header .widget{   
			background: url(../images/images/template/bg-header-recherche-responsive.png);
			background-position: right -10px center;
			background-size: cover;
		}
		.pageAccueil #page{
			background:#8d1e60;
		}
		.pageAccueil #leftbar .widget-a-la-une h4{
			width:100%;
			float:none;
		},
		.pageAccueil .widgetText{
			padding:0
		}

		.pageAccueil #leftbar{
			padding:0 0 0 5px;
			width: 97%;
		}
		#slideActu .actu .widgetLastElementsPicture{
			/* float:none; */
			width:50%;
			/* margin:0; */
		}
		#slideActu .actu .widgetLastElementsPicture{
			/* height:auto; */
		}
		.pageAccueil div.Widget-rs-news,
		.pageAccueil #leftbar .widget-a-la-une .slides_container,
		.pageAccueil #leftbar .widget-a-la-une{
			width:100%;
		}
		.pageAccueil #leftbar .widget-a-la-une .actu{
			width:97vw;
		}
		.pageAccueil #leftbar .widget-a-la-une h4{
			text-align:left;
			margin-bottom:10px!important;
		}
		.pageAccueil .widget-trouver-un-logement form{
			float:none;
			margin:0;
			margin-top:5px;
			width:auto;
		}
		.pageAccueil .widget-trouver-un-logement h4{
			padding-right:12px;
		}
		.pageAccueil .widget-trouver-un-logement .btnSearch{
			right: 7px;
		}
		.pageAccueil .widget-trouver-un-logement select{
			max-width: 100%;
			width: 80px;
			/* z-index:1000; */
		}
		.pageAccueil .widget-trouver-un-logement table{
			max-width: 100%;
			width: 100%!important;
			margin:0;
			float:none;
		}
		.pageAccueil .priceRange{
			position:relative;
			width:100%;
			bottom:0;
			right:initial;

		}
		.pageAccueil .loyerPrice{
			position:relative;
			display:block;
			top:-3px;
			left:0;
			padding-left:5px;
		}
		.pageAccueil #prices,
		.pageAccueil .widgetSearch fieldset{
			margin-left:-28px
		}

		.pageAccueil .widget-a-vendre,
		.pageAccueil .widget-a-louer{
			right:initial;
			top: initial;
			width: 100%;
		}
		.pageAccueil .widgetProduct h4{
			width:100%;
			background-repeat:repeat-x;
			padding:10px 0
		}

		.pageAccueil .widgetProduct .pictureContainer .picture img{
			object-fit:cover
		}
		.pageAccueil .widget-a-louer .bien{
			width: 100vw;
		}
		.pageAccueil div.widget-rs{
			padding:0;
			flex-direction: column;
		}

		.pageAccueil div.widget-rs div:first-child {
			width:150px;
		}
		.pageAccueil div.widget-rs div:nth-child(2) a {
			padding: 10px 33px 10px 3px;
			width:auto;
		}
		#footer{
			height:auto;
			float:none;
			background-color:#fff;
		}
		#footer .widget{
			float:none;
		}
		.widget-colonne1, .widget-colonne2, .widget-colonne3{
			width:80%;
			margin:0 30px
		}
		.widget-colonne1{
			margin-top:10px
		}
		.widget-colonne1 li, .widget-colonne2 li, .widget-colonne3 li{
			width:100%
		}
		#footerPicto ul li{
			float:none;
			width:auto;
		}
		.pageAccueil .widget-footer-espace{
			top:25px;
		}
		.widget-footer-espace{
			top:165px;
		}
		#footerBottom > #footerInner > .widgetRaccourcis a{
			padding:0 10px 0 2px;
			margin:0;
		}
		#footerBottom > #footerInner > .widgetRaccourcis a > span{
			font-size:0.8em;
		}
		#logo-conseil-dep{
			display: block;
			margin: 0 30px 10px 30px;
			position: initial;
		}

		.widget-accroche-presentation{
			width:100%;
			background-position:-441px -14px;
		}

		.widget-accroche-admin p, 
		.widget-accroche-loger p, 
		.widget-accroche-locataire p, 
		.widget-accroche-professionnel p, 
		.widget-accroche-contact p, 
		.widget-accroche-recrutement p, 
		.widget-accroche-presse p{
			width:85%;
			float:none;
			margin:0;
			padding:103px 20px 10px 20px;
			line-height:inherit
		}
		.widget-accroche-presentation p{		
			width:97vw;
			float:none;
			margin:0;
			padding:103px 5px 10px 5px;
			line-height:inherit
		}
		.modele2 #container, 
		.modele3 #container, 
		.modele4 #container, 
		.modele5 #container, 
		.modele6 #container{
			width:100%;
			float:none;
		}
		.full #container,
		.pageUtile #container,
		.pageUtile #text {
			width: 100% !important;
		}
		#wrapperInner > #leftbar{
			float:none;
		}
		#wrapperInner > #leftbar > .nested{
			display:none;
		}
		#contentsInner{
			padding:15px 10px;
		}
		#text{
			width:100%;
		}
		.modele2 #leftbar #nested{
			background-color:#20212108;
		}
		.modele2 #leftbar #nested ul{
			margin:5px 5px 0 5px
		}


		.vous-etes-locataire #text img,
		.vous-etes-locataire iframe,
		.vous-recherchez-un-logement #text img,
		.en-direct-des-chantiers #text img,
		.chantiers-en-cours #text img,
		.les-derniers-travaux-d-entretien #text img,
		.actualites-diverses #text img,
		.index-egalite-professionnelle #text img,
		.votre-espace-personnalise #text img,
		.votre-loyer-et-vos-charges #text img,
		.les-relations-de-voisinage #text img,
		.vous-souhaitez-acheter-un-terrain #text img,
		.vous-souhaitez-acheter-un-logement #text img,
		.newsDetail #text img,
		.les-dernieres-inaugurations #text img,
		.bilan-des-chantiers #text img,
		.nos-agences #text img{
			width:100%!important;
		}

		.les-documents-a-votre-disposition .colright,.les-documents-a-votre-disposition .colleft{		
			width: 100%;
			float: none;
			text-align:center;
		}

		.nos-agences .intext_left {
			float: none !important;
			padding: 5px !important;
		}
		.en-direct-des-chantiers #article #chapo ,
		.chantiers-en-cours #article #chapo ,
		.les-dernieres-inaugurations #article #chapo ,
		.les-derniers-travaux-d-entretien #article #chapo ,
		.actualites-diverses #article #chapo {
			margin: auto;
			width: 100%;
			border: 0 none;
			padding: 0;
		}
		.en-direct-des-chantiers .author + .pager a,
		.chantiers-en-cours .author + .pager a,
		.les-derniers-travaux-d-entretien .author + .pager a,
		.actualites-diverses .author + .pager a,
		.les-dernieres-inaugurations .author + .pager a{
			background:none;
			width:auto
		}
		.en-direct-des-chantiers .author + .pager a:after,
		.chantiers-en-cours .author + .pager a:after,
		.les-derniers-travaux-d-entretien .author + .pager a:after,
		.actualites-diverses .author + .pager a:after,
		.les-dernieres-inaugurations .author + .pager a:after{
			content:" > "
		}
		.en-direct-des-chantiers .author + .pager a:first-child:after,
		.chantiers-en-cours .author + .pager a:first-child:after,
		.les-derniers-travaux-d-entretien .author + .pager a:first-child:after,
		.actualites-diverses .author + .pager a:first-child:after,
		.les-dernieres-inaugurations .author + .pager a:first-child:after{
			content:" | "
		}
		.en-direct-des-chantiers .author + .pager a:first-child:before,
		.chantiers-en-cours .author + .pager a:first-child:before,
		.les-derniers-travaux-d-entretien .author + .pager a:first-child:before,
		.actualites-diverses .author + .pager a:first-child:before,
		.les-dernieres-inaugurations .author + .pager a:first-child:before{
			content:" < "
		}
		#text img{
			margin:0;
			padding:0;
			border:0 none;
			/* width:100%!important; */
			height:auto!important;
		}
		.colright,
		.colleft{
			margin:3px;
			padding:3px
		}

		#refresh,
		#map-liste,
		#searchform table,
		#refresh .priceRange,
		#refresh .priceRange fieldset,
		.content-map {
			width: 100%;
			/* height: 412px;position: relative; */
		}
		#refresh{
			background:#fff;
			height:auto;
		}
		#refresh table{
			margin:0
		}
		#refresh .priceRange,
		#refresh .loyerPrice{
			position:relative;
			bottom:inherit;
			left:inherit;
			right:inherit;
			top:inherit;
		}
		#refresh .ui-slider-horizontal{
			margin:0;
		}
		#refresh .loyerPrice{

		}
		#searchform select{
			max-width:180px
		}
		#refresh #prices{
			margin:5px 0 0 0;
			padding:0;
		}
		#refresh #prices li{
			float:none;
			margin:0;
			padding:0;
			display: inline;
			margin-right: 14%;
		}
		#refresh .bt-refresh {
			position: relative;
			right: inherit;
			bottom: inherit;
			cursor: pointer;
			background: #AB317A;
			border: 0 none;
			padding:10px
		}
		.loader-map {
			width: 100%;
		}

		.widget-accroche-professionnel,
		.widget-accroche-recrutement,
		.widget-accroche-presse,
		.widget-accroche-loger,
		.widget-accroche-contact ,
		.widget-accroche-locataire {
			/* background:none; */
			/* position:relative; */
			/* background: url(../images/images/template/loger-mayenne-habitat.png) no-repeat -20px 0; */
			width:100%;
			background-position: 77% -13px;
		}
		/* .widget-accroche-loger:after { */
			/* content: ' '; */
			/* display: block; */
			/* position: absolute; */
			/* left: 0; */
			/* top: 0; */
			/* width: 100%; */
			/* height: 100%; */
			/* z-index: 1; */
			/* opacity: 0.6; */
			/* background-image: url(../images/images/template/loger-mayenne-habitat.png);  */
			/* background-repeat: no-repeat; */
			/* background-position: 50% 0; */
			/* background-size: cover; */
			/* } */

			.catalog .short_product_vendre .pictureContainer {
				margin: 0 10px 0 0;
			}
			.selectNbProducts{
				width:100%;
			}
			.sortResults fieldset{
				margin-left:0;
				margin-right:0;
			}
			.sortResults fieldset legend{
				margin:0;
			}
			label[for=sort_value]{
				display:none;
			}
			.sortResults label{
				margin-right: 2px;
			}
			table#diagnosticResultTable th{
				font-size:13px;
			}
			.modele5 .deux_colonnes .colleft{
				width:100%;
				float:none;
				margin:0;
				padding:0;
				border:0 none;
			}

			.espace-recrutement #menu-mobile-inner,
			.pageUtile #menu-mobile-inner,
			.newsList #menu-mobile-inner,
			.newsDetail #menu-mobile-inner,
			.pageAccueil #menu-mobile-inner,
			.page-contact #menu-mobile-inner{
				display:none
			}
			.modele6 .widget-carte{
				width:100%;
				margin:0;
				float:none;
			}
			.page-contact #leftbar{
				width:100%;
			}
			.page-contact #text{
				width:100%;
				float: none;
			}
			.page-contact .formulaire input[type="text"] {
				width: 100%;
			}
			.page-contact .widget-carte h4{
				padding:10px
			}
			.page-contact .leaflet-popup-content p{
				margin:0;
				line-height: initial;
			}
			#contentsInner .product_detail ul#head{
				width:100%;
				background:#efefef;
				display:flex;
				height:auto;
				line-height:inherit;
				margin: 10px 0 0 0;
				border:0 none;
			}
			#contentsInner .product_detail ul#head li,
			#produitsAssocies ul.infosBiens li{
				/* display:inline; */
				font-size: 11px;
				float: none;
				width:auto;
				text-transform:none;
				font-weight:normal;
				border:1px solid #ccc;
				padding:2px
				/* text-align:left; */
				/* background: url(../images/images/template/bg-head-biens.jpg) no-repeat; */
			}
			ul > li.type{
				width:10%!important;
			}
			ul > li.nombre{
				width:14%!important;
			}
			ul > li.surface{
				width:18%!important;
			}
			ul > li.loyer{
				width:33%!important;
			}
			ul > li.garage{
				width:19%!important;
			}

			ul.noGarage > li.type,
			.product_detail ul#head.noGarage + #produits_associes + #produitsAssocies li.type{
				width:14%!important;
			}
			ul.noGarage > li.nombre,
			.product_detail ul#head.noGarage + #produits_associes + #produitsAssocies li.nombre{
				width:18%!important;
			}
			ul.noGarage > li.surface,
			.product_detail ul#head.noGarage + #produits_associes + #produitsAssocies li.surface{
				width:22%!important;
			}
			ul.noGarage > li.loyer,
			.product_detail ul#head.noGarage + #produits_associes + #produitsAssocies li.loyer{
				width:37%!important;
			}

			#produitsAssocies > li{
				border:0 none;
			}
			#produitsAssocies{
				width:100%
			}
			#produitsAssocies ul.infosBiens{
				width:100%;
				display:flex;
				height:auto;
				line-height:inherit;
				margin: 0;
				border:0 none;
			}
			#produitsAssocies ul.infosBiens li > br{
				display:none;
			}

			.produits_associes, #produits_associes {
				margin: 15px 17px 20px 0;
			}

			.catalogProductDetail .box{		
				float: none;
				margin: 10px auto!important;
				padding-top: 2px;
			}
			#slideActu{
				height:auto;
			}
			#slideActu .slides_control {
				/* height: auto !important; */
			}

			.newsDetail #slideActu{
				position:relative;
			}
			.newsDetail #wrapperInner{
				display: flex;
				flex-direction: column;
			}
			.newsDetail #wrapperInner #leftbar {
				width:100%;
				order:2;
			}
			.newsDetail #slideActu{
				position:relative;
			}
			.newsDetail #slideActu .nav{
				top:174px;
			}
			#slideActu .nav{
				/* position:relative; */
				top:34px;
				right:0;
			}
			.newsDetail .widgetLastElements .widgetContainer{
				float:none;
			}
			.newsDetail .widgetLastElements > div.specif-title{
				background: linear-gradient(#EB971A, #F3B427);
			}
			.newsDetail #slideActu .slides_control{
				height:200px!important;
			}
			.newsDetail #leftbar .actu .widgetLastElementsPicture{
				height:auto;
				width:50%;
				max-height: inherit;
			}
			.newsDetail .widgetLastElements .widgetLastElementsPicture img{
				border:0 none;
				width:100%;
			}
			.newsDetail #leftbar .actu{
				padding: 5px;
				width: calc(100vw - 10px);
			}
			.newsList #leftbar{
				display:none;
			}
			.leaflet-popup-content-wrapper, .leaflet-popup-tip {
				height:auto!important;
			}
			#map-detail-big{
				width:100%!important;
				height:350px!important;
			}
			#mapLightbox{
				width:calc(100% - 10px)!important;
				height:350px!important;
				left:0!important;
			}
			.product_detail #ProductLeftCol,
			.product_detail #ProductRightCol{
				width:100%;
				float:none;
			}
			.sitemap {
				width: 100%;
			}
		}


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

			.pageAccueil .widget-trouver-un-logement form{
				background:#fff;
			}
			.pageAccueil .widget-trouver-un-logement .btnSearch{
				bottom: 5px;
			}
			.pageAccueil #prices{
				display:inline-block
			}

		}