/* ------------------------------------------------------------------------------- GENERIQUE */

.has-gutter-l .three-fifths {
    -moz-box-flex: 0;
    flex: 0 0 auto;
    width: calc(100% / 5 * 3 - 2rem - 0.01px);
}
.has-gutter-l .four-fifths {
    -moz-box-flex: 0;
    flex: 0 0 auto;
    width: calc(100% / 5 * 4 - 2rem - 0.01px);
}
@media (max-width: 1100px) {
	.has-gutter-l .four-fifths.column_extrait{
		width: calc(100% - 250px - 2rem);
	}
}
@media (max-width: 991px) {
	/*.has-gutter-l .three-fifths{
		width: 60%;
	}
	.has-gutter-l .four-fifths {
	    width: 80%;
	}*/
}
html,
body{ 
	color: #4e5964;
	font-family: 'Open Sans', sans-serif;
}
code, div, pre, samp, table, td, textarea, th {
	hyphens: none;	
}
a{
	font-family: 'Raleway', 'Helvetica', sans-serif;
}
.uimasque{
	display: none;
}
#alert_jq #alert_coach p{
	font-size: 1em !important;
}
.innerLink{
	cursor: pointer;
}
.nowrap{
	white-space: nowrap;
}
.notify{
	border: 1px solid;
	margin: 10px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	border-radius: 5px;
}
.notify.notify-success{
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('/images/success.png');
}
.notify.notify-error{
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/images/error.png');
}
.notify.notify-info{
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/images/info.png');
}
.notify.notify-warning{
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/images/warning.png');
}
.w990p{
	width: 990px;
}
@media (max-width:990px){
	.w990p{
		width: 100%;
	}
	#bottomfixed_contain,
	#bottomfixed{
		width: 100% !important;
		padding: 10px;
		position: relative !important;
		margin: 0 !important;
		left: 0 !important;
		height: auto !important;
	}
	.acc_bottom{
		display: none !important;
	}
}
@media (max-width:1000px){
	.widthMax{
		padding-left: 15px;
		padding-right: 15px;
	}
	.widthMax2{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width:1000px){
	.widthMax{
		width: 1000px;
	}
	.widthMax2{
		width: 980px;
	}
}
@media (min-width:1200px){
	.widthMax{
		width: 1200px;
	}
}
@media (max-width:750px){
	#GeoLinks a.cta{
		display: none;
	}
	section{
		overflow: hidden;
	}
	.stickycta section#header_ville{
		overflow: visible;
	}
	#search-input-zone{
		padding-bottom: 10px;
	}
	#search-map-zone{
		display: none !important;;
	}
}
.bg-prim{
	background: #F6F6F4;
}
.bg-vert{
	background: #8FD486;
	color: #164011;
}
.bg-vert-light{
	background: #F3FBF1;
}
.bg-vert-light2{
	background: #b5e1b0;
}
.bg-rouge{
	background: #f1cfcf;
}
.bg-bleu{
	background: #005B7F;
	color: #fff;
}
.bg-bleu a{
	color: #fff;
}
.bg-bleu a:hover{
	text-decoration: none;
}
.bg-second{
	background: #D3D2C6;
	color: #514e3d;
}
.bg-second-light{
	background: #E9E8E3;
	color: #514e3d;
}
.bg-third{
	color: #fff;
	background: #7D7A6D;
}
.bg-dark{
	background: #514E3D;
	color: #a8a69a;
}
.bg-white{
	background: #fff;
}
@media (max-width:999px){
	.bg-prim-mobile{
		background: #F6F6F4;
		padding-left: 10px;
		padding-right: 10px;
	}
	.bg-second-light-mobile{
		background: #E9E8E3;
		color: #514e3d;
		padding-left: 10px;
		padding-right: 10px;
	}
}
.cta{
	color: #fff;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 3px;
	cursor: pointer;
}
.cta-bleu{
	background: #0089bf;
	border: 2px solid #0089bf;
	color: #fff;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
.cta-bleu-contour{
	color: #0089bf;
	border: 2px solid #0089bf; 
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;	
}
.cta-bleu-contour:hover{
	background: #0089bf;
	color: #fff;
}
.cta-bleu:hover{
	background:#005B7F;
	border: 2px solid #005B7F;
	color: #fff;
}
.cta-vert{
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	color: #fff;
	background: #43bf32;
	border: 2px solid #43bf32;
}
.cta-vert:hover{
	background: #23974E;
	border: 2px solid #23974E;
	color: #fff;
}
.cta-vert2{
	width: 150px !important;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	color: #fff !important;
	background: #43bf32 !important;
	display: inline-block !important;
	margin: 15px !important;
}
.cta-blanc{
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
.cta-gris{
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	background: #ccc;
	color: #fff;
}
.cta-gris:hover{
	color: #666;
}
.cta-blanc.text-bleu{
		color: #0089bf;
		border: 2px solid #0089bf;
}
.cta-blanc.text-bleu:hover{
		background: #0089bf;
		color: #fff;
}
.cta-blanc.text-vert{
		color: #43bf32;
		border: 2px solid #43bf32;
}
.cta-blanc.text-vert:hover{
		background: #43bf32;
		color: #fff;
}
.cta-blanc.text-rouge{
		color: #b83a3a;
		border: 2px solid #b83a3a;
}
.cta-blanc.text-rouge:hover{
		background: #a02929;
		color: #fff;
}
.big-cta:hover,
.big-cta{
	background-image: url("/images/flat/arrow_right2.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
	text-align: left;
}
.cta-300{
	width: 300px !important;
}
.cta-rouge{
	background: #b83a3a;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
.cta-rougehover{
	background: #a02929;
}
#multipleCta .cta{
	margin-bottom: 15px;
}
.quote-first{
	display: block;
	width: 40px;
	height: 33px;
	background: url("/images/flat/quote_first.png") no-repeat center;
}
.quote-second{
	display: block;
	width: 40px;
	height: 33px;
	background: url("/images/flat/quote_second.png") no-repeat center;
	margin-top: 10px;
}
.cta-block-2,
.cta-block{
	margin: 0 auto;
	margin-top: 25px;
	text-align: center;
}
.cta-block-2 .cta,
.cta-block .cta{
	padding: 5px 20px;
}
.cta-block-2{
	display: block;
}
.bigcta{
	text-decoration: none;	
}
@media (max-width:999px){
	.cta-block{
		display: block;	
	}
	.cta-block a{
		display: block;
		float: none;
		margin: 10px;
	}
}

@media (max-width:650px){
	.cta-block-2,
	.cta-block{
		width: 100%;
		text-align: center;
	}
	.cta-block-2 .cta,
	.cta-block .cta{
		display: inline-block;
		margin-top: 10px;	
		float: none;
	}
}
/* ------------------------------------------------------------------------------- HEADER */
#header{
	position: relative;
	z-index: 15;
	transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}
#p-text,
#header-text{
	color: #a8a69a;
	font-family: 'Muli', 'Tahoma', sans-serif;
	text-align: center;
}
#header-text{
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-size: 2em;
	color: #7d7a6d;
}
#p-text{
	color: #a8a69a;
}
#header-text.h1residence{
	font-size: 1.4em;
}
#logo_container{
	width: 185px;
	font-size: 1.1em;
	cursor: pointer;
}
#logo_container img{
	display: inline-block;
}
#navigation ul{
	margin: 0;
	padding-left: 0;
	text-align: center;
}
#navigation ul li{
	list-style: none;
}
#navigation ul li span,
#navigation ul li a{
	font-family: 'Raleway',Arial,Helvetica,sans-serif;
	text-decoration: none;
	vertical-align: bottom;
	display: block;
}
#navigation{
	width: 690px;	
	padding-left: 20px;
}
#navigation ul li{
	display: inline-block;
}
#navigation ul li.accesMobile{
	display: none;
}
#navigation ul li span,
#navigation ul li a{
	border-top: 1px solid #f6f6f6;
	color: gray;
	text-align: center;
	font-size: 1em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	height: 34px;
	text-transform: uppercase;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
#navigation ul li.accesMobile a{
	color: #fc822b;
	font-weight: bold;
}
#navigation ul li:hover span,
#navigation ul li span:hover,
#navigation ul li:hover a,
#navigation ul li a:hover{
	border-top: 4px solid #e1e1e1;
	font-weight: bold;
}
#navigation ul li span.current,
#navigation ul li a.current{
	border-top: 4px solid #0089BF;
	color: #0089BF;
	font-weight: bold;
}
#navigation ul li ul{
	display: none;
	position: absolute;
	background: #fff;
	-moz-box-shadow: 0px 5px 5px 0px #c0c0c0;
	-webkit-box-shadow: 0px 5px 5px 0px #c0c0c0;
	-o-box-shadow: 0px 5px 5px 0px #c0c0c0;
	box-shadow: 0px 5px 5px 0px #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=180, Strength=10);
	margin-left: -60px;
	z-index: 20;
	min-width: 200px;
}
#navigation ul li ul li{
	float: none;
	display: block;
}
#navigation ul li ul span,
#navigation ul li ul a{
	text-transform: none;
	font-size: 1em;
	display: block;
	float: none;
	font-weight: normal !important;
	border-top: 1px solid #f6f6f6 !important;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
}
#navigation ul li ul span:hover,
#navigation ul li ul a:hover{
	border-top: 1px solid #f6f6f6 !important;
	font-weight: normal !important;
	color: #0089BF;
}
#navigation ul li:hover ul{
	display: block;
}
#pub_header,
#cta_header{
	text-align: center;
	margin: 0 auto;
}
#cta_header.bigheader{
	display: none;
}
#LoginTitle span,
#LoginTitle a{
	background: #fc822b;
	width: 100px;
	border-radius: 3px;
	position: absolute;
	top: 20px;
	right: 10px;
	color: #fff;
	font-size: 1em;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
	text-decoration: none;
	z-index: 1;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
#LoginTitle:hover span,
#LoginTitle:hover a{
	background: #D97127;
}
#LoginBlock{
	border: 2px solid #fc822b;
	border-radius: 3px;
	width: 200px;
	position: absolute;
	top: 47px;
	right: 10px;
	background: #fff;
	z-index: 2;
	padding: 5px;
	color: #666;
}
#LoginBlock b{
	font-size: 14px;
}
#LoginBlock input#identifiant{
	width: 100%;
	height: 25px;
	margin-bottom: 5px;
}
#LoginBlock input#password{
	width: 80%;
	height: 25px;
}
#LoginBlock p{
	margin: 0;
}
#LoginBlock a{
	color: #fc822b;
	text-decoration: none;
}
#LoginBlock a:hover{
	text-decoration: none;
}
#LoginBlock a.oubli{
	margin-top: 10px;
	display: block;
}
#LoginBlock .AccessBtn a{
	width: 150px;
	background: #fc822b;
	color: #fff;
	margin: 0 auto;
	display: block;
	text-align: center;
	border-radius: 5px;
	font-size: 0.9em;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
#LoginBlock .AccessBtn.Locataire a{
	background: #0089BF;
}
#LoginBlock .AccessBtn.Locataire a:hover{
	background: #005B7F;
}
#LoginBlock .AccessBtn.Proprietaire a{
	background: #43bf32;
}
#LoginBlock .AccessBtn.Proprietaire ahover{
	background: #23974E;
}

#inscriptionLink{
	position: absolute;
	top: 80px;
	right: 10px;
	text-align: center;
	width: 200px;
	color: #fc822b;
	text-decoration: none;
	border: 2px solid #fff;
	border-radius: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 1;
	padding-left: 5px;
	padding-right: 5px;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
#inscriptionLink:hover{
	border: 2px solid #fc822b;
	border-radius: 3px;
}
#menuheader{
	display: none;
}
#pub_header{
	display: none;
}
.accesMobile{
	display: none;
}
@media (max-width:1000px){
	#header{
		padding-left: 15px;
		padding-right: 15px;
	}
	#inscriptionLink{
		display: none;
	}
	#header-text{
		font-size: 1.8em;
		margin-top: 30px;
		padding-left: 50px;
		padding-right: 50px;
		margin-bottom: 0px;
	}
	#header-text.h1residence{
		font-size: 1.2em;
	}
	#p-text{
		font-size: 1em;
		margin-top: 0px;
		padding-bottom: 15px;
		padding-left: 40px;
		padding-right: 40px;
	}
	#p-text span{
		white-space: nowrap;
	}
	#cta_header{
		margin-top: 12px;
		padding-left: 50px;
		padding-right: 50px;
	}
	#cta_header .cta{
		display: inline-block;
		height: 30px;
		line-height: 30px;
		padding-left: 7px;
		padding-right: 7px;
		margin-left: 3px;
		margin-right: 3px;
	}

}
@media (max-width:930px){
	#navigation{
		width: 500px;
	}
	#navigation ul li span,
	#navigation ul li a{
		font-size: 0.9em;	
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media (max-width:800px){
	#cta_header,
	#p-text,
	#header-text,
	#navigation{
		position: relative;
		width: 100%;
	}
	#navigation{
		width: 640px;
		margin: 0 auto;
		margin-top: 10px;
		overflow: visible !important;
	}
	#navigation ul li span,
	#navigation ul li a{
		font-size: 1em;	
		padding-left: 5px;
		padding-right: 5px;
	}
	#p-text{
		display: none !important;	
	}
	/*#LoginTitle span,
	#LoginTitle a{
		position: static;	
		display: block;
		margin: 0 auto;
		margin-top: 10px;
		width: 220px;
		height: 30px;
		line-height: 30px;
		padding: 0;
	}
	#LoginBlock{
		position: static;
		width: 220px;
		margin: 0 auto;
	}*/
	#logo_container{
		margin: 0 auto;
		float: none !important;
	}
	#header-text{
		font-size: 1.2em;
		margin-top: 15px;
		padding-left: 0;
		padding-right: 0;
	}
	
	#header-text.h1residence{
		font-size: 1.5em;
	}
	#cta_header{
		padding: 0;
	}
	#cta_header .cta{
		float: none;
		margin-top: 10px;
		margin-left: 3px;
		margin-right: 3px;
	}

}
@media (max-width:700px){
	#navigation{
		width: 550px;
		margin: 0 auto;
		margin-top: 10px;
	}
	#navigation ul li span,
	#navigation ul li a{
		font-size: 1em;	
		padding-left: 5px;
		padding-right: 5px;
	}
	#navigation ul li ul{
		margin: 0;
		width:100%;
		left: 0;
	}
	#navigation ul li ul span,
	#navigation ul li ul a{
		text-align: center;
	}
}
@media (max-width:300px){
	#logo_container a::after{
		font-size: 0.7em;
	}
}
@media (max-width:600px){
	#header{
		padding-top: 10px;
	}
	#logo_container a{
		background: url("/images/flat/logo-nobaseline.png") no-repeat top center;
		width: 186px;
		height: 32px;
		display: block;
	}
	#logo_container #baseline,
	#logo_container #iconlogo{
		display: none !important;
	}	
	#logo_container #logo{
		display: none;
	}
	#logo_container{
		width: 100%;
		text-align: center;
	}
	#LoginTitle span,
	#LoginTitle a{
		display: none !important;
	}
	#logo_container{
		margin: 0;
		text-align: left;
	}
	.hideonmobile{
		display: none !important;
	}
	#navigation ul li.accesMobile{
		display: block;
		border-bottom: 1px solid #e0e0e0;
	}
	#menuheader{
		display: block;
		text-align: center;
		position: absolute;
		top: 10px;
		right: 10px;
		/*border: 1px solid #333;
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 4px;*/
		background: url("/images/menu.png") no-repeat;
		width: 30px;
		height: 24px;
		cursor: pointer;
	}
	#bloc_header #navigation{
		display: none;
	}
	#bloc_header #navigation.mod{
		display: none !important;
	}
	#menuheader span{
		display: none;
	}
	#menuheader a{
		text-decoration: none;
	}
	#logo_container #logo{
		margin: 0;
	}
	#bloc_header #navigation{
		display: none;
	}
	.hidemenusmalldevice #menuheader,
	.hidemenusmalldevice #navigation{
		display: none;
	}
	#navigation{
		width: 100%;
		margin-top: 10px;
		padding: 0;
	}
	#navigation ul li{
		display: block;
		float: none;
	}
	#navigation ul li span,
	#navigation ul li a{
		display: block;
		font-size: 1.1em;	
		padding-left: 3px;
		padding-right: 3px;
	}
}
@media (max-width: 1200px){
	#LoginTitle span,
	#LoginTitle a{
		width: 40px;
		height: 40px;
		top: 5px;
		right: 10px;
		text-indent: -9999px;
		background: url("/images/flat/account.png") no-repeat center #fc822b;
	}
	#LoginTitle span:hover,
	#LoginTitle a:hover{
		opacity: 0.8;
		background: url("/images/flat/account.png") no-repeat center #fc822b;
	}
	#LoginBlock{
		top: 42px;
		right: 10px;
	}
	#inscriptionLink{
		display: none;
	}
}
@media (min-width:1000px){
	#subheader{
		width: 1000px;
		margin: 0 auto;
	}
	#navigation-button{
		display: none;
	}
	#pub_header,
	#cta_header,
	#navigation{
		width: 690px;	
		padding-left: 20px;
	}
	#p-text{
		font-size: 1.3em;
		padding-bottom: 20px;
	}
	#header-text{
		margin-top: 30px;
	}
	#navigation ul li{
		display: inline-block;
	}
	#navigation ul li.accesMobile{
		display: none;
	}
	#navigation ul li span,
	#navigation ul li a{
		border-top: 1px solid #f6f6f6;
		color: gray;
		text-align: center;
		font-size: 1em;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 7px;
		height: 34px;
		text-transform: uppercase;
		transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	}
	#navigation ul li span:hover,
	#navigation ul li a:hover{
		border-top: 4px solid #e1e1e1;
	}
	#navigation ul li span.current,
	#navigation ul li a.current{
		border-top: 4px solid #0089BF;
		color: #0089BF;
	}
	#cta_header{
		margin-top: 12px;
	}
	#cta_header .cta{
		width: 275px;
		height: 40px;
		line-height: 40px;
	}
}
@media (min-width:1200px){
	#subheader{
		width: 1200px;
		margin: 0 auto;
	}
	#LoginTitle span,
	#LoginTitle a{
		top: 20px;
		width: 200px;
		padding-left: 0;
		padding-right: 0;
		cursor: pointer;
	}
	#LoginBlock{
		top: 45px;
	}
	#inscriptionLink{
		top: 50px;
		width: 200px;
		padding-left: 0;
		padding-right: 0;
	}
	#pub_header,
	#cta_header,
	#navigation{
		width: 800px;	
		padding-left: 60px;
		padding-top: 0;
	}
	#p-text,
	#header-text{
		width: 100%;
	}
	#navigation ul li span,
	#navigation ul li a{
		padding-left: 19px;
		padding-right: 19px;
	}
	#header-text{
		font-size: 2em;
		margin-top: 40px;
	}
	
	#header-text.h1residence{
		font-size: 1.5em;
	}
	#p-text{
		margin: 0;
		margin-top: 15px;
		font-size: 1.5em;
		padding-bottom: 20px;
	}
	#cta_header{
		margin-top: 10px;
	}
}
/* --------------------------------------------------------------------------------- Bloc Header ville */
#header_ville{
	background-size: cover;
	background-repeat: none;
	background-position: center top;
	position: relative;
	z-index: 10;
  padding-top: 50px;
  padding-bottom: 50px;
}
#header_ville.header_residence{
  padding-top: 100px;
  padding-bottom: 100px;
}
#opacity_header_ville{
	position: absolute;
	background: #fff;
	opacity: 0.5;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
#header_ville_content{
	position: relative;
	z-index: 3;
	background: rgba(255, 255, 255, 0.76);
	width: 700px;
  margin: 0 auto;
  text-align: center;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 10px;
  padding-bottom: 10px; 
}
.header_residence #header_ville_content{
	height: 170px !important;
}
#header_ville_content p{
	color: #4e5964;
	font-size: 1.2em;
	margin: 0;
}
#h1colocowner,
#plusdevilles h2,
#contenuGuide h1,
#header_ville_content h1,
#header_ville_content h2{
	text-transform: uppercase;
	color: #7d7a6d;
	font-size: 2em;
	line-height: 1.2em;
	margin: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: "Muli", 'Tahoma', sans-serif;
	font-weight: normal;
}
#h1colocowner{
	text-align: center;
}
#plusdevilles h2{
	text-align: center;
}
#contenuGuide h2{
	text-transform: uppercase;
	color: #7d7a6d;
	font-size: 1.5em;
	line-height: 1.2em;
	margin: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: "Muli", 'Tahoma', sans-serif;
	font-weight: normal;
}
@media (max-width: 991px) {
	#contenuGuide{
		width: 98% !important;
	}
	#contenuGuide h1{
		font-size: 1.5em;
	}
	#contenuGuide h2{
		font-size: 1.2em;
	}
}
#header_ville_content h1 span,
#header_ville_content h2 span{
	font-size: 0.8em;
}
@media (max-width: 800px){
	#header_ville.header_residence{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.header_residence #header_ville_content{
		height: auto !important;	
	}
	#header_ville_content{
		margin: 0;
		height: auto;
		display: block;
		width: auto;
		position: relative;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		padding-bottom: 5px; 
	}
	#header_ville_content p:first-of-type{
		font-size: 1em;
	}
	#header_ville_content h1,
	#header_ville_content h2{
		font-size: 1.8em;
	}
}
@media (max-width: 550px){
	#contenuGuide #ancredl,
	#contenuGuide img{
		float: none ! important;
		margin: 0 auto;
	}
	#header_ville{
	  padding-top: 10px;
	  padding-bottom: 10px;
	}
	#header_ville_content{
		margin: 0;
		height: auto;
		display: block;
		width: auto;
		position: relative;	
	}
	#header_ville_content p{
		font-size: 0.8em;
	}
	#header_ville_content h1,
	#header_ville_content h2{
		font-size: 1.2em;
	}
}
/* --------------------------------------------------------------------------------- Bloc Comment ca marche */
.h2_annonce{
	display: block;
	text-align: center;
	font-family: "Muli", 'Tahoma', sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 10px;
	color: #7D7A6D;
}
#comment-ca-marche h2{
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-family: "Muli", 'Tahoma', sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 10px;
}
#comment-ca-marche.bg-second-light h2{
	color: #514E3D;
}
#comment-ca-marche ul, #comment-ca-marche li{
	list-style: none;
	padding: 0;
	margin: 0;
}
#comment-ca-marche li{
	padding-right: 7px;
	margin-bottom: 7px;
}
#comment-ca-marche li span.number{
	border-radius: 50%;
	border: 3px solid #fff;
	height: 43px;
	width: 43px;
	float: left;
	font-size: 1.6em;
	text-align: center;
	display: block;
	line-height: 36px;
	font-family: 'Open sans', 'Helvetica';
}
#comment-ca-marche.bg-second-light li span.number{
	margin-top: 5px;
	border: 2px solid #a8a69a;
	font-size: 1.4em;
	line-height: 34px;
	height: 38px;
	width: 38px;
	color: #f6f6f4;
	background: #a8a69a;
}
#comment-ca-marche li span.text{
	margin-left: 50px;
	display: block;
	font-size: 1em;
}
@media (max-width:1200px){
	#comment-ca-marche li span.number{
		font-size: 1.4em;
		height: 38px;
		width: 38px;
	}
	#comment-ca-marche li span.text{
		font-size: 0.8em;	
		margin-left: 45px;
	}
}
@media (max-width:991px){
	#comment-ca-marche ul{
		display: block;
	}
	#comment-ca-marche li{
		width: 50%;
		float: left;
		padding-top: 10px;
		margin-top: 8px;
	}
	#comment-ca-marche li span.text{
		font-size: 1em;
		line-height: 1.3em;
	}
	#comment-ca-marche h2{
		font-size: 1.2em;	
	}
	#comment-ca-marche ul::after{
		display: block;
		content: " ";
		clear: left;
	}
}
@media (max-width:870px){
	
	#comment-ca-marche li span.text{
		font-size: 1em;
		line-height: 1em;
	}
}
@media (max-width:800px){
	#comment-ca-marche li{
		display: block;
		width: 100%;
	}
}
/* --------------------------------------------------------------------------------- Bloc Search */
#search{
	background: #7D7A6D;
	color: #fff;
	font-family: Helvetica, sans-serif;
	font-size: 1.3em;
}
#search #search-input-zone{
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 8px;
	border-right: 1px solid #fff;
}
#search label{
	vertical-align: middle;
	margin: 0;
	margin-top: 4px;
	font-family: "Raleway","Helvetica";
}
#search input#SearchField{
	margin-left: 10px;
	color: #a0a7ae;
	font-style: italic;
	font-size: 0.8em;
	padding-left: 10px;
	margin-right: 0;
	padding-top: 5px;
	padding-bottom: 3px;
	height: 35px;
	font-family: Helvetica, sans-serif;
	vertical-align: middle;
	width: 300px;
	border: none;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
#search input#DoSearch{
	background: #d3d2c6;
	color: #fff;
	font-size: 0.8em;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 13px;
	padding-right: 13px;
	border: none;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	height: 35px;
	font-family: 'Raleway', sans-serif;
	line-height: 16px;
	cursor: pointer;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
#search input#DoSearch:hover{
	background: #a8a69a;
}
#search-map-zone{
	padding-left: 70px;
}
#search-map-zone a{
	color: #fff;
	text-decoration: none;
	background: url("/images/flat/map.png") no-repeat center right;
	display: block;
	height: 71px;
	line-height: 71px;
}
#search-map-zone a:hover{
	color: #a8a69a;
	background: url("/images/flat/map_hover.png") no-repeat center right;
}
@media (max-width:1000px){
	#search-map-zone{
		padding-left: 20px;
	}
	#search{
		font-size: 1em;
	}
	#search input#SearchField{
		width: 170px;
	}
	#search-map-zone a{
		width: 250px;	
		margin: 0 auto;
	}
}
@media (max-width:839px){
	#search #search-map-zone{
		width: 100%;
		float: none;
	}
	#search #search-input-zone{
		border: none;	
		margin: 0 auto;
		width: 550px;
		text-align: center;
	}
	#search-map-zone{
		padding-left: 0px;
		margin: 0;
	}
	#search #search-input-zone label{
		margin: 0 auto;
		text-align: center;
		display: block;
	}
	.nowraptiny{
		width: 250px;
		margin: 0 auto;
		margin-top: 10px;
	}
	#search #search-input-zone{
		width: 330px;
		margin: 0 auto;		
	}
	#search #search-input-zone label,
	.nowraptiny{
		float: none;
		margin: 0 auto;
		margin-bottom: 10px;
	}
}
@media (min-width:840px){
	#search #search-input-zone{
		width: 66%;
		float: left;	
	}
	#search #search-map-zone{
		width: 33%;
		float: left;	
	}
}
@media (min-width:1000px){
	#search{
		font-size: 1.1em;
	}
	#search input#SearchField{
		width: 200px;
	}
}
@media (min-width:1200px){
	#search{
		font-size: 1.3em;
	}
	#search input#SearchField{
		width: 270px;
	}
}
/* --------------------------------------------------------------------------------- Bloc Concept */
#concept{
	position: relative;
	z-index: 1;
	overflow: hidden;
	font-family: "Muli", 'Tahoma', sans-serif;
}
#concept .inner_concept{
	width: 68%;
	margin: 0 auto;
}
#concept_residence .inner_concept{
	width: 50%;	
}
#concept_etudiant,
#concept_residence,
#concept_colocataire,
#concept_occupant,
#concept_locataire,
#concept_proprietaire{
	background-size: cover;
	background-repeat: none;
	background-position: top left;
	color: #fff;
	text-align: center;
	height: 100%;
	float: left;
	padding-bottom: 40px;
	padding-top: 50px;
}
#concept_residence.innerLink, 
#concept_colocataire.innerLink,
#concept_occupant.innerLink,
#concept_locataire.innerLink,
#concept_etudiant.innerLink,
#concept_proprietaire.innerLink{
	padding-bottom: 100px;
	padding-top: 110px;
}
#concept_residence{
	float: none;
}
##concept_residence .inner_concept,
#concept_colocataire .inner_concept,
#concept_etudiant .inner_concept,
#concept_locataire .inner_concept{
	padding-right: 50px;
}
#concept_occupant .inner_concept,
#concept_proprietaire .inner_concept{
	padding-left: 50px;
}
#concept_locataire{
	background-image: url("/images/flat/locataires.jpg");
	background-position: top left;
}
#concept_etudiant{
	background-image: url("/images/flat/etudiants2.jpg");
	background-position: top center;
}
#concept_colocataire{
	background-image: url("/images/flat/colocataires.png");
	background-position: top center;
}
#concept_residence{
	background-image: url("/images/flat/residences.jpg");
	background-position: center center;
}
#concept_proprietaire{
	background-image: url("/images/flat/proprietaires.jpg");
	background-position: top right;
}
#concept_proprietaire.concept_proprietaire2{
	background-image: url("/images/flat/proprietaires2.jpg");
	background-position: top center;
}
#concept_occupant{
	background-image: url("/images/flat/occupants.jpg");
	background-position: top right;
}
@media (min-width:1600px){
	#concept_residence{
		padding-bottom: 100px;
		padding-top: 110px;
		
	}
	#concept_colocataire.innerLink,
	#concept_occupant.innerLink,
	#concept_etudiant.innerLink,
	#concept_locataire.innerLink,
	#concept_proprietaire.innerLink{
		padding-bottom: 150px;
		padding-top: 160px;
	}
	/*#concept_locataire{
		background-image: url("/images/flat/locataires_large.jpg");
	}*/
	#concept_residence{
		background-image: url("/images/flat/residences_large.jpg");
		background-position: center center;
	}
}
#locprop_landing h1{
	display: block;
	font-family: "Muli", 'Tahoma', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.4em;
}
#locprop_landing.etudiant h1{
	color: #0089BF;
	font-size: 1.4em;
}
#mer strong,
#concept_colocataire strong,
#concept_occupant strong,
#concept_residence strong,
#concept_etudiant strong,
#concept_locataire strong,
#concept_proprietaire strong{
	display: block;
	font-family: "Muli", 'Tahoma', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.4em;
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: 7px;
}

#concept_etudiant.innerLink strong,
#concept_colocataire.innerLink strong,
#concept_locataire.innerLink strong{
	background: #0089BF;
	background: rgba(9,128,179,0.8);
	color: #fff;
}
#concept_occupant.innerLink strong,
#concept_proprietaire.innerLink strong{
	background: #43BF32;
	background: rgba(67,191,50,0.8);
	color: #fff;
}
#concept_etudiant.innerLink:hover strong,
#concept_colocataire.innerLink:hover strong,
#concept_locataire.innerLink:hover strong{
	background: rgba(9,128,179,1);	
}
#concept_occupant.innerLink:hover strong,
#concept_proprietaire.innerLink:hover strong{
	background: rgba(67,191,50,1);
}
#mer strong a,
#concept_colocataire strong a,
#concept_occupant strong a,
#concept_residence strong a,
#concept_etudiant strong a,
#concept_locataire strong a,
#concept_proprietaire strong a{
	color: #fff;
	text-decoration: none;
}
#concept_residence strong{
	font-size: 2em;
}
#concept #mer span,
#concept_residence span,{
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 2.5em;
	width: 60px;
	height: 60px;
	border: 3px solid #fff;
	border-radius: 50%;
	line-height: 55px;
	vertical-align: middle;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#locprop_landing p,
#concept_colocataire p,
#concept_occupant p,
#concept_etudiant p,
#concept_locataire p,
#concept_residence p,
#concept_proprietaire p{
	display: block;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: 1.1em;
}
#concept_residence p{
	padding-left: 50px;
	padding-right: 50px;
}
#concept_colocataire .cta,
#concept_occupant .cta,
#concept_etudiant .cta,
#concept_locataire .cta,
#concept_proprietaire .cta{
	width: 250px;	
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
}
#concept #mer{
	width: 280px;
	border-top-left-radius: 140px;
	border-top-right-radius: 140px;
	height: 140px;
	margin-left: -140px;
	background: rgba(255,255,255,0.8);
	position: absolute;
	bottom: 0;
	left: 50%;
	text-align: center;
	color: #7D7A6D:
}
#concept #mer span{
	margin-top: 15px;
	border-color: #7D7A6D;
	color: #7D7A6D;
	opacity: 0.7;
}
#concept #mer p{
	padding-top: 6px;
}
@media (max-width:1000px){
	#concept_residence .inner_concept{
		width: 75%;	
	}
	#concept_residence p{
		padding: 0;	
	}
}
@media (max-width:850px){
	#concept_colocataire,
	#concept_occupant,
	#concept_locataire,
	#concept_etudiant,
	#concept_residence,
	#concept_proprietaire,
	#concept #mer{
		float: none;
		width: 100%;
		position: relative;
		border-radius: 0px;
	}
	#concept_colocataire .inner_concept,
	#concept_occupant .inner_concept,
	#concept_etudiant .inner_concept,
	#concept_locataire .inner_concept,
	#concept_residence .inner_concept,
	#concept_proprietaire .inner_concept{
		padding: 0;
	}
	#concept #mer{
		display: none;
	}
	#concept #mer span,
	#concept_colocataire span,
	#concept_occupant span,
	#concept_etudiant span,
	#concept_locataire span,
	#concept_residence span,
	#concept_proprietaire span{
		display: none;
	}
	#locprop_landing p{
		font-size: 0.9em;
		text-align: left;
		margin-bottom: 10px;
	}
}
@media (max-width:400px){
	#mer strong,
	#locprop_landing h1,
	#concept_colocataire strong,
	#concept_occupant strong,
	#concept_etudiant strong,
	#concept_locataire strong,
	#concept_residence strong,
	#concept_proprietaire strong{
		font-size: 1.2em;
	}
	#locprop_landing.etudiant h1{
		font-size: 1.2em;
	}
	#concept_residence strong{
		font-size: 1.2em;	
	}
	#concept .inner_concept{
		width: 80%;
	}
	#concept_residence.innerLink,
	#concept_colocataire.innerLink,
	#concept_occupant.innerLink,
	#concept_etudiant.innerLink,
	#concept_locataire.innerLink,
	#concept_proprietaire.innerLink{
		padding-bottom: 40px;
		padding-top: 50px;
	}
}
@media (min-width:400px){
	
	#concept_residence strong{
		font-size: 1.7em;
	}
}
@media (min-width:851px){
	#mer strong{
		display: none;
	}
	#concept #mer{
		width: 240px;
		border-top-left-radius: 120px;
		border-top-right-radius: 120px;
		height: 120px;
		margin-left: -120px;
	}
	#locprop_landing p,
	#concept_colocataire p,
	#concept_occupant p,
	#concept_etudiant p,
	#concept_locataire p,
	#concept_residence p,
	#concept_proprietaire p,
	#concept #mer p{
		font-size: 1em;
		padding-top: 0px;
		line-height: 1.2em;
	}
	#concept #mer span{
		margin-bottom: 0;
	}
	#concept #mer p{
		margin-top: 5px;
	}
	#concept #mer span,
	#concept_colocataire span,
	#concept_occupant span,
	#concept_etudiant span,
	#concept_locataire span,
	#concept_residence span,
	#concept_proprietaire span{
		font-size: 2em;
		width: 50px;
		height: 50px;
		border-radius: 25px;
		line-height: 45px;
	}
	#locprop_landing h1,
	#concept_colocataire strong,
	#concept_occupant strong,
	#concept_etudiant strong,
	#concept_locataire strong,
	#concept_proprietaire strong{
		font-size: 1.4em;
		letter-spacing: 0.1em;
	}
	
	#locprop_landing.etudiant h1{
		font-size: 1.6em;
	}
	#concept_residence strong{
		font-size: 1.7em;
		padding-left: 60px;
		padding-right: 60px;
	}
}
@media (min-width:1200px){
	#concept #mer{
		width: 280px;
		border-top-left-radius: 140px;
		border-top-right-radius: 140px;
		height: 140px;
		margin-left: -140px;
	}
	#locprop_landing p,
	#concept_colocataire p,
	#concept_occupant p,
	#concept_etudiant p,
	#concept_locataire p,
	#concept_residence p,
	#concept_proprietaire p,
	#concept #mer p{
		font-size: 1.1em;
		line-height: 1.5em;
	}
	#locprop_landing p{
		margin: 0;
	}
	#concept #mer p{
		padding-top: 5px;
	}
	#concept_colocataire span,
	#concept_occupant span,
	#concept_etudiant span,
	#concept_locataire span,
	#concept_residence span,
	#concept_proprietaire span{
		font-size: 2.5em;
		width: 60px;
		height: 60px;
		border-radius: 30px;
		line-height: 55px;
	}
	#locprop_landing h1,
	#concept_colocataire strong,
	#concept_occupant strong,
	#concept_etudiant strong,
	#concept_locataire strong,
	#concept_residence strong,
	#concept_proprietaire strong{
		font-size: 1.4em;
		letter-spacing: 0.1em;
	}
	
	#locprop_landing.etudiant h1{
		font-size: 2em;
	}
	#concept_residence strong{
		font-size: 
	}
}
/* --------------------------------------------------------------------------------- Bloc Echantillons */
#echantillon{
	width: 100%;
	overflow: hidden;
}
#echantillon_toggle{
	height: 40px;
  width: 900px;
  margin: 0 auto;
  background: #fff;
  border-radius: 20px;
  font-family: "Muli", 'Tahoma', sans-serif;
  text-transform: uppercase;
  font-size: 1.3em;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: 15px;
}
#echantillon_toggle.three_links{
	width: 100%;
	font-size: 1em;
}
#echantillon_toggle h2,
#echantillon_toggle span{
	width: 440px;
	display: inline-block;
	text-align: center;
	margin: 0;
	height: 34px;
	margin: 3px;
	position: relative;
	z-index: 3;
	line-height: 34px;
	cursor: pointer;
	color: #7D7A6D;
  font-size: 1em;
  font-weight: normal !important;
}
#echantillon_toggle.three_links h2,
#echantillon_toggle.three_links span{
	width: 32%;
	margin: 0.5%;
	margin-top: 3px;
}
#echantillon_toggle h2.toggle.active,
#echantillon_toggle span.toggle.active{
	color: #fff;
}
#echantillon_toggle span.hover{
	height: 30px;
	position: absolute;
	top: 2px;
	background: #0089BF;
	border-radius: 17px;
	z-index: 2;
}
#echantillon_toggle.three_links h2.hover,
#echantillon_toggle.three_links span.hover{
	background: #7D7A6D !important;
}
/* --------------------------------------------------------------------------------- Bloc Echantillon Propriétaire */

.extraitresidences div.extrait,
.extraitproprietaires div.extrait{
	background: #fff;
	padding: 20px;
	text-align: center;
	margin-bottom: 15px;
	z-index: 1;
	cursor: pointer;
	border-radius: 3px;
	border: 2px solid #fff;
	position: relative;
}
.extraitresidences div.extrait:hover,
.extraitproprietaires div.extrait:hover{
	border: 2px solid #6ab6d4;
}
.extraitresidences div.extrait .innerExtrait,
.extraitproprietaires div.extrait .innerExtrait{
	padding-bottom: 20px;
	padding-top: 0px;
}
.extraitresidences div.extrait span.img_default,
.extraitresidences div.extrait span.img,
.extraitproprietaires div.extrait span.img_default,
.extraitproprietaires div.extrait span.img{
	width: 100%;
	overflow: hidden;
	display: inline-block;
	text-align: center;
	margin-bottom: 10px;
	max-height: 200px;
	position: relative;
	z-index: 1;
}
.extraitresidences div.extrait span.img img,
.extraitproprietaires div.extrait span.img img{
	max-height: 100%;	
}
.extraitresidences div.extrait span.img_default,
.extraitproprietaires div.extrait span.img_default{
	border: 1px solid #F6F6F4;
}
.extraitresidences div.extrait span.img img,
.extraitproprietaires div.extrait span.img img{
	width: 100%;
}
.extraitproprietaires div.extrait span.img span.loyer,
.extraitresidences div.extrait span.img span.loyer,
.extraitproprietaires div.extrait span.img span.superficie,
.extraitproprietaires div.extrait span.img span.superficie{
	position: absolute;
	width: 100px;
	text-align: center;
	background: rgba(255,255,255,0.8);
	left: 5px;
	height: 30px;
	border: 1px solid #ccc;
	line-height: 30px;
}
.extraitproprietaires div.extrait span.img span.loyer,
.extraitresidences div.extrait span.img span.loyer{
	top: 5px;
}
.extraitproprietaires div.extrait span.img span.superficie,
.extraitresidences div.extrait span.img span.superficie{
	top: 40px;
}
.extraitresidences div.extrait .loue,
.extraitresidences div.extrait .recent,
.extraitresidences div.extrait .loue,
.extraitresidences div.extrait .recent,
.extraitproprietaires div.extrait .loue,
.extraitproprietaires div.extrait .recent,
.extraitproprietaires div.extrait .loue,
.extraitproprietaires div.extrait .recent{
	position: absolute;
	z-index: 2;
	top: -15px;
	right: -18px;
	width: 110px;
	width: 110px;
}
.extraitresidences div.extrait a,
.extraitproprietaires div.extrait a{
	color: #a8a69a;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
}
.extraitresidences div.extrait span.annonceSubtitle2,
.extraitproprietaires div.extrait span.annonceSubtitle2{
	color: #d3d2c6;
	font-size: 0.8em;
}
.extraitresidences div.extrait p,
.extraitproprietaires div.extrait p{
	color: #4e5964;
	font-size: 0.8em;
}
.extraitresidences div.extrait p b,
.extraitproprietaires div.extrait p b{
	color: #d3d2c6;
	font-size: 1.2em;
	font-weight: normal;
	display: block;
	padding-bottom: 5px;
}
.extraitresidences div.extrait ul,
.extraitproprietaires div.extrait ul{
	display: block;
	text-align: left;
	width: 100%;
	font-size: 0.7em;
	padding: 0;
	margin: 0;
}
.extraitresidences div.extrait ul li,
.extraitproprietaires div.extrait ul li{
	float: left;
	width: 45%;
	margin-left: 5%;
}
#echantillon_search{
	color: #0089BF;
	font-size: 1em;
	width: 577px;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	margin-top: 40px;
	vertical-align: middle;
}
#echantillon_search label{
	margin-right: 10px;	
}
#echantillon_search input#SearchField2{
	color: #a0a7ae;
	font-style: italic;
	font-size: 0.8em;
	margin-right: 0;
	padding-top: 5px;
	padding-bottom: 3px;
	height: 40px;
	font-family: Helvetica, sans-serif;
	vertical-align: middle;
	width: 200px;
	font-size: 1em;
	border: 1px solid #D3D2C6;
	padding-left: 10px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
#echantillon_search input#DoSearch2{
	background: #0089BF;
	color: #fff;
	font-size: 0.8em;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 15px;
	border: none;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	height: 40px;
	font-family: 'Raleway', sans-serif;
	cursor: pointer;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	font-size: 1em;
}
#echantillon_search input#DoSearch2:hover{
	background: #007BAC;
}


@media (max-width:1201px){
	#echantillon_toggle.three_links{
		font-size: 0.8em;		
	}
}
@media (max-width:950px){
	#echantillon_toggle.three_links{
		font-size: 0.7em;		
	}
}
@media (max-width:1200px){
	#resume_titre{
		margin-top: 15px;
	}
	#descriptif_detail .cta-retour{
		display: none;
	}
	.flex-container{
		display: block;
	}
	#echantillon_toggle{
		height: 40px;
		width: 800px;
		font-size: 1.1em;
	}
	#echantillon_toggle h2{
		width: 390px;
		font-size: 0.9em;
	}
	#echantillon_toggle span{
		width: 390px;
	}
	.extraitlocataires,
	.extraitresidences,
	.extraitproprietaires{
		display: block;
	}
	.extraitlocataires div.extraitcoloc,
	.extraitlocataires div.extrait,
	.extraitresidences div.extrait,
	.extraitproprietaires div.extrait{
		text-align: center;
		margin-bottom: 30px;
		width: 90%;
		float: none;
		height: auto !important;
	}
	.extraitresidences div.extrait{
		width: 95%;
	}
	.extraitlocataires::after,
	.extraitresidences::after,
	.extraitproprietaires::after{
		content: " ";
		clear: both;
		display: block;
	}
	.extraitresidences div.extrait span.img_default,
	.extraitresidences div.extrait span.img
	.extraitproprietaires div.extrait span.img_default,
	.extraitproprietaires div.extrait span.img{
		width: 150px;
		height: 111px;
	}
	.extraitresidences div.extrait span.img_default,
	.extraitproprietaires div.extrait span.img_default{
		padding-top: 15px;
	}
	.extraitresidences div.extrait ul li,
	.extraitproprietaires div.extrait ul li{
		float: none;
		width: 100%;
	}
	.extraitresidences div.extrait .innerPlus,
	.extraitproprietaires div.extrait .innerPlus{
		float: left;
		width: 20%;
	}
	.extraitresidences div.extrait .innerPlus b,
	.extraitproprietaires div.extrait .innerPlus b{
		padding-right: 15px;
	}
	.extraitresidences div.extrait span.img_default,
	.extraitresidences div.extrait span.img,
	.extraitproprietaires div.extrait span.img_default,
	.extraitproprietaires div.extrait span.img{
		width: 20%;
		min-height: 75px;
		float: left;
		margin-right: 5%;
	}
	.extraitproprietaires div.extrait .innerExtrait{
		float: left;
		width: 80%;
		padding: 0;
		text-align: left;
	}
	.extraitresidences div.extrait .innerExtrait a,
	.extraitproprietaires div.extrait .innerExtrait a{
		font-size: 1em;
	}
	.extraitresidences div.extrait span.annonceSubtitle2,
	.extraitresidences div.extrait a,
	.extraitresidences div.extrait p,
	.extraitproprietaires div.extrait span.annonceSubtitle2,
	.extraitproprietaires div.extrait a,
	.extraitproprietaires div.extrait p{
		padding-left: 5%;
		padding-right: 5%;
		display: block;
		text-align: left;
	}
	.extraitresidences div.extrait .innerPlus p,
	.extraitproprietaires div.extrait .innerPlus p{
		padding-left: 0;
	}
	.extraitresidences div.extrait .innerPlus,
	.extraitproprietaires div.extrait .innerPlus{
		text-align: left;
	}
}
@media (max-width:850px){
	.extraitresidences,
	.extraitlocataires,
	.extraitproprietaires{
		padding-top: 0px;
		padding-right: 0px;
	}
	#echantillon_toggle{
		height: 40px;
		width: 600px;
		font-size: 0.9em;
	}
	#echantillon_toggle h2{
		width: 290px;
		font-size: 0.9em;		
	}
	#echantillon_toggle span{
		width: 290px;
	}
	#echantillon_toggle.three_links{
		height: 120px;
		width: 100%;
		font-size: 0.9em;
	}
	#echantillon_toggle.three_links h2,
	#echantillon_toggle.three_links span{
		position: relative;
		width: 99%;
		margin: 3px;
	}
	#echantillon_toggle.three_links h2.toggle.active,
	#echantillon_toggle.three_links span.toggle.active{
		background: #7D7A6D;
		color: #fff;
		border-radius: 17px;
	}
}
@media (max-width:850px){
	.extraitresidences div.extrait span.annonceSubtitle2,
	.extraitproprietaires div.extrait span.annonceSubtitle2{
		text-align: center;
	}
	#echantillon_toggle{
		height: 80px;
		width: 100%;
		font-size: 0.9em; 
	}
	#echantillon_toggle h2,
	#echantillon_toggle span{
		width: 290px;
		position: relative;
		width: 100%;
		margin: 3px;
	}
	#echantillon_toggle h2.toggle.active,
	#echantillon_toggle span.toggle.active{
		background: #0089BF;
		color: #fff;
		border-radius: 17px;
	}
	#echantillon_toggle h2.hover,
	#echantillon_toggle span.hover{
		display: none;	
	}
	.extraitresidences div.extrait .innerPlus,
	.extraitproprietaires div.extrait .innerPlus{
		display: none;
	}
	.extraitproprietaires div.extrait .innerExtrait{
		float: none;
		width: 100%;
		padding: 0;
		padding-right: 35px;
		height: auto !important;
	}
	.extraitresidences div.extrait a,
	.extraitproprietaires div.extrait a{
		font-size: 1em;	
		text-align: center;
	}
	.extraitresidences div.extrait span.annonceSubtitle2,
	.extraitresidences div.extrait .innerExtrait a,
	.extraitresidences div.extrait .innerExtrait p,
	.extraitproprietaires div.extrait span.annonceSubtitle2,
	.extraitproprietaires div.extrait .innerExtrait a,
	.extraitproprietaires div.extrait .innerExtrait p{
		padding-right: 0;
		padding-left: 0;
	}
	.extraitproprietaires div.extrait span.annonceSubtitle2,
	.extraitproprietaires div.extrait .innerExtrait p{
		padding-left: 25%;
		padding-top: 0;
		margin: 0;
	}
	#echantillon_search{
		width: auto;
		padding: 0;
		margin-top: 0;
	}
	#echantillon_search label{
		font-size: 0.9em;
		display: block;
		float: none;
		text-align: center;
	}	
	#echantillon_search .nowraptiny{
		width: 250px;
		margin: 0 auto;
		float: none;
	}
}
@media (max-width:500px){
	#echantillon_toggle.three_links h2.toggle,
	#echantillon_toggle.three_links span.toggle{
		font-size: 0.8em;
	}
	.extraitproprietaires div.extrait{
		height: auto !important;
	}
	.extraitproprietaires div.extrait .innerExtrait p span.annonceSubtitle2,
	.extraitproprietaires div.extrait .innerExtrait p{
		padding-left: 0;
	}
}
/* --------------------------------------------------------------------------------- Bloc Echantillon Locataire */
#echantillon-transports,
#echantillon-colocataire,
#echantillon-locataire{
	display: none;
}
.extraitlocataires div.extrait{
	background: #fff;
	padding: 20px;
	margin-top: 40px;
	color: #4e5964;
	font-size: 0.8em;
	margin-bottom: 10px;
	position: relative;
	border: 2px solid #fff;
	border-radius: 3px;
	z-index: 1;
}
@media (max-width:1200px){
	.extraitlocataires div.extrait{
		text-align: center;
		margin-bottom: 60px;
		width: 90%;
		float: none;
		height: auto !important;
	}
}
.extraitlocataires div.extrait a{
	padding-top: 10px;
	text-decoration: none;
	color: #a8a69a;
  display: block;
  font-size: 1.2em;
  text-decoration: none;
  text-align: center;
}
.extraitlocataires div.extrait span.demandesSubtitle{
	font-size: 1em;
	color: #d3d2c6;
	text-align: right;
	display: block;
}
.extraitlocataires div.extrait span.icon{
	background: #fff;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin: 0 auto;
	margin-top: -60px;
	display: block;	
}
.extraitlocataires div.extrait span.icon{
	background: url("/images/flat/homme.png") center no-repeat #fff;	
}
.extraitlocataires div.extrait.madame span.icon,
.extraitlocataires div.extrait.mademoiselle span.icon{
	background: url("/images/flat/femme.png") center no-repeat #fff;	
}
.extraitlocataires div.extraitcoloc span.icon{
	width: 100px;
	height: 100px;
	background:  #fff;
	border-top: 2px solid #fff;
}
.extraitlocataires div.extraitcoloc span.icon img{
	border-radius: 4px;
	margin-top: -2px;
}
.extraitlocataires .extraitcoloc{
	cursor: pointer;
}
.extraitlocataires .extraitcoloc:hover{
	border: 2px solid #43BF32;
}
/*.extraitlocataires div.extraitcoloc:hover span.icon{
	border-top: 2px solid #43BF32;
}*/
.extraitlocataires .extraitcoloc .recent{
	position: absolute;
	right: -18px;
	top: -15px;;
}
@media (max-width:991px){
	.extraitlocataires div.extrait{
		margin-top: 60px !important;
		width: 90%;
	}
	#extraitLoc2,
	#extraitLoc3,
	#extraitLoc4,
	#extraitLoc5{
		display: none;
	}
}
/* --------------------------------------------------------------------------------- Bloc type ville */
#type_ville_locataire #echantillon_toggle{
	margin-bottom: 15px;
}
.bigh3{
	text-align: center;
	color: #a8a69a;
	font-weight: normal;
	font-size: 1.2em;
	margin-bottom: 20px;
}
.bigh3-left{
	text-align: left;
}
.bigh3 span{
	font-family: "Muli", 'Tahoma', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.6em;
	display: block;
	text-align: center;
}
.bigh3-locataire span{
	color: #188BBE;
}
.bigh3-proprietaire span{
	color: #43BF32;
}
#type_ville_locataire .extraitsmall strong,
#type_ville_locataire .extrait strong{
	display: block;
	text-align: center;
	color: #fff;
	font-size: 1.1em;
	height: 170px;
	background-size: cover;
	background-repeat: none;
	background-position: center;
	position: relative;
	z-index: 1;
	margin-top: 20px;
	margin-bottom: 10px;
}
#type_ville_locataire .extraitsmall strong span,
#type_ville_locataire .extrait strong span{
	position: absolute;
	display: block;
	z-index: 3;
	text-align: center;
	top: -30px;
	color: #514E3D;
	background: rgba(255, 255, 255, 1);
	width: 100%;
	font-family: "Muli", 'Tahoma', sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1em;
	height: 20px;
}
#type_ville_locataire .extrait p.title{
	color: #a8a69a;
	font-weight: bold;
	font-size: 1em;
}
#type_ville_locataire .extrait .cta{
	width: 100%;
	border: 1px solid #188BBE;
	border-radius: 5px;
	font-size: 1em;
	display: block;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #188BBE;
	font-size: 0.9em;
}
.extraitresidences div.extrait:hover .cta,
.extraitproprietaires div.extrait:hover .cta,
#type_ville_locataire .extrait .cta:hover{
	background: #188BBE;
	color: #fff !important;
}
#type_ville_locataire .geo_lignes{
	float:right;
	width: 49%
}
#type_ville_locataire #map{
	width: 100%;
	height: 300px;
}
#type_ville_locataire .zoneTransport{
	width:48%;
	float: right;
	padding-left:2%;
	margin-bottom: 15px;
}
#type_ville_locataire .titreTransport{
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #4E5964;
}
#type_ville_locataire .listTransport{
	float:left;
	width:50%;
	margin-bottom:5px;
}
#type_ville_locataire .listTransport a{
	text-decoration: none;
	font-size: 0.8em;
}
#type_ville_locataire .listTransport a span{
	width:16px;
	height:16px;
	border-radius:50%;
	display:inline-block;
	vertical-align:middle;
}
#transportscommun{
	display: none;
}
#GeoLinks{
	text-align: center;
	font-size: 0.8em;
	margin-bottom: 15px;
	color: #a8a69a;
}
#GeoLinks strong{
	text-align: center;
	color: #7d7a6d;
	display: block;
	font-weight: normal;
	font-size: 1.2em;
	margin-bottom: 7px;
}
#GeoLinks a{
	text-decoration: none;
	color: #a8a69a;
}
#GeoLinks a:hover{
	color: #4E5964;
}
#GeoLinks a.cta{
	color: #A8A69F;
	border: 2px solid #A8A69F;
	padding: 5px 15px;
	float: right;
	margin-left: 15px;
}
#GeoLinks a.cta:hover{
	background: #A8A69F;
	color: #fff;	
}
form.validateJq .coloc_descriptif2 label.error{
	margin-top: 15px !important;
	margin-left: 530px !important;
}
form.validateJq #moreInfo label.error{
	left: 430px !important;
}
form.validateJq label.error {
	height: auto !important;
	min-height: 20px;	
}


form.validateJq .coloc_recap_contact label.error{
	margin-left: 450px !important;
}

#type_ville_locataire .extraitsmall{
	width: 32%;
	margin: 0.5rem;
	padding: 0;
	border: none;
	cursor: pointer;
}
#type_ville_locataire .extraitsmall strong{
	margin: 0;
	padding: 0;
	height: 120px;
	border-radius: 3px;
}
#type_ville_locataire .extraitsmall strong:hover span{
	background: rgba(255,255,255,0.95);
}
#type_ville_locataire .extraitsmall strong span{
	top: 50%;
	margin-top: -10px;
	background: none;
	color: #fff;
	background: rgba(255,255,255,0.8);
	margin-left: 10%;
	width: 80%;
	height:  auto;
	border-radius: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #383838;
}
#type_ville_locataire .extraitsmall .cta,
#type_ville_locataire .extraitsmall .innerExtrait{
	display: none;
}
@media (max-width:991px){
	#type_ville_locataire #ville_choix{
		display: block;	
	}
	#type_ville_locataire #ville_choix::after{
		content: " ";
		display: block;
		clear: both;
	}
	#type_ville_locataire .extraitsmall{
		width: 48.5%;
		float: left;
	}
	#type_ville_locataire .extrait{
		width: 47%;
		float: left;
	}
	#type_ville_locataire .extrait strong{
		width: 100%;
		height: 100px;
	}
	#type_ville_locataire .extrait .innerExtrait{
		width: 100%;
		float: none;
	}
	#type_ville_locataire .extrait .innerExtrait p{
		padding-left: 5%;
	}
	#type_ville_locataire .extrait .cta{
		width: 100%;
		float: none;
		margin-top: 5px;
		font-size: 0.8em;	
	}
}
@media (max-width:700px){
	.validateJq .error{
		border: 1px solid red !important;
	}
	form.validateJq .coloc_recap_contact label.error,
	form.validateJq #moreInfo label.error,
	form.validateJq .coloc_descriptif2 label.error,
	#Loyer-error, #Superficie-error,
	form.validateJq label.error{
		margin-left: 0px !important;
		margin-top: 0px !important;
	}
	#type_ville_locataire .extrait{
		width: 45%;
		margin: 1rem;
		padding: 0;
		border: none;
	}
	#type_ville_locataire .extrait strong{
		margin: 0;
		padding: 0;
		height: 120px;
		border-radius: 3px;
	}
	#type_ville_locataire .extrait strong:hover span{
		background: rgba(255,255,255,0.95);
	}
	#type_ville_locataire .extrait strong span{
		top: 50%;
		margin-top: -10px;
		background: none;
		color: #fff;
		background: rgba(255,255,255,0.8);
		margin-left: 10%;
		width: 80%;
		height:  auto;
		border-radius: 3px;
		padding-top: 4px;
		padding-bottom: 4px;
		color: #383838;
	}
	#type_ville_locataire .extrait .cta,
	#type_ville_locataire p{
		display: none;
	}
	#type_ville_locataire .listTransport a{
		font-size: 0.7em;	
	}
	#type_ville_locataire .extraitsmall{
		width: 100%;
		float: none;
	}
}
@media (max-width:750px){
	#type_ville_locataire .geo_lignes,
	#mapContainer{
		width: 100%;
		float: none;
	}
}
@media (max-width:500px){
	#type_ville_locataire .extraitsmall{
		width: 100%;
		float: none;
	}
	#type_ville_locataire .extrait{
		width: 100%;
		margin: 0;
		margin-bottom: 10px;
	}
}
/* --------------------------------------------------------------------------------- Bloc Chiffre clé */
#chiffrecle{
	text-align: center;
}
#titreChiffre{
	font-size: 2.1em;
	text-align: center;
	color: #514E3C;
	margin-bottom: 0px;
	font-family: "Muli", "Helvetica";
	font-weight: normal;
}
#chiffrecle div{
	padding-left: 5px;
	padding-right: 5px;
}
#chiffrecle span{
	display: block;
	text-align: center;
	font-size: 2.6em;
	color: #7D7A6D;
}
@media (max-width:960px){
	#chiffrecle{
		font-size: 1em;	
	}
	#chiffrecle span{
		font-size: 2em;	
	}
}
@media (max-width:800px){
	#chiffrecle{
		font-size: 0.9em;	
	}
	#chiffrecle span{
		font-size: 1.5em;	
	}
}
/* --------------------------------------------------------------------------------- Bloc Villes les plus recherchées */
#plusdevilles strong{
	float: left;
	display: block;
	font-size: 1.5em;
	width: 20%;
	font-family: "Muli","Helvetica";
	font-weight: normal;
}
#plusdevilles .ville_liste{
	width: 80%;
	float:left;
}
#plusdevilles .ville_liste_residence{
	width: 100%;
	float: none;	
}
#plusdevilles ul{
	font-size: 0.8em;
	float: left;
	width: 16%;
	list-style: none;
	padding: 0;
	margin: 0;
}
#plusdevilles ul li{
	list-style: none;
	padding: 0;
	margin: 0;
}
#plusdevilles ul li a{
	text-decoration: none;
}
#plusdevilles ul li a.cta{
	border: 2px solid #514E3D;
	color: #514E3D;
	font-size: 1.1em;
	width: 130px;
	height: 35px;
	line-height: 32px;
	display: block;
	margin-top: 10px;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
#plusdevilles ul li a.cta:hover{
	background: #7D7A6D;
	border-color: #7D7A6D;
	color: #fff;
}
@media (max-width:900px){
	#plusdevilles strong{
		float: none;
		width: auto;	
	}
	#plusdevilles .ville_liste{
		width: 100%;
		float: none;	
	}
	#plusdevilles ul{
		width: 25%;	
		margin-top: 20px;
	}
}
@media (max-width:700px){
	#plusdevilles ul{
		width: 50%;	
		margin-top: 20px;
	}
	#plusdevilles ul:nth-child(5n+0){
		clear: both;
	}
}
@media (max-width:340px){
	#plusdevilles ul{
		width: 100%;	
		margin-top: 0px;
	}
}
/* --------------------------------------------------------------------------------- Bloc Descriptif */
#descriptifPageVille,
#descriptifPage{
	font-size: 0.9em;
}
#descriptifPage .widthMax{
	position: relative;
}
#CreationEspace h1,
#formulaireLoc h1,
#formulaireLoc #introcoach2 h1,
#fakeslider h2,
#FormCreationEspace h1,
#PartnersContent h1,
.h1_recap,
.detailDemande h1,
.rappelDemande h1,
h2.h2residence,
#descriptifPage h4,
#descriptifPage h3,
#descriptifPage h2,
#descriptifPage h1{
	font-size: 1.8em;
	line-height: 1.2em;
	font-family: "Muli","Helvetica";
	font-weight: normal;
}
#descriptifPage h2{
	font-size: 1.6em;
}
#descriptifPage h2{
	font-size: 1.4em;
}
#descriptifPage h4{
	font-size: 1.2em;
}

#descriptifPageVille #faqs,
#descriptifPage #faqs{
	margin-top: 15px;
	border-top: 1px solid #117ba5;
	padding-top: 15px;
}
#descriptifPageVille h3,
#descriptifPage h3{
	font-size: 1.2em;
}
#descriptifPageVille #faqs .faqstitle,
#descriptifPage #faqs .faqstitle{
	font-size: 1.3em;
}
#coteblock h1, #coteblockext h1{
	font-size: 1.2em;
	line-height: 1.2em;
	font-family: "Muli","Helvetica";
	font-weight: normal;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 10px;
}

#formulaireLoc h1,
#formulaireLoc #introcoach2 h1{
	font-size: 1.6em;
	margin: 0px;
	color: #4e5964;
	margin-bottom: 10px;
	background: transparent !important;
}
#formulaireLoc h1.exclusif{
	background: url("/images/coloc/exclusif.png") no-repeat center bottom !important;
	height: 160px !important;
	float: right !important;
}
/*#formulaireLoc h1,
h2.h2residence{
	text-align: center;
}*/
.h1_recap_bleu{
	color: #0089BF;
	font-weight: normal;
}
.h1_recap_vert{
	color: #43bf32;
	font-weight: normal;
}
#descriptifPageVille h2,
#descriptifPageVille h1{
	font-size: 1.8em;
	line-height: 1.2em;
	margin-top: 10px;
	font-weight: normal;
}
#descriptifPage img{
	margin-bottom: 20px;
	margin-right: 40px !important;
	max-width: 35% !important;
	height: auto !important;
}
#descriptifPage img{
	
}
#descriptifPage.descriptif_ville img{
	width: 20% !important;
	height: auto !important;
}
#descriptifPage .cta{
	border: none;
	font-size: 1.1em;
}
@media (max-width:1200px){
	#descriptifPage h2,
	#descriptifPage h1{
		padding-left: 10px;
	}
}
@media (max-width:900px){
	#descriptifPage h1{
		position: static;
	}
	#descriptifPage img{
		margin-top: 0;	
	}
}
@media (max-width:500px){
	#CreationEspace h1,
	#formulaireLoc h1,
	#formulaireLoc #introcoach2 h1,
	#fakeslider h2,
	#FormCreationEspace h1,
	#PartnersContent h1,
	.h1_recap,
	.detailDemande h1,
	.rappelDemande h1,
	h2.h2residence,
	#descriptifPage h4,
	#descriptifPage h3,
	#descriptifPage h2,
	#descriptifPage h1{
		font-size: 1.3em;
		margin-top: 15px;
	}
	#descriptifPage .widthMax,
	#descriptifPage{
		padding-top: 0;
	}
}
/* --------------------------------------------------------------------------------- Bloc Presse Blog */
#video_mark .cta,
#presseBlog .cta{
	color: #A5AFB9;
	font-size: 1em;
	display: block;
	width: 200px;
	border: 2px solid #A5AFB9;
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 5px;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	text-align: center;
}
#presseBlog .cta:hover{
	color: #fff;
	background: #A5AFB9;
}
#video_mark #logoPresse,
#presseBlog #logoPresse{
	width: 80%;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
}
#video_mark #logoPresse a,
#presseBlog #logoPresse a{
	opacity: 0.5;	
	transition: opacity 0.4s ease 0s;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
}
#video_mark #logoPresse a:hover,
#presseBlog #logoPresse a:hover{
	opacity: 1;
}
#presseBlog #blog h4{
	display: none;
}

#presseBlog #blog .innerBlog{
		width: 365px;
		margin: 0 auto;
}
#presseBlog #blog p a{
	color: #514e3d;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 1.6em;
	margin-left: 40px;
	margin-right: 40px;
}
#presseBlog #blog a.cta{
	border: 2px solid #514E3D;
	color: #514E3D;
	font-size: 1.1em;
	width: 260px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	display: block;
	margin-top: 30px;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
#presseBlog #blog a.cta:hover{
	background: #7D7A6D;
	border-color: #7D7A6D;
	color: #fff;
}
#presseBlog #iFrameYoutube{
	display: block;
	width: 480px;
	margin: 0 auto;
	cursor: pointer;
	
}
#simulateurs_video iframe{
	display: block;
	width: 480px;
	height: 300px;
	margin: 0 auto;
	cursor: pointer;
}
#div-gpt-ad-1527584639099-0{
	margin: 0 auto;
	text-align: center;
}
#innerPresse{
	text-align: center;
	min-height: 430px;
}
#innerPresse.innerPresse2{
	min-height: 0;
}
#innerPresse h4 img{
	display: none;
}
#innerPresse h4{
	color: #a8a69a;
	font-weight: normal;
	font-size: 1.6em;
	text-align: center;
	padding-top: 20px;
	margin-bottom: 0px;
}
#innerPresse img{
	margin-bottom: 15px;
}
#innerPresse .title{
	font-size: 1.6em;
	text-align: center;
	color: #a8a69a;
	margin-bottom: 15px;
	font-family: "Muli", "Helvetica";
	font-weight: normal;
	display: block;
}
#presseBlog .innerPresse iframe,
#presseBlog #innerPresse iframe{
	width: 478px;
	height: 268px;	
}
@media (max-width:1000px){
	#presseBlog #innerPresse3,
	#presseBlog #innerPresse2,
	#presseBlog #innerPresse{
		width: 100%;	
		float: none;
		height: auto !important;
	}
	#presseBlog #blog{
		width: 100%;	
		float: none;
		flex: none;
		padding-top: 2rem;
		height: auto !important;
	}
	#presseBlog #blog .innerBlog{
		width: 80%;
	}
	#presseBlog #blog p a{
		font-size: 1.4em;
		margin-left: 20px;
		margin-right: 20px;	
	}
	#presseBlog #blog a.cta{
		margin-top: 10px;	
	}
}
@media (max-width:550px){
	
	#innerPresse{
		min-height: auto !important;
	}
	#presseBlog #innerPresse iframe,
	#presseBlog .innerPresse iframe{
		width: 400px;
		height: 250px;	
	}
	#presseBlog #blog a.cta{
		margin-top: 10px;	
	}
}
@media (max-width:450px){
	#presseBlog #innerPresse iframe,
	#presseBlog .innerPresse iframe{
		width: 300px;
		height: 187px;	
	}
}
/* --------------------------------------------------------------------------------- Bloc Avis */
#avis{
	width: 100%;
	overflow: hidden;
}
#titreAvis{
	font-size: 2.1em;
	text-align: center;
	color: #a8a69a;
	margin-bottom: 25px;
	font-family: "Muli", "Helvetica";
	font-weight: normal;
}
.avis-utilisateur{
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.avis-utilisateur.haslink{
	cursor: pointer;
}
.avis-utilisateur.haslink:hover{
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake {
  50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  60%, 80% {
    transform: translate3d(4px, 0, 0);
  }
}
.avis-utilisateur i{
	display: block;
	width: 120px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
}
.avis-utilisateur i img{
	margin-left: 2px;
	margin-right: 2px;
	display: inline-block;
}
.avis-utilisateur strong{
	font-size: 1.6em;
	text-align: center;
	font-weight: normal;
	margin-bottom: 5px;
	display: block;
}
.avis-utilisateur span{
	font-size: 0.9em;
	display: block;
	margin-bottom: 10px;
}
.avis-utilisateur p{
	height: 70px;
	overflow: hidden;
}
.avis-proprietaire{
	background: url("/images/flat/quote_vert.png") no-repeat center bottom;
}
.avis-locataire{
	background: url("/images/flat/quote_bleu.png") no-repeat center bottom;
}
.avis-proprietaire span,
.avis-proprietaire strong{
	color: #43BF32;
}
.avis-locataire span,
.avis-locataire strong{
	color: #0089BF;
}
.avis_locservice,
.avis_trustpilot,
.avis_ccm{
	display: block;
	text-decoration: none;
}
.avis_locservice .note,
.avis_trustpilot .note,
.avis_ccm .note{
	color: #a8a69a;
	font-size: 1.8em;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 80px;
	padding-left: 15px;
	padding-right:15px;
	display: block;
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: 'Open sans', 'Helvetica';
}
.avis_locservice .nb,
.avis_trustpilot .nb,
.avis_ccm .nb{
	color: #a8a69a;
	font-size: 1em;
	text-align: center;
	display: block;
	padding-top: 0px;
	font-family: 'Open sans', 'Helvetica';
}
.avis_locservice .note{
	background-image: url("/images/flat/avis/locservice.png");	
}
.avis_ccm .note{
	background-image: url("/images/flat/avis/ccm.png");	
}
.avis_trustpilot .note{
	background-image: url("/images/flat/avis/trustpilot.png");	
}
@media (min-width:900px){
	.avis_locservice .note,
	.avis_trustpilot .note,
	.avis_ccm .note{
		text-align: right;
		background-position: 60px 0px;
		padding-bottom: 15px;
		padding-left: 60px;
		padding-right:60px;
	}
}
@media (max-width:990px){
	#titreAvis{
		font-size: 1.8em;
	}
	#avis-utilisateur-2,
	#avis-utilisateur-3{
		display: none;
	}
}
@media (max-width:800px){
	.avis-utilisateur strong{
		font-size: 1.4em;
	}
	#plusdevilles h2.h2residence{
		font-size: 1.2em;
	}
}
/* --------------------------------------------------------------------------------- Cookies */
#CookiesInfos{
	position: fixed;
	width: 100%;
	background: #005B7F;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	padding: 15px;
	color: #fff;
	font-size: 0.8em;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
#CookiesInfos a{
	color: #fff;
}
/* --------------------------------------------------------------------------------- Footer */
#footer{
	border-radius : 0;
	margin: 0;
}
#footer-1 a{
	text-align: center;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	transition: font-size 0.4s ease 0s;
	height: 30px;
	line-height: 30px;
	display: block;
}
#footer-1 a:hover{
	font-size: 1.1em;
}
#footer-2{
	text-align: center;
	font-size: 0.8em;
}
#footer-2 a{
	text-align: center;
	color: #d3d2c6;
	text-decoration: none;
	transition: text-decoration 0.4s ease 0s;
}
#footer-2 a:hover{
	text-decoration: underline;
}
#footer-2 p{
	margin-bottom: 15px;
}
#footer-2 p a{
	color: #a8a69a;
}
@media (max-width:900px){
	#footer-1 a{
	font-size: 0.8em;
	}
}
/* --------------------------------------------------------------------------------- Fil d'ariane - Chemin de fer */
#ariane{
	font-size: 0.8em;
	text-align: right;
	margin-bottom: 10px;
	color: #ACA69B;
	padding-right: 15px;
	font-family: 'Open Sans', 'Helvetica';
	position: relative;
	z-index: 1;
}
#ariane a{
	text-decoration: none;
	color: #ACA69B;
	font-family: 'Open Sans', 'Helvetica';
}
#ariane a:hover{
	color: #158ABD;	
}
@media (max-width:900px){
	#ariane{
		font-size: 0.7em;
	}
}
/* --------------------------------------------------------------------------------- Bloc Simulateurs Type Ville */
#simulateurs_video{
	background: #BFBDB2;
	overflow: hidden;
}
#video,
#cotetable,
#cotegraph{
	width: 50%;
	float: left;
	background: #D3D2C6;
	padding-top: 15px;
}
#cotetable{
	background: #BFBDB2;
}
#video{
	background: #F6F6F4;
	text-align: center;
	padding: 15px;
	padding-top: 40px;
	padding-bottom: 40px;
}
#video h2,
#cotetable h2,
#cotegraph h2{
	font-size: 1.2em;
	text-align: center;
	font-weight: normal;
	color: #514e3d;
	font-family: "Muli", 'Tahoma', sans-serif;
}
#cotetable h2{
	margin: 0;
	margin-bottom: 10px;
}
#video h2{
	color: #a8a69a;
}
#video span{
	color:#a8a69a;
	font-size: 0.8em;
}
#video h2 span{
	font-size: 1em;
}
#video .video-js{
	width: auto !important;
	max-width: 640px;
	margin: 0 auto;
}
#cotegraph h3{
	font-size: 0.9em;
	text-align: center;
	font-weight: normal;
	color: #7d7a6d;
	font-family: "Muli", 'Tahoma', sans-serif;
}
#cotegraph ul{
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: block;
	width: 480px;
}
#cotegraph p.arrondissement,
#cotegraph h3{
	clear: both;
}
#cotegraph ul li{
	display: block;
	margin: 0;
	float: left;
	margin: 1px;
}
#cotegraph ul li span{
	display: block;
	padding: 5px 10px;
	color: #AEACA0;
	border: 2px solid #AEACA0;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	cursor: pointer;
}
#cotegraph ul li span:hover{
	background: #AEACA0;
	color: #fff;
}
#cotegraph ul li.current span{
	background: #0089BF;
	border-color: #0089BF;
	color: #fff;	
}
#cotegraph p.arrondissement{
	text-align: center;
	padding-top: 15px;
}
#cotegraph .GraphCote{
	color: #514e3d;
	width: 500px;
	margin: 0 auto;
}
@media (max-width:500px){
	.GraphCote{
		max-width: 100%;
		height: auto;
	}
	.GraphCote::after{
		content:" ";
		clear: both;
		display: block;
	}
	#TableCote{
		font-size: 0.9em;
	}
}
#cotegraph .GraphCote .Title{
	width: 120px;
	text-align: right;
	float: left;
	clear: both;
}
#cotegraph .GraphCote .Bloc{
	text-align: left;
	float: left;
}
#cotegraph .GraphCote .Bloc div{
	height: 5px;
	margin-left: 15px;
	margin-top: 12px;
	position: relative;
	z-index: 1;
}
#cotegraph .GraphCote .Bloc0{
	background: #6AB6D4;
}
#cotegraph .GraphCote .Bloc1{
	background: #0089BF;
}
#cotegraph .GraphCote .Bloc2{
	background: #005B7F;
}
#cotegraph .GraphCote div span{
	position: absolute;
	z-index: 2;
	width: 120px;
	right: -130px;
	top: -12px;
}
#cotegraph #TableLinkCote{
	margin-top: 0;
	margin-bottom: 10px;
}
#cotegraph #TableLinkCote a{
	font-size: 0.8em;
	text-decoration: none;
	color: #7d7a6d;
	margin-left: 15px;
	margin-right: 15px;
}
#cotegraph #TableLinkCote a:hover{
	text-decoration: underline;	
}
#cotetable #chartpie{
	width: 120px !important;
	height: 120px !important;
}
#cotetableGraph{
	margin-left: 13%;
	width: 150px !important;
}
#cotetableText{
	text-align: left !important;
}
#sup_jusquau select{
	font-size: 0.8em;
}
#sup_jusquau{
	width: 380px;
}
#sup_jusquau input{
	width: 80px;
	font-size: 0.8em;
}
form.validateJq #sup_jusquau label.error{
	margin-top: 0px;
}
@media (max-width:1150px){
	#cotetableGraph{
		margin-left: 0%;
	}
	#video,
	#cotetable,
	#cotegraph{
		width: 100%;
		float: none;
		padding-bottom: 20px;
	}
	#cotetableGraph{
		margin-left: 20%;
	}
}
@media (max-width:750px){
	#cotetableGraph{
		margin-left: 0%;
	}
}
@media (max-width:510px){
	#simulateurs_video{
		display: none;
	}
}
/* --------------------------------------------------------------------------------- Bloc Listing */
#listing #listing_type{
	padding: 0;
	margin: 0;
	list-style: none;
	color: #595442;
	margin-bottom: 20px;
	text-align: center;
}
#listing #listing_type li{
	display: inline-block;
}
#listing #listing_type span,
#listing #listing_type a{
	color: #A8A69A;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.1em;
	height: 30px;
	line-height: 30px;
	transition: color 0.4s ease 0s, font-size 0.4s ease 0s;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	border-top: 1px solid #D3D2C7;
	margin-left: 2px;
	margin-top: 2px;
	cursor: pointer;
}
#listing #listing_type span:hover,
#listing #listing_type span.current,
#listing #listing_type a:hover,
#listing #listing_type a.current{
	font-size: 1em;
	color: #D3D2C7;	
	border-top: 4px solid #D3D2C7;
}
@media (max-width:500px){	
	#listing #listing_type span,
	#listing #listing_type a{
		font-size: 0.7em;
	}
	#listing #listing_type span:hover,
	#listing #listing_type span.current,
	#listing #listing_type a:hover,
	#listing #listing_type a.current{
		font-size: 0.7em;
	}
}
#listing #listing_type span.current,
#listing #listing_type a.current{
	color: #0089C2;
	border-top: 4px solid #0089bf;
}
#listing h1.h2-listing,
#listing h2.h2-listing{
	color: #A8A69A;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 30px;
	padding: 0;
	font-weight: normal;
	font-size: 1.2em;
	display: none;
}
.column_filtre{
	padding: 10px;
	padding-left: 5px;
	padding-right: 5px;
	width: 220px !important;
}
.column_guide{
	padding: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
.column_filtre .bloc2,
.column_filtre .bloc{
	margin-bottom: 15px;
}
.column_filtre .bloc2 span,
.column_filtre .bloc span{
	text-transform: uppercase;
	color: #6ab6d4;
	font-size: 1em;
	font-family: "Muli", 'Tahoma', sans-serif;
	display: block;
	margin-bottom: 10px;
	text-decoration: none;
}
.column_guide .TOCTitle a,
.column_guide #TOCTitle,
.column_filtre .bloc2 span.strong,
.column_filtre .bloc span.strong{
	color: #6ab6d4;
}
.column_guide #TOCTitle{
	font-size: 1.2em;
}
.column_guide .TOCTitle a{
	font-size: 0.9em;
	text-decoration: none;
	padding-bottom: 10px;
	display: block;
}
.column_guide .TOCTitle a:hover{
	color: #188BBE;
}
.column_filtre .bloc2 ul,
.column_filtre .bloc ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.column_guide #TOC{
	margin-bottom: 25px;
}
.column_guide p.toc,
.column_filtre .bloc2 ul li,
.column_filtre .bloc ul li{
	margin: 0;
	padding: 0;
}
.column_guide p.toc a{
	color: #a8a69a;
	font-size: 0.9em;
	text-decoration: none;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	margin-top: 2px;
	border-top: 1px solid #a8a69a;
}
.column_filtre .bloc2 ul li .fakea,
.column_filtre .bloc ul li .fakea,
.column_filtre .bloc2 ul li a,
.column_filtre .bloc ul li a{
	color: #a8a69a;
	font-size: 0.8em;
	text-decoration: none;
	min-height: 23px;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	text-transform: none;
	margin-bottom: 0;
}
.column_filtre .bloc2 ul li .fakea,
.column_filtre .bloc2 ul li a{
	padding-top: 2px;
}
.column_guide p.toc a:hover,
.column_filtre .bloc2 ul li a:hover,
.column_filtre .bloc ul li a:hover{
	color: #6ab6d4;
}
.column_filtre .bloc2 a:hover img,
.column_filtre .bloc a:hover img{
	opacity: 0.8;
}
.column_guide p.toc a.current{
	background: #0089bf;
	color: #fff;
}
.column_filtre .bloc ul li a.current{
	background: url("/images/flat/hover_fleche.png") no-repeat top right #0089bf;
	color: #fff;
	width: 230px;
}
.column_filtre .bloc2 ul li a.current{
	background: #0089bf;
	color: #fff;
}
#menu_columnguide{
	display: none;
}
.column_guide2 a{
	display: block;
}
@media (max-width:991px){	
	#menu_columnguide{
		text-align: right;
		display: block;
		margin-bottom: 10px;
	}
	#menu_columnguide span{
		width: 100px !important;
		height: 35px;
		display: inline-block;
		color: #fff;
		line-height: 35px;
		background: url("/images/flat/menu.gif") no-repeat 10px #0077A5;
		padding-right: 10px;
		border-radius: 5px;
		cursor: pointer;
		border: 1px solid #0077A5;
	}
	#menu_columnguide span:hover{
		background: url("/images/flat/menu_hover.gif") no-repeat 10px #fff;
		color: #0077A5;
	}
	.column_guide{
		display: none;
	}
	.column_guide2{
		display: none;
	}
}
#advoffset{
	margin: 0 auto;
	width: 160px;
}
#listing .colocations,
#listing .locations{
	margin-bottom: -15px;
}
.infoannonce{
	background: #fff;
	border-radius: 4px;
	padding: 15px;
	text-align: center;
}
.infoannonce strong{
	color: #0089C3;
	display: block;
}
#descriptifPageVille img{
	max-width: 33%;
}
@media (max-width:500px){	
	#descriptifPageVille img{
		width: 100%; 
		max-width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	.infoannonce strong{
		margin: 0;	
	}
}
@media (max-width:710px){
	.column_extrait{
		width: 100% !important;
	}
	.column_filtre{
		display: none;
	}
}
.colocation_flat{
	padding-bottom: 15px;
}
.colocation_flat a{
	display: block;
	width: 100%;
	height: 100%;
	background: url("/images/flat/colocation.png") no-repeat top right;
	background-size: cover;
}
@media (max-width:991px){
	.colocation_flat{
		height: 150px;
		width: 90% !important;
	}
	.colocation_flat a{	
		background: url("/images/flat/colocation3.png") no-repeat top right;
		background-size: cover;
	}
}
#noticeSelection{
	color: #a8a69a;
	font-size: 0.9em;
}
#noticeSelection h5{
	font-size: 1em;
	color: #4e5964;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}
#noticeSelection p{
	margin: 0;
	padding: 0;
}
/* --------------------------------------------------------------------------------- Page landing loc/prop */
#locprop_landing{
	background-size: cover;
	background-repeat: none;
	background-position: center;
	background-position: right center;
	text-align: center;
	padding-top: 3em;
	color: #fff;
	padding-bottom: 3em;
}
#locprop_landing.locataire{
	background-image: url("/images/flat/locataires_large.jpg");
	background-position: center center;

}
#locprop_landing.colocataire{
	background-image: url("/images/flat/colocataires.png");
	background-position: center top;
}
#locprop_landing.proprietaire{
	background-image: url("/images/flat/proprietaires.jpg");
	background-position: center top;
}
#locprop_landing.etatdeslieux{
	background-image: url("/images/flat/etatdeslieux.jpg");
}
#locprop_landing.occupant{
	background-image: url("/images/flat/occupant.jpg");
	background-position: center top;
}
#locprop_landing.etudiant{
	background-image: url("/images/flat/etudiants.jpg");
}
#locprop_landing.etudiant2{
	background-image: url("/images/flat/proprietaires2.jpg");
}
#concept_residence #cta_page,
#locprop_landing #cta_page{
	background: rgba(255, 255, 255, 0.9);
	width: 1000px;
	padding: 2em;
	padding-bottom: 1.5em;
	margin: 0 auto;
	border-radius: 3px;
	color: #555555;	
}
/*#locprop_landing h1{
	font-family: "Muli","Tahoma",sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  color: #fff;
}*/
#locprop_landing .cta{
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1.3em;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #fff;
	border-radius: 3px;
}
#locprop_landing #cta_page.cta_bleu .cta{
	background: #0089BF;
}
#locprop_landing #cta_page.cta_vert .cta{
	background: #43BF32;
}
#locprop_landing .cta:hover{
	opacity: 0.8;
}
#cta_loggin #loginform,
#locprop_landing #loginform{
	width: 500px;
	margin: 0 auto;
	border-radius: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}
#cta_loggin #loginform #ok,
#locprop_landing #loginform #ok{
	color: #fff;
	vertical-align: middle;
	height: 28px;
}
#cta_loggin #loginform #ok,
#locprop_landing #cta_page.cta_bleu #loginform #ok{
	background: #0089BF;
	border: 1px solid #0089BF;
}
#locprop_landing #cta_page.cta_vert #loginform #ok{
	background: #43BF32;
	border: 1px solid #43BF32;
}
#locprop_landing #loginform #oubli,
#locprop_landing a.open{
	text-align: center;
	text-decoration: underline;
}
#locprop_landing #loginform #oubli:hover,
#locprop_landing a.open:hover{
	text-decoration: underline;
}
#locprop_landing #cta_page.cta_bleu #loginform #oubli,
#locprop_landing #cta_page.cta_bleu a.open{
	color: #0089BF;
}
#locprop_landing #cta_page.cta_vert #loginform #oubli,
#locprop_landing #cta_page.cta_vert a.open{
	color: #43BF32;
}
#loginformOnly p{
	text-align: center;
}
#loginformOnly input{
	display: block;
	margin: 5px;
	width: 100%;
	padding: 5px;
	font-size: 1.5em;
}
#loginformOnly #ok{
	background: #0089BF;
	border: 1px solid #0089BF;
	color: #fff;
	vertical-align: middle;
}
#exclusivites h1,
#avantages h1{
	display: block;
  font-family: "Muli","Tahoma",sans-serif;
  font-size: 1.6em;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  color: #188bbe;
  letter-spacing: 1px;
  margin-top: 10px;
}
#downloads_edl h2,
#exclusivites h2,
#avantages h2{
	font-family: "Muli","Tahoma",sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  color: #7d7a6d;
  text-align: center;
}
#exclusivites .block,
#avantages .block{
	margin-bottom: 35px;
}
#exclusivites .block h3,
#avantages .block h3{
	font-size: 1.4em;
	font-family: "Muli","Tahoma",sans-serif;
  font-weight: normal;
  color: #7d7a6d;
}
#exclusivites .block p,
#avantages .block p{
	font-size: 0.9em;	
	text-align: justify;
}
#exclusivites a.block,
#avantages a.block{
	background: #fff;
	text-decoration: none;
	border-radius: 4px;
	padding: 30px;
	display: inline-block;
	border: 2px solid #fff;
	min-height: 332px;
}
#exclusivites a.block:hover,
#avantages a.block:hover{
	border: 2px solid #188BBE;
}
#exclusivites a img,
#avantages a img{
	max-width: 50%;
}
.cta_mobileOnly{
	display: none;
}
@media (max-width:800px){
	#exclusivites .block,
	#avantages .block{
		min-height: 0px;
	}
}
@media (max-width:1050px){
	#concept_residence #cta_page,
	#locprop_landing #cta_page{
		width: 100%;	
	}
	#exclusivites .block,
	#avantages .block{
		min-height: 300px;
	}
}
@media (max-width:950px){
	#concept_residence{
		display: none;
	}
	.cta_mobileOnly{
		display: block;
	}
	#locprop_landing{
		background: #006088;	
		padding-bottom: 0em;
		padding-top: 0em;
		background: #F6F6F4 !important;	
	}
	#locprop_landing #cta_page{
		background: transparent;
	}
}
@media (max-width:800px){
	#locprop_landing.etudiant img{
		float: none !important;
		margin: 0 !important;
		margin-bottom: 10px ! important;
	}
}
@media (max-width:700px){
	
	#cta_loggin #loginform, #locprop_landing #loginform{
		width: 100% !important;
	}
	#locprop_landing .cta{
		padding: 5px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 1em;
	}
}
@media (max-width:400px){
	#locprop_landing .cta{
		padding: 5px;
		padding-left: 12px;
		padding-right: 12px;
		font-size: 0.9em;
	}
}
/* --------------------------------------------------------------------------------- Formulaires */
#CenterCol, .CenterCol{
	border: none !important;
}
#introcoach2 div.coach_text, .introcoach2 div.coach_text{
	width: 855px;
	font-size: 1em;
	
}
#espacelocataire{
	background: #fff;
	padding: 15px;
}
.coloc_sep.colocsepcoach{
	margin-left : 33px;
	margin-right: 33px;
	margin-bottom: 0;
}
#CreationLocation .coloc_sep,
#espacelocataire .coloc_sep{
	margin-left : 18px;
	margin-right: 18px;
	margin-bottom: 0;
}
#espacelocataire .coloc_acc .coloc_sep{
	margin-bottom: 10px;
}
#espacelocataire a{
	text-decoration: none;
}
#espacelocataire .txtCenter{
	text-align: center;
}
#espacelocataire .coloc_recap_zone.fl{
	margin-right: 0;
	margin-top: 10px;
}
#espacelocataire .coloc_recap_zone.fl .coloc_title{
	padding-top: 5px !important;
}
.color_next_prop{
	text-decoration: none;
	color: #fff;
	padding-right: 20px;
	font-size: 0.95em;
}
.color_next_prop:hover{
	opacity: 0.8;
	color: #fff;
}
.ui-datepicker-header{
	height: 40px;
}
#ui-datepicker-div{
	margin-left: 0px !important;
}
.ui-menu .ui-menu-item{
	font-size: 1em !important;
}
.select_mode_recherche a{
	font-size: 0.9em;
}
label.chrono{
	font-size: 0.8em;
}
.coloc_recap_zone.fl.t50{
	width: 470px;
	padding-right: 5px !important;
}
.coloc_recap_zone label.coloc_button{
	margin-top: 0px;
}
.coloc_recap_zone label,
.coloc_recap_zone label.actif{
	font-size: 0.9em;
}
.loc_button{
	margin-top: 0;
}
#block_superficie{
	margin-bottom: 15px;
}
@media (max-width:990px){
	.hide990{
		display: none;
	}
	#sup_submenu{
		display: none;
	}
	.coloc_sep{
		display: none;
	}
	#introcoach2 div.coach_text, .introcoach2 div.coach_text{
		font-size: 0.9em;
	}
	#coloc_recap_zone_age{
		width: 100%;
	}
	.btn_group .clear{
		display: none;
	}
	.btn_group::after{
		height: 1px;
		display: block;
		content: " ";
		clear: both;
	}
	.coloc_recap_zone.fl{
		padding-right: 0px;
		margin-right: 0px;
	}
	.coloc_recap_zone{
		float: none !important;
		border-right: none !important;
		clear: both;
		margin-left: 0px !important;
		padding-bottom: 10px;
		border-bottom: 1px solid #d5d5d5;
	}
	.nobordermobile{
		border: none !important;
	}
	.coloc_recap_zone_acc .coloc_acc_right,
	.coloc_recap_zone_acc .coloc_acc_left{
		width: 100%;
		height: auto !important;
		margin: 0 auto !important;	
		margin-bottom: 10px !important;
		border: none;
	}
	.coloc_recap_zone.fl.t50{
		width: 100%;
		height: auto !important;
		margin: 0 auto !important;	
		margin-bottom: 10px !important;
	}
	#coloc_acc_2 .coloc_recap_zone.fl.t50,
	#coloc_acc_3 .coloc_recap_zone.fl.t50,
	#coloc_acc_4 .coloc_recap_zone.fl.t50,
	#coloc_acc_5 .coloc_recap_zone.fl.t50{
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0px !important;
	}
	.coloc_recap_zone label.coloc_button,
	.coloc_recap_zone label.coloc_button.first{
		margin-left: 0px;
		margin-right: 15px;
	}
	.coloc_recap_zone::after{
		content: "";
		clear: both;
		height: 0px;
		display: block;
	}
	#block_superficie .slider_coloc{
		width: 420px;
	}
	.recherche{
		width: 100% !important;
	}
	.map_geoloc{
		height: 350px !important;
	}
	/*.map_geoloc::before,
	.select_mode_recherche,
	.conseil_loc{
		display: none !important;
	}*/
	.coloc_valid #addZone{
		padding: 2px !important;
	}
	.coloc_valid #addZone span{
		display: none;
	}
	.zone_recherche .title{
		display: none !important;
		visibility: hidden;
	}
	.zone_recherche .edit{
		display: block;
		text-align: right;
		clear: both;
	}
}
@media (max-width:850px){
	.map_geoloc::before {
		display: none;	
	}
	.coloc_valid_flat{
		padding-top: 40px;
		position: relative;
		z-index: 1;
	}
	label.label_text{
		display: block;
	}
	#block_superficie .slider_coloc,
	.coloc_recap_zone #slider-superficie, .coloc_recap_zone #slider-age{
		width: 90%;
	}
	.coloc_valid{
		text-align: center;
	}
	.coloc_valid .addZone,
	.coloc_valid #addZone{
		position: absolute;
		width: 230px;
		margin-left: -115px;
		left: 50%;
		top: 0;
		font-size: 0.7em;
	}
	.coloc_valid .color_next_prop,
	.coloc_valid .coloc_back{
		margin: 0 auto;
		margin-bottom: 10px;
	}
	#ConfirmArea{
		text-align: center;
	}
	#ConfirmArea a.coloc_back{
		display: none !important;
	}
	.color_next_prop{
		float: none;
		margin: 0;
		margin-bottom: 5px;
		display: inline-block;
	}
	.coloc_valid .coloc_back{
		display: none;
	}
}

@media (max-width:550px){
	.coloc_fiche #Map{
		float: none !important;
		margin: 0 auto;
	}
	.coloc_recap_zone.fl.t50{
		width: 100%;
		height: auto !important;
	}
}
/* --------------------------------------------------------------------------------- Page detail */
#icone_detail #mapcontainer{
	float: right;
	position: relative;
	z-index:2;
}
#icone_detail #mapcontainer #zone{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -90px;
	margin-left: -90px;
	width: 180px;
	height: 180px;
}
#icone_detail_colocataire .widthMax{
	position: relative;
	z-index: 1;
}
#icone_detail_colocataire h1,
#icone_detail h1,
#icone_detail h2{
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-family: "Muli", 'Tahoma', sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 0px;
}
#icone_detail_colocataire h1{
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0;
}
#icone_detail_colocataire .recent{
	position: absolute;
	top: -12px;
	right: -18px;
	z-index: 10;
}
#icone_detail_colocataire ul, #icone_detail_colocataire li,
#icone_detail ul, #icone_detail li{
	list-style: none;
	padding: 0;
	margin: 0;
}
#icone_detail_colocataire li,
#icone_detail li{
	padding-left: 60px;
	padding-right: 10px;
	min-height: 50px;
	display: block;
	float: left;
	width: 18.4%;
	margin-left: 2%;
	font-weight: normal;
	font-family: 'Open sans', 'Helvetica';
	font-size: 1em;
}
#icone_detail_colocataire li{
	width: 20%;
	padding: 0;
	text-align: center;
	padding-top: 60px;
}
#icone_detail li.only_info,
#icone_detail_colocataire li.only_info{
	padding: 0;
	width: 30%;
	line-height: 20px;
}
#icone_detail li.only_info span,
#icone_detail_colocataire li.only_info span{

}
#icone_detail_colocataire .ul_4 li,
#icone_detail .ul_4 li{
	width: 22.5%;
}
#icone_detail li.surface{
	background: url("/images/flat/surface.png") no-repeat left center;
	margin-left: 0;
}
#icone_detail li.surface_studio{
	background: url("/images/flat/surface_studio.png") no-repeat left center;
}
#icone_detail li.surface_chambre{
	background: url("/images/flat/surface_chambre.png") no-repeat left center;
}
#icone_detail li.surface_1{
	background: url("/images/flat/surface_t1.png") no-repeat left center;
}
#icone_detail li.surface_2{
	background: url("/images/flat/surface_t2.png") no-repeat left center;
}
#icone_detail li.surface_3{
	background: url("/images/flat/surface_t3.png") no-repeat left center;
}
#icone_detail li.surface_4{
	background: url("/images/flat/surface_t4.png") no-repeat left center;
}
#icone_detail_colocataire .ul_4 li.surface,
#icone_detail .ul_4 li.surface{
	margin-left: 2.5%;
}
#icone_detail li.loyer{
	background: url("/images/flat/loyer.png") no-repeat left center;
}
#icone_detail li.dispo{
	background: url("/images/flat/dispo.png") no-repeat left center;
}
#icone_detail li.meuble{
	background: url("/images/flat/meuble.png") no-repeat left center;
}
#icone_detail li.dpe{
	background: url("/images/flat/dpe.png") no-repeat left center;
}
#icone_detail li.budget{
	background: url("/images/flat/budget.png") no-repeat left center;
}
#icone_detail li.surface{
	background: url("/images/flat/surface.png") no-repeat left center;
	margin-left: 0;
}

#icone_detail_colocataire li.surface{
	background: url("/images/flat/surface.png") no-repeat center top;
	margin-left: 0;
}
#icone_detail_colocataire li.surface_studio{
	background: url("/images/flat/surface_studio.png") no-repeat center top;
}
#icone_detail_colocataire li.surface_chambre{
	background: url("/images/flat/surface_chambre.png") no-repeat center top;
}
#icone_detail_colocataire li.surface_1{
	background: url("/images/flat/surface_t1.png") no-repeat center top;
}
#icone_detail_colocataire li.surface_2{
	background: url("/images/flat/surface_t2.png") no-repeat center top;
}
#icone_detail_colocataire li.surface_3{
	background: url("/images/flat/surface_t3.png") no-repeat center top;
}
#icone_detail_colocataire li.surface_4{
	background: url("/images/flat/surface_t4.png") no-repeat center top;
}
#icone_detail_colocataire li.loyer{
	background: url("/images/flat/loyer.png") no-repeat center top;
}
#icone_detail_colocataire li.dispo{
	background: url("/images/flat/dispo.png") no-repeat center top;
}
#icone_detail_colocataire li.meuble{
	background: url("/images/flat/meuble.png") no-repeat center top;
}
#icone_detail_colocataire li.dpe{
	background: url("/images/flat/dpe.png") no-repeat center top;
}
#icone_detail_colocataire li.budget{
	background: url("/images/flat/budget.png") no-repeat center top;
}

#icone_detail li.large{
	padding-top: 10px;
	width: 22%;
	background-position: left bottom;
}
#icone_detail li.large.nopadding{
	padding-left: 0;
	text-align: right;
}
#resume_detail b{
	color: #6ab6d4;
}
#resume_detail ul{
	padding: 0;
}
#resume_detail li{
	padding-top: 5px;
	padding-left: 60px;
	padding-right: 5px;
	min-height: 50px;
	display: block;
	float: left;
	width: 33%;
	font-weight: normal;
	font-family: 'Open sans', 'Helvetica';
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #0089BF;
}
#resume_detail .recap_recherche li{
	width: 50%;
	padding-left: 0;
}
#resume_detail li:nth-child(4){
	clear: left;
}
#resume_detail .recap_recherche li:nth-child(4){
	clear: none;
}
#resume_detail .recap_recherche p.border{
	border-top: 1px dotted #7D7A6D;
	padding-top: 15px;
}
#resume_detail .recap_recherche p{
	font-size: 1.3em;
	margin-bottom: 0;
	color: #0089BF;
	text-align: center;
}
#resume_detail .recap_recherche ul{
	margin-top: 0;
}
#resume_detail li.surface{
	background: url("/images/flat/picto_details/surface.png") no-repeat left center;
	margin-left: 0;
}
#resume_detail li.surface_studio{
	background: url("/images/flat/picto_details/surface_studio.png") no-repeat left center;
}
#resume_detail li.surface_chambre{
	background: url("/images/flat/picto_details/surface_chambre.png") no-repeat left center;
}
#resume_detail li.surface_1{
	background: url("/images/flat/picto_details/surface_t1.png") no-repeat left center;
}
#resume_detail li.surface_2{
	background: url("/images/flat/picto_details/surface_t2.png") no-repeat left center;
}
#resume_detail li.surface_3{
	background: url("/images/flat/picto_details/surface_t3.png") no-repeat left center;
}
#resume_detail li.surface_4{
	background: url("/images/flat/picto_details/surface_t4.png") no-repeat left center;
}
#resume_detail li.loyer{
	background: url("/images/flat/picto_details/loyer.png") no-repeat left center;
}
#resume_detail li.agency_cost{
	background: url("/images/flat/picto_details/budget.png") no-repeat left center;
}
@media (max-width:990px){	
	#resume_detail li{
			width: 50%;
	}
	#resume_detail li:nth-child(3){
		clear: left;
	}
	#resume_detail li:nth-child(4){
		clear: none;
	}
	#resume_detail li:nth-child(5){
		clear: left;
	}
}
@media (max-width:785px){	
	#resume_detail li{
		width: 100%;
	}
}
@media (max-width:700px){	
	#resume_detail li{
		width: 50%;
	}
}
@media (max-width:580px){	
	#resume_detail li{
		width: 100%;
	}
}
@media (max-width:840px){	
	#resume_detail .recap_recherche li{
		width: 100%;
	}
}
#resume_detail li.dispo{
	background: url("/images/flat/picto_details/dispo.png") no-repeat left center;
}
#resume_detail li.meuble{
	background: url("/images/flat/picto_details/meuble.png") no-repeat left center;
}
#resume_detail li.dpe{
	background: url("/images/flat/picto_details/dpe.png") no-repeat left center;
}
#resume_detail li.budget{
	background: url("/images/flat/picto_details/budget.png") no-repeat left center;
}
#resume_detail li.surface{
	background: url("/images/flat/picto_details/surface.png") no-repeat left center;
	margin-left: 0;
}
#resume_detail li.surface{
	background: url("/images/flat/picto_details/surface.png") no-repeat left center;
	margin-left: 0;
}
#resume_detail li.surface_studio{
	background: url("/images/flat/picto_details/surface_studio.png") no-repeat left center;
}
#resume_detail li.surface_chambre{
	background: url("/images/flat/picto_details/surface_chambre.png") no-repeat left center;
}
#resume_detail li.surface_1{
	background: url("/images/flat/picto_details/surface_t1.png") no-repeat left center;
}
#resume_detail li.surface_2{
	background: url("/images/flat/picto_details/surface_t2.png") no-repeat left center;
}
#resume_detail li.surface_3{
	background: url("/images/flat/picto_details/surface_t3.png") no-repeat left center;
}
#resume_detail li.surface_4{
	background: url("/images/flat/picto_details/surface_t4.png") no-repeat left center;
}
#resume_detail li.loyer{
	background: url("/images/flat/picto_details/loyer.png") no-repeat left center;
}
#resume_detail li.dispo{
	background: url("/images/flat/picto_details/dispo.png") no-repeat left center;
}
#resume_detail li.meuble{
	background: url("/images/flat/picto_details/meuble.png") no-repeat left center;
}
#resume_detail li.dpe{
	background: url("/images/flat/picto_details/dpe.png") no-repeat left center;
}
#resume_detail li.budget{
	background: url("/images/flat/picto_details/budget.png") no-repeat left center;
}
#resume_detail li.large{
	width: 100%; 
	float: none;
	text-align: left;
}
#descriptif_detail{
	position: relative;
	z-index: 10;
}
#descriptif_detail .cta-retour{
	border: 2px solid #B4B2A8;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	color: #B4B2A8;
	padding: 5px 12px;
	float: left;
}
#descriptif_detail .cta-retour:hover{
	color: #fff;	
	background: #B4B2A8;
}
#descriptif_detail .bonplan,
#descriptif_detail .louerecemment,
#descriptif_detail .recent{
	float: right;
	margin-top: -30px;
	position: absolute;
	z-index: 1;
	margin-right: -15px;
	right: 0;
}
#descriptif_detail h2,
#descriptif_detail h1{
	text-align: center;
	font-family: "Muli","Helvetica";
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1.2em;
  color: #158ABD;
  padding-bottom: 10px;
  margin-top: 0px;
}
#descriptif_detail_left{
	float: left;
	width: 880px;
}
#descriptif_detail .coloc_right,
#descriptif_detail .innerMap{
	width: 300px;
	float: right;
	z-index: 1;
}
#descriptif_detail .innerMap #mapcontainer{
	position: relative;
	margin-bottom: 10px;
}
#descriptif_detail .innerMap #zone{
	position: absolute;
	width: 180px;
	height: 180px;
	top: 50%;
	left: 50%;
	margin-top: -90px;
	margin-left: -90px;
}
#descriptif_detail .coloc_right{
	font-size: 0.8em;
}
#descriptif_detail .coloc_right .recap_in{
	background: #E7E7E1;
	border-radius: 3px;
	padding: 15px;
	margin-bottom: 30px;
}
#descriptif_detail .coloc_right strong{
	color: #6ab6d4;
  display: inline-block;
  font-weight: normal;
  line-height: 20px;
  vertical-align: middle;
  font-size: 1.2em;
}
#descriptif_detail #resume_detail,
#descriptif_detail .innerDetail{
	background: #fff;
	/*margin-right: 320px;*/
	border-radius: 3px;
	color: #4e5964;
	margin-bottom: 10px;
}
#descriptif_detail #resume_detail{
	padding: 15px;
	background: #D1E8F0;
	position: relative;
	z-index: 1;
}
#descriptif_detail .innerDetail{
	padding: 15px;
}
#descriptif_detail .innerDetail li{
	width: 25%;
	float: left;
}
#descriptif_detail .innerPhoto::after{
	clear: both;
	content:'';
	display: block;
}
#descriptif_faq .toggleOnglet{
	background: url("/images/coach/coach-notes.png") no-repeat 10px 10px;
	width: 100%;
	padding-left: 80px;
	text-align: left;
	margin: 0 auto;
}
@media (max-width:700px){
	#descriptif_faq .toggleOnglet{
		background-image: none;
		padding-left: 0;
	}
}
#descriptif_faq .toggleOnglet p{
	text-align: center !important;
	clear: both;
}
#descriptif_faq .toggleOnglet a{
	color: #188BBE;
	text-decoration: none;
}
#descriptif_faq a.creerColoc,
#descriptif_faq a.creerDemande{
	display: block;
	text-align: center;
	border-radius: 3px;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 3px;
	border: 2px solid #188BBE;
	background: #188BBE;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	color: #fff;
	width: 300px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0 auto;
	margin-top: 10px;
}
#descriptif_faq a.creerColoc{
	background: #4CBE3F;
	width: 350px;
	border: 2px solid #4CBE3F;
}
#descriptif_faq .avis_detail{
	width: 470px;
	margin: 0 auto;
}
#descriptif_faq .avis_detail .etoiles{
	float: left;
	clear: both;	
	margin-right: 10px;
	width: 100px;
}
#descriptif_faq .avis_detail .jauge{
	float: left;	
	width: 360px;
	color: #a8a69a;
}
#descriptif_faq .avis_detail .jauge span{
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
}
#descriptif_faq .avis_detail .jauge .jauge_container span{
	display: block;
	height: 3px;
}
#descriptif_faq .avis_detail .jauge .jauge_container{
	width: 180px;
}
#descriptif_faq .avis_detail .jauge .jauge_container #jauge_5{
	background: #002E40;
}
#descriptif_faq .avis_detail .jauge .jauge_container #jauge_4{
	background: #005B7F;
}
#descriptif_faq .avis_detail .jauge .jauge_container #jauge_3{
	background: #0089BF;
}
#descriptif_faq .avis_detail .jauge .jauge_container #jauge_2{
	background: #6AB6D4;
}
#descriptif_faq .avis_detail .jauge .jauge_container #jauge_1{
	background: #9CD4EA;
}
#descriptif_faq p i{
	font-size: 0.8em;
	color: #a8a69a;
}
#descriptif_more h3{
	text-align: center;
	color: #a8a69a;
	font-family: "Muli","Tahoma",sans-serif;
  font-size: 1.2em;
  font-weight: normal;
  margin-bottom: 20px;
  text-align: center;
}
#descriptif_more ul#more_biens{
	list-style: none;
	padding: 0;
	margin-top: 30px;
}
#descriptif_more ul#more_biens li{
	background: #fff;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border: 2px solid #fff;
	cursor: pointer;
}
#descriptif_more ul#more_biens li:hover{
	border: 2px solid #6ab6d4;
}
#descriptif_more ul#more_biens li img{
	max-width: 80%;
	max-height: 150px;
}
#descriptif_more ul#more_biens.morecolocataire li img{
	max-height: 110px;
}
#descriptif_more ul#more_biens li .imageProp,
#descriptif_more ul#more_biens li .imageDefault{
	height: 150px;
	margin-bottom: 15px;
	margin-top: 15px;
}
#descriptif_more ul#more_biens.morecolocataire li .imageProp,
#descriptif_more ul#more_biens.morecolocataire li .imageDefault{
	height: 110px;
}
#descriptif_more ul#more_biens li .imageDefault{
	height: 150px;
	padding-top: 15px;
	border: 1px solid #F6F6F4;
	width: 150px;
	margin: 0 auto;
	margin-bottom: 15px;
	margin-top: 15px;
}
#descriptif_more ul#more_biens.morecolocataire .imageDefault{
	width: 110px;
	height: 110px;
	padding-top: 0;
}
#descriptif_more ul#more_biens li a{
	text-decoration: none;
	color: #A8A69A;
}
#descriptif_more h3.pretext{
	margin-top: 0;
	margin-bottom: 4px;
}
#descriptif_more ul.text{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 700px;
	margin: 0 auto;
	margin-bottom: 15px;
}
#descriptif_more ul.text li{
	display: inline-block;
	padding: 0;
	margin: 0;
}
#descriptif_more ul.text a{
	color: #a8a69a;
	font-size: 0.8em;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
}
#descriptif_more ul.text a:hover{
	text-decoration: underline;
}
#conseilcoach{
	background: url("/images/coach/coach-notes.png") no-repeat center left;
	min-height: 120px;
	padding-left: 100px;
	padding-top: 20px;
	width: 520px;
	margin: 0 auto;
}
/*#conseilcoach a{
	color: #188BBE;
	text-decoration: none;
	display: block;
}*/
#descriptif_detail .innerDetail b,
#propKQ .title{
	line-height: 20px;
	vertical-align: middle;
	display: inline-block;
	color: #6ab6d4;
}
.listePoisKQ{
	min-height: 21px;
	width: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	cursor: pointer;
	position: relative;
	z-index: 200;
	text-align: left;
}
.listePoisKQ:hover div{
	display: block;
	position: absolute;
	border: 1px solid #758596;
	background: #fff;
	color: #758596;
	border-radius: 10px;
	padding: 8px;
	top: 25px;
	width: 250px;
	z-index: 250;
	margin-left: -225px;
}
.listePoisKQ div{
	display: none;
}
.listePoisKQ div span{
	display: block;
	margin-top: 4px;
	margin-bottom: 4px;
}
#propKQ #metro{
	background: url("/images/geoloc/metro2.png") no-repeat top left;
}
#propKQ #gare{
	background: url("/images/geoloc/gare2.png") no-repeat top left;
}
#propKQ #rer{
	background: url("/images/geoloc/rer2.png") no-repeat top left;
}
#propKQ #tramway{
	background: url("/images/geoloc/tram2.png") no-repeat top left;
}
#propKQ #bus{
	background: url("/images/geoloc/bus2.png") no-repeat top left;
}
#propKQ #ecole{
	background: url("/images/geoloc/ecole2.png") no-repeat top left;
}
@media (max-width:1200px){
	#descriptif_detail_left{
		width: 680px;
	}
	#descriptif_detail .innerDetail li{
		width: 33%;	
	}
	#icone_detail li{
		padding-left: 50px;
		width: 19%;
		margin-left: 1.25%;
		font-size: 1em;
		padding-top: 7px;
	}
	#icone_detail_colocataire li{
		width: 17%;
		font-size: 1em;
		padding-top: 60px;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
}
@media (max-width:900px){
	#icone_detail_colocataire h1{
		padding-top: 15px;
	}
	#icone_detail_colocataire li{
		width: 32%;	
		margin-bottom: 15px;
	}
}
@media (max-width:1000px){
	
	#descriptif_detail_left{
		width: 100%;
		float:none;
	}
	#descriptif_detail .coloc_right,
	#descriptif_detail #resume_detail,
	#descriptif_detail .innerMap{
		float: none;
		margin: 0 auto;
		padding-top: 15px;
	}
	#descriptif_more ul#more_biens{
		display: block;
	}
	#descriptif_more ul#more_biens::after{
		content: " ";
		display: block;
		clear: both;
	}
	#descriptif_more ul#more_biens li{
		width: 47%;
		margin: 1.5%;
		float: left;
	}
	#descriptif_more ul#more_biens li .imageDefault{
		width: 100%;
	}
	#icone_detail li{
		width: 33%;
		margin-left: 0;
		margin-bottom: 10px;
		font-size: 1em;
	}
	#icone_detail li.large{
		float: none;
		text-align: center !important;	
		width: 400px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	#icone_detail li.surface{
		text-align: left;
	}
	#descriptif_detail .innerDetail li{
		width: 50%;	
	}
	#resume_detail .bonplan,
	#resume_detail .louerecemment,
	#resume_detail .recent,
	#descriptif_detail .bonplan,
	#descriptif_detail .louerecemment,
	#descriptif_detail .recent{
		width: 110px;
		height: 110px;
	}
	#descriptif_faq .toggleOnglet{
		width: 100%;
	}
	#icone_detail .recap_recherche{
		float: none;
		margin: 0 auto;
		margin-top: 30px;
	}
	#icone_detail .recap_recherche li{
		text-align: left;
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
}
@media (max-width:750px){	
	#descriptif_detail .innerPhoto{
		padding: 0px;
	}
	/*#descriptif_detail .innerPhoto a{
		width: 40%;
		height: 70px;
		overflow:hidden;
		display: inline-block;
	}*/
	#descriptif_detail .innerPhoto img{
		width: 45%;	
		height: auto;
	}
	#descriptif_detail .cta-retour{
		float: none;
	}
	#icone_detail #mapcontainer{
		float: none;
		width: 300px;
		margin: 0 auto;
		margin-top: 10px;
	}
	#icone_detail li.large{
		width: 400px;
		margin: 0 auto;	
	}
	#icone_detail li{
		width: 50%;
		margin-left: 0;
		margin-bottom: 10px;
		font-size: 1em;
	}	
	#icone_detail li.meuble{
		clear: none;
	}
	#icone_detail li.dispo{
		clear: both;
	}
	#descriptif_detail .coloc_right,
	#descriptif_detail #resume_detail,
	#descriptif_detail .innerMap{
		float: none;
		 margin: 0 auto;
	}
	#descriptif_detail .coloc_right{
		padding-top: 15px;
		width: 100%;
	}
	#descriptif_detail #resume_detail,
	#descriptif_detail .innerDetail{
		margin: 10px;
	}
	#more_li_3,
	#more_li_4,
	#more_li_5{
		display: none;
	}
	#descriptif_detail .innerDetail li{
		float: none;
		width: 100%;
	}
	#icone_detail_colocataire .ul_4 li,
	#icone_detail .ul_4 li{
		width: 45%;
	}
}
@media (max-width:550px){
	.listePoisKQ{
		position: static;
	}
	.listePoisKQ:hover div{
		width: 90%;
		margin-left: 5%;
		left: 0;
		top: auto;
		margin-top: 25px;
	}


	#descriptif_detail h2,
	#descriptif_detail h1{
		font-size: 1.2em;
	}
	#icone_detail li.large,
	#icone_detail li{
		float: none;
		width: 300px;
		margin: 0 auto !important;
		margin-bottom: 15px !important;
		clear: both;	
	}
	#icone_detail_colocataire .ul_4 li,
	#icone_detail .ul_4 li{
		width: 60%;
	}
	#icone_detail_colocataire h1,
	#icone_detail h1,
	#icone_detail h2{
		font-size: 1em;
	}
}
#opacity{
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: fixed;
	background: #000;
	opacity: 0.4;
	display: none;
	z-index: 100;
}
#closeMap{
	color: #000;
	background: #fff;
	width: 30px;
	height: 30px;
	position: absolute;
	top: -15px;
	right: -15px;
	border-radius: 15px;
	border: 1px solid #666;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
	cursor: pointer;
}
#coachKq{
	position: absolute;
	background: #fff;
	min-height: 302px;
	top: 50px;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	z-index: 500;
	display: none;
}

#coachKq #metro, #coachKq #rer, #coachKq #tramway, #coachKq #bus, #coachKq #ecoles, #coachKq #gares{
	margin-left: 310px;
}
@media (max-width:900px){	
	#coachKq{
		width: 85%;
		left: 0;
		margin-left: 5%;
		margin-right: 5%;
	}
	#coachKq #map,
	#coachKq #gmap{
		float: none;
		width: 100% !important;
		margin: 0 !important;
		text-align: center;
		margin-bottom: 10px;
	}
	
	#coachKq #metro, #coachKq #rer, #coachKq #tramway, #coachKq #bus, #coachKq #ecoles, #coachKq #gares{
		margin-left: 10px;
	}
	#showCoachKq{
		margin-bottom: 10px;
	}
}
#coachKq .coloc_title{
	padding-top: 5px;
	padding-right: 70px;
	margin-bottom: 5px;
	margin-left: 327px;
	padding-top: 7px;
}
#coachKq #metro,
#coachKq #rer,
#coachKq #tramway,
#coachKq #bus,
#coachKq #ecoles,
#coachKq #gares{
	margin: 10px;
	border: 1px solid #dadada;
	padding: 8px;
	padding-left: 50px;
	background: #f6f6f6;
	min-height: 30px;
	/*margin-left: 310px;*/
}
#coachKq #metro{
	background: url("/images/geoloc/metro.png") no-repeat 7px 7px #fff;
}
#coachKq #gares{
	background: url("/images/geoloc/gare.png") no-repeat 7px 7px #fff;
}
#coachKq #rer{
	background: url("/images/geoloc/rer.png") no-repeat 7px 7px #fff;
}
#coachKq #tramway{
	background: url("/images/geoloc/tram.png") no-repeat 7px 7px #fff;
}
#coachKq #bus{
	background: url("/images/geoloc/bus.png") no-repeat 7px 7px #fff;
}
#coachKq #ecoles{
	background: url("/images/geoloc/ecole.png") no-repeat 7px 7px #fff;
}
#coachKq #gmap{
	width: 875px;
	height: 300px;
	margin: 10px;
	margin-left: 15px;
}
#coachKq h2{
	margin: 10px;
	margin-left: 15px;
}
.mfp-iframe-holder .mfp-content{
	max-width: 700px;
}
.mfp-iframe-scaler{
	padding-top: 0;
	min-height: 200px;
}
.mfp-iframe-scaler iframe{
	background: #fff;
}
/* --------------------------------------------------------------------------------- Page detail */
#noticeLeftCol{
	display: none;
}
#noticeLeftCol p{
	float: left;
	margin: 0 !important;
}
#noticeLeftCol p img{
	display: none;
}
#noticeLeftCol p a{
	text-decoration: none;
	display: inline-block;
	margin: 2px;
	border: 2px solid #808080;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 0.9em;
	color: #808080;
}
#noticeLeftCol p a:hover{
	color: #fff;
	background: #808080;
}
#noticeLeftCol #TOCTitle{
	display: none;
}
#notice{
	padding-top: 40px;
	clear: both;
}
#noresultLocation h1,
#noresultLocation h2,
#notice h1{
	font-size: 1.8em;
	line-height: 1.2em;
	font-family: "Muli","Helvetica";
	font-weight: normal;
	text-align: center;
}
h2.h2_notice,
#notice h2{
	font-size: 1.4em;
	line-height: 1em;
	font-family: "Muli","Helvetica";
	font-weight: normal;
	border-top: 1px solid #E1E1E1;
	padding-top: 30px;
}
#notice a{
	color: #188BBE;
	text-decoration: none;
}
#notice a:hover{
	text-decoration: underline;
}
#notice h2 a:hover,
#notice h2 a{
	font-family: "Muli","Helvetica";
	color: #808080;
	text-decoration: none;
}
#notice h2:first-of-type{
	border-top: none;
}
#notice a.command{
	display: block;
	text-align: right;
}

#more_biens .cr_homme,
.inneColocataire .cr_homme,
.extraitcoloc .cr_homme,
.liste_colocataire .cr_homme{
	width: 100px;
	height: 100px;
	background: url("/images/coloc/compo/coloc_1_homme.png") no-repeat center;
	display: inline-block;
}
#more_biens .cr_femme,
.extraitcoloc .cr_femme,
.inneColocataire .cr_femme,
.liste_colocataire .cr_femme{
	width: 100px;
	height: 100px;
	background: url("/images/coloc/compo/coloc_1_femme.png") no-repeat center;
	display: inline-block;
}
#more_biens .cr_2_homme,
.extraitcoloc .cr_2_homme,
.inneColocataire .cr_2_homme,
.liste_colocataire .cr_2_homme{
	width: 100px;
	height: 100px;
	background: url("/images/coloc/compo/coloc_2_homme.png") no-repeat center;
	display: inline-block;
}
#more_biens .cr_2_femme,
.extraitcoloc .cr_2_femme,
.inneColocataire .cr_2_femme,
.liste_colocataire .cr_2_femme{
	width: 100px;
	height: 100px;
	background: url("/images/coloc/compo/coloc_2_femme.png") no-repeat center;
	display: inline-block;
}
#more_biens .cr_2_femme_homme,
.extraitcoloc .cr_2_femme_homme,
.inneColocataire .cr_2_femme_homme,
.liste_colocataire .cr_2_femme_homme{
	width: 100px;
	height: 100px;
	background: url("/images/coloc/compo/coloc_2_femme_homme.png") no-repeat center;
	display: inline-block;
}
#more_biens .cr_couple,
.extraitcoloc .cr_couple,
.inneColocataire .cr_couple,
.liste_colocataire .cr_couple{
	width: 100px;
	height: 100px;
	background: url("/images/coloc/compo/coloc_couple.png") no-repeat center;
	display: inline-block;
}
#more_biens .cr_2_couple,
.extraitcoloc .cr_2_couple,
.inneColocataire .cr_2_couple,
.liste_colocataire .cr_2_couple{
	width: 100px;
	height: 100px;
	background: url("/images/coloc/compo/coloc_2_couple.png") no-repeat center;
	display: inline-block;
}
#more_biens .cr_3_homme,
.extraitcoloc .cr_3_homme,
.inneColocataire .cr_3_homme,
.liste_colocataire .cr_3_homme{
	width: 100px;
	height: 100px;
	background: url("/images/coloc/compo/coloc_3_homme.png") no-repeat center;
	display: inline-block;
}
#more_biens .cr_3_femme,
.extraitcoloc .cr_3_femme,
.inneColocataire .cr_3_femme,
.liste_colocataire .cr_3_femme{
	width: 100px;
	height: 100px;
	background: url("/images/coloc/compo/coloc_3_femme.png") no-repeat center;
	display: inline-block;
}
#more_biens .cr_3_2_homme,
.extraitcoloc .cr_3_2_homme,
.inneColocataire .cr_3_2_homme,
.liste_colocataire .cr_3_2_homme{
	width: 100px;
	height: 100px;
	background: url("/images/coloc/compo/coloc_3_2_homme_1_femme.png") no-repeat center;
	display: inline-block;
}
#more_biens .cr_3_1_homme,
.extraitcoloc .cr_3_1_homme,
.inneColocataire .cr_3_1_homme,
.liste_colocataire .cr_3_1_homme{
	width: 100px;
	height: 100px;
	background: url("/images/coloc/compo/coloc_3_1_homme_2_femme.png") no-repeat center;
	display: inline-block;
}
#more_biens .cr_custom,
.extraitcoloc .cr_custom,
.inneColocataire .cr_custom,
.liste_colocataire .cr_custom{
	width: 100px;
	height: 100px;
	background: url("/images/coloc/compo/coloc_custom.png") no-repeat center;
	display: inline-block;
}
.only_info span{
	height: 39px;
	width: 65px;
	margin: 0 auto;
	display: inline-block;
	background-image: url("/images/coloc/sprite_info_bleu.png");
	background-repeat: no-repeat;
	vertical-align: middle;
}
.only_info_blanc span{
	background-image: url("/images/coloc/sprite_info_blanc.png");
}
.recap_recherche .only_info{
	vertical-align: middle;
	display: block;
	margin-top: 7px;
}
#chambresDispo .chambre .only_info{
	float: right;
}
.only_info.c_homme span{
	background-position: 0px 0px !important;
}
.only_info.c_femme span{
	background-position: 0px -39px;
}
.only_info.c_uni_femme span{
	background-position: 0px -117px;
}
.only_info.c_homosexuel span, 
.only_info.c_uni_homme span{
	background-position: 0px -78px;
}
.only_info.c_couple span,
.only_info.c_mixte span{
	background-position: 0px -156px !important;
}
.only_info.c_etudiant span{
	background-position: 0px -195px;
}
.only_info.c_fumeur span{
	background-position: 0px -234px;
}
.only_info.c_nonfumeur span{
	background-position: 0px -468px;
}
.only_info.c_fumeurexterieur span{
	background-position: 0px -507px;
}
.only_info.c_animal span{
	background-position: 0px -273px;
}
.only_info.c_enfant span{
	background-position: 0px -312px !important;
}
.only_info.c_activiteprof span{
	background-position: 0px -351px;
}
.only_info.c_ssactiviteprof span{
	background-position: 0px -390px;
}
.only_info.c_confidentiel span{
	background-position: 0px -741px;
}
.only_info.c_meuble span{
	background-position: 1px -819px;
}
.only_info.c_nonmeuble span{
	background-position: 0px -858px;
}
.only_info.c_meubleauchoix span{
	background-position: 0px -897x;
}
.only_info.c_ssliterie span{
	background-position: 1px -936px;
}
.only_info.c_litdouble span{
	background-position: 1px -975px;
}
.only_info.c_litsimple span{
	background-position: 1px -1014px;
}
.only_info.c_canape span{
	background-position: 1px -1053px;
}
.only_info.c_nonanimal span{
	background-position: 0px -546px;
}
.only_info.c_chien span{
	background-position: 0px -585px;
}
.only_info.c_chat span{
	background-position: 0px -702px;
}
.only_info.c_rongeur span{
	background-position: 0px -624px;
}
.only_info.c_reptile span{
	background-position: 0px -663px;
}
.only_info.c_oiseau span{
	background-position: 0px -741px;
}
.only_info.c_age span{
	background-position: 0px -1131px;
}
.only_info.c_nonetudiant span{
	background-position: 0px -1092px;
}  
#colocataire_info{
	margin-top: 15px;
	position: relative;
	z-index: 1 ;
}
#colocataire_info .tampon{
	width: 120px;
	height: 115px;
	background: url("/images/flat/colocattitude.png") no-repeat top left;
	margin: 0;
	float: right;
}
#colocataire_info,
#chambresDispo .chambre{
	background: #D1E8F0;
	padding: 15px;
	border-radius: 3px;
	font-size: 0.9em;
}
.chambredispoalone .chambre{
	margin-bottom: 10px;
}
@media (max-width:750px){	
	
	.chambredispoalone .chambre{
		margin-right: 0px;
	}
}
#colocataire_info .title,
#chambresDispo .chambre .title{
	color: #6ab6d4;
  display: inline-block;
  font-size: 1em;
  font-weight: normal;
  line-height: 20px;
  vertical-align: middle;
}
#colocataire_info .title{
	font-size: 1.4em;
	margin-bottom: 15px;
}
#citymap2 {
	width: 100%;
	min-height: 220px;
	margin-bottom: 10px;
	text-align: center;
}
@media (max-width:900px){	
	#citymap2 {
		margin-top: 10px;
		float: none;
		width: 100%;
	}
}
.inneColocataire{
	margin-top: 15px;
}
@media (max-width:750px){	
	.inneColocataire{
		margin-right: 0;
	}
}
.inneColocataire .coloc_left{
	width: 120px; 
	float: left;
	color: #6ab6d4;
  display: inline-block;
  font-size: 1em;
  font-weight: normal;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
}
.inneColocataire .coloc_left img{
	border-radius: 4px;
	margin-bottom: 10px;
}
.inneColocataire .blockquote{
	background: #fff;
	border-radius: 5px;
	margin-left: 140px;
	padding: 15px;
	margin-right: 70px;
	position: relative;
	z-index: 1;
}
.inneColocataire .blockquote .arrow{
	-moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent rgba(255, 255, 255, 1) transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  left: -10px;
  margin-top: 30px;
  position: absolute;
}
.inneColocataire .info_right{
	float: right;
}
#introcoach2 div.coach_text, .introcoach2 div.coach_text,
#introcoach2 h1, .introcoach2 h1{
	text-align: left !important;
	width: 100%;
	margin-left: 0 !important;
}
#submenu ul li div{
	line-height: 21px;
	text-decoration: none;
}
#submenu ul li div a{
	text-decoration: none;
}
.faq_message{
	margin-bottom: 45px;
	border: 1px solid #ccc;
	padding: 30px;
	margin-top: 15px;
}
.faq_message .cd-faq-content{
	display: none;
}
#Message .label{
	text-align: right;
}
.containertableform table{
	width: 100%;
}
.containertableform table td{
	hyphens: none;
}
@media (max-width:600px){	
	.inneColocataire .blockquote .arrow{
		display: none;
	}
	.inneColocataire .coloc_left,
	.inneColocataire .info_right{
		margin-bottom: 10px;
	}
	.inneColocataire .blockquote{
		clear: both;
		margin-left: 10px;
		margin-right: 10px;
	}
	.containertableform table tr{
		display: block;
		padding-bottom: 20px;
	}
	.containertableform table td{
		display: block;
		text-align: left;
		width: 100%;
		padding: 0;
		height: auto !important;
	}
}
.small_flag{
	height: 30px;
	width: 30px;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	background-image: url("/images/coloc/sprite_drapeau_rond.png");
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-left: 4px; 
	margin-right: 4px;
	border: none;
}
.small_flag.c_fra{
	background-position: 0px 0px !important;
}
.small_flag.c_ang{
	background-position: 0px -30px;
}
.small_flag.c_all{
	background-position: 0px -60px;
}
.small_flag.c_ara{
	background-position: 0px -900px;
}
.small_flag.c_rus{
	background-position: 0px -120px;
}
.small_flag.c_ita{
	background-position: 0px -150px;
}
.small_flag.c_esp{
	background-position: 0px -180px;
}
.small_flag.c_por{
	background-position: 0px -210px;
}
.small_flag.c_hol{
	background-position: 0px -240px;
}
.small_flag.c_chi{
	background-position: 0px -270px;
}
.small_flag.c_jap{
	background-position: 0px -300px;
}
.small_flag.c_hin{
	background-position: 0px -330px;
}
.small_flag.c_cor{
	background-position: 0px -360px;
}
.small_flag.c_pol{
	background-position: 0px -390px;
}
#contenuGuide{
	padding: 15px;
	font-size: 0.9em;
}
#contenuGuide ul,
#contenuGuide ol,
#contenuGuide p{
	margin-bottom: 10px;
}





#opacity{
	background: #000;
	opacity: 0.4;
	position: fixed;
	z-index: 20;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: none;
}
.popupresidence {
	position: fixed;
	width: 700px;
	background: #fff;
	padding-bottom: 20px;
	top: 150px;
	left: 50%;
	margin-left: -350px;
	z-index: 50;
	text-align: center;
	display: none;
	border: 1px solid #666;
}
.popupresidence span.close {
	height: 24px;
	width: 24px;
	background: #fff;
	border: 1px solid red;
	border-radius: 12px;
	text-align: center;
	line-height: 24px;
	color: red;
	display: inline-block;
	position: absolute;
	top: -10px;
	right: -10px;
}
.popupresidence span.close:hover {
	color: red;
	border: 1px solid red;
	cursor: pointer;
}
.popupresidence p {
	margin-top: 20px;
	font-size: 14px;
}
.popupresidence p a.redirectImmojeune{
	display: inline-block;
	background: #ededed;
	color: #666;
	border: 1px solid #666;
	border-radius: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100px;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	margin-right: 15px;
}
.popupresidence p a.showNext{
	display: inline-block;
	background: #339fcc;
	color: #fff;
	border: 1px solid #666;
	border-radius: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100px;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	margin-left: 15px;
}
.popupresidence  input#emailij{
	height: 40px;
	vertical-align: middle;
	border: 1px solid #999;
	background: #f3f6f8;
	color: #666;
	border-radius: 4px;
	font-size: 14px;
	padding-left: 7px;
	width: 200px;
}
.popupresidence input#validEmailIJ{
	height: 40px;
	vertical-align: middle;
	border: 1px solid #999;
	background: #ededed;
	color: #666;
	border-radius: 4px;
	font-size: 14px;
	background: #339fcc;
	color: #fff;
	padding-left: 7px;
	padding-right: 7px;
}
.popupresidence input#validEmailIJ:hover{
	cursor: pointer;
	opacity: 0.8;
}
.popup3{
	display: none;
}
.seppop3{
	border-top: 1px solid #dfdfdf;
	margin-top: 20px;
	padding-top: 20px;
}
#ouibounce-modal,
#ouibounce-modal p{
	line-height: 1em;
}

#popupstudea .popup-gallery{
	text-align: center;	
}
#popupstudea .popup-gallery img{
	margin: 4px;
}
#popupstudea #icone_detail li{
	width: 27%;
	margin-left: 5%;
	line-height: 40px; 
}
#popupstudea #detail{
	padding: 15px;
	text-align: left;
}
#popupstudea .contenu{
	border-bottom: 1px solid #4E5964;
	padding-bottom: 8px;
	padding-top: 8px;
}
.cta_argu_secteur .coach{
	width: 580px !important;
}

@media (max-width:1100px){	
	.popupresidence {
		width: 100%;	
		top: 20px;
		margin-left: 0;
		position: absolute;
		left: 0;
	}
	.cta_argu_secteur .coach{
		padding-right: 140px !important;
	}
	.cta_argu_secteur img#coachsecteur{
		right: 50px !important;
	}
}
@media (max-width:850px){	
	.popupresidence {
		width: 100%;	
		left: 0;
		margin-left: 0;
		position: absolute;
	}
	#popupstudea #icone_detail li{
		width: 100%;
		float: none;
		margin-left: 10px !important;
	}
	.cta_argu_secteur .coach{
		padding-right: 90px !important;
	}
	.cta_argu_secteur img#coachsecteur{
		right: 10px !important;
	}
	.cta_argu_secteur img#mapsecteur{
		left: 100px !important;
	}
}
@media (max-width:880px){	
	#repetitiontop .addZone,
	.cta_argu_secteur{
		display: none !important;	
	}
}
@media (max-width:570px){	
	.cta_argu_secteur{
		display: none !important;	
	}
}
.buttonset{
	width: 207px !important;
}
.radioSwitch-track{
	width: 206px !important;
}

#blocChoixDemande .demande{
	background: #F6F6F4;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	cursor: pointer;
	border: 1px solid #F6F6F4;
}
#blocChoixDemande .demande.payee .statut{
	font-weight: bold;
	color: #158ABD;
}
#blocChoixDemande .demande a{
	background: #158ABD;
	color: #fff;
	display: block;
	border-radius: 3px;
	padding: 4px;
	text-decoration: none;
}
#blocChoixDemande .demande:hover{
	border: 1px solid #158ABD;
}

/* --------------------------------------------------------------------------------- Menu demande */

.coloc_menu{
	background: #7d7a6d;
	color: #fff;
	width: 100% !important;
	margin: 0 !important;
	height: auto !important;
} 
.coloc_menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	border-right: 1px solid #fff;
}
.coloc_menu ul li{
	float: left;
	margin-left: 0px;
}
.coloc_menu ul li a{
	color: #fff;
	padding-top: 19px;
	padding-bottom: 20px;
/*
	padding-left: 15px;
	padding-right: 15px;
*/
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;	
	font-size: 1.2em;
	position: relative;
	z-index: 1;
	border-left: 1px solid #fff;
	text-decoration: none;
}
.coloc_menu ul li a:hover{
	background: #6ab6d4;
	color: #fff;
}
.coloc_menu_prop ul li a:hover{
	background: #8fd486;
}
.coloc_menu ul li.actif a{
	background: #0089BF;
	color: #fff;
}
.coloc_menu_prop ul li.actif a{
	background: #43BF32;	
}
.coloc_menu ul li.actif a:after, 
.coloc_menu ul li.actif a:before { 
	top: 100%;
	left: 50%; 
	border: solid transparent; content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
} 
.coloc_menu ul li.actif a:after { 
	border-color: rgba(77, 205, 121, 0); 
	border-top-color: #0089BF; 
	border-width: 10px; 
	margin-left: -10px; 
}
.coloc_menu_prop ul li.actif a:after{
	border-top-color: #43BF32; 
}
.coloc_menu ul li.actif a:before { 
	border-color: rgba(77, 205, 121, 0); 
	border-top-color: #0089BF; 
	border-width: 16px; 
	margin-left: -16px;
}
.coloc_menu_prop ul li.actif a:before{
	border-top-color: #43BF32; 
}
@media (max-width:1010px){	
	.coloc_menu ul li.actif a:before,
	.coloc_menu ul li.actif a:after,
	.coloc_menu_prop ul li.actif a:before,
	.coloc_menu_prop ul li.actif a:after{
		display: none;	
	}
}
.coloc_menu h2{
	font-size: 1.4em;
	font-weight: normal;
	margin: 0;
}
/* --------------------------------------------------------------------------------- Recap demande */
.borderbottomgrey{
	border-bottom: 1px solid #D5D5D5;
}
.Demande_borderleft{
	border-left: 1px solid #D5D5D5;
	margin-left: 0 !important;
	padding-left: 1rem !important;
}
#FormCreationEspace h1,
.detailDemande h1,
.rappelDemande h1{
	text-align: center;
}
#paiement #introcoach2{
	width: 100%;
}
#formulaireLoc{
	
}
#formulaireLoc #introcoach2,
#rappelDemande #introcoach2,
#CreationLocation #introcoach2,
#FormCreationEspace #introcoach2,
#CreationOccupant #introcoach2,
#offrePrivilege #introcoach2,
#paiement #introcoach2,
.rappelDemande #introcoach2,
.modal .introcoach {
	background: url("/images/coach/coach_bulle.png") no-repeat top left;
	padding-left: 150px;
	text-align: left;
	min-height: 105px;
}
@media (max-width:500px){
	#formulaireLoc #introcoach2,
	#rappelDemande #introcoach2,
	#CreationLocation #introcoach2,
	#FormCreationEspace #introcoach2,
	#CreationOccupant #introcoach2,
	#offrePrivilege #introcoach2,
	#paiement #introcoach2,
	.rappelDemande #introcoach2{
		background: url("/images/coach/coach-mini.png") no-repeat top left;
		padding-left: 55px;
		min-height: 70px;
	}
}
#formulaireLoc #introcoach2 .coach_text,
#FormCreationEspace #introcoach2 .coach_text,
#CreationOccupant #introcoach2 .coach_text,
#CreationLocation #introcoach2 .coach_text{
	background: none;
	padding-left: 0;
}
#formulaireLoc #introcoach2{
	margin-top: 10px;
	margin-bottom: 10px;
}

/*#introcoach2 h1{
	margin: 0;
	font-weight: normal !important;
	color: #535964 !important;
	font-size: 1.4em;
}*/
#introcoach2 div.coach_text{
	font-style: normal;
}
.paiementDemande{
	text-align: center;
}
.paiementDemande .cta{
	background: none;
	padding: 0;
	width: auto;
	height: auto;
}
.paiementDemande .cta .main{
	border-radius: 6px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	height: 40px;
	line-height: 40px;
	background: #0089BF;
	color: #fff;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	font-size: 1.1em;
	display: inline-block;
	margin-bottom: 4px;
}
.paiementDemande .cta .main:hover{
	background: #005C81;
}
.paiementDemande .cta .second{
	font-style: italic;
	color: #514e3d;
	background: url("/images/cadenas.png") no-repeat center left;
	padding-left: 150px;
	height: 30px;
	line-height: 30px;
	display: block;
	font-size: 1em !important;
}
.coloc_title{
	vertical-align: middle;
	font-size: 1.2em;
	margin-bottom: 20px;
	font-weight: normal !important;
}
#recap_maison {
    background: url("/images/tenant/demande/location.jpg") no-repeat scroll left center;
    padding-left: 40px;
}
#recap_secteur {
    background: url("/images/tenant/demande/secteur.jpg") no-repeat scroll left center;
    padding-left: 40px;
}
#recap_prestations {
    background: url("/images/tenant/demande/prestations.jpg") no-repeat scroll left center;
    padding-left: 40px;
}
#recap_profils {
    background: url("/images/tenant/demande/precisions.jpg") no-repeat scroll left center;
    padding-left: 40px;
}
#recap_contact {
    background: url("/images/tenant/demande/contact.jpg") no-repeat scroll left center;
    padding-left: 40px;
}
#recap_nosprofils {
    background: url("/images/coloc/picto_user.png") no-repeat scroll left center;
    padding-left: 40px;
}
.custom-tooltip-fastt{
	width: 500px !important;
	font-size: 0.8em !important;
	background: #fff !important;
}
.coloc_back,
.color_next_prop{
	font-weight: normal !important;
	font-size: 0.9em !important;
}
#bottommenu{
	margin: 0 !important;
}
.txtVeryImportant{
	color:#fc822b;
}
.gotoMobile{
	text-align: center;
	background: #514E3D;
	color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
}
.gotoMobile a{
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
	text-decoration: none;
}
@media (max-width:800px){	
	#CreationOccupant #introcoach2,
	#FormCreationEspace #introcoach2,
	#paiement #introcoach2{
		width: 100%;
	}
	.coloc_menu{
		margin-top: 15px;
	}
	#paiement #introcoach2{
		width: 100%;
	}
}
@media (max-width:1200px){	
	.coloc_menu ul li a{
		font-size: 1em;
	}
}
@media (max-width:700px){	
	.coloc_menu{
		margin-top: 15px;
	}	
	.coloc_menu ul li a{
		font-size: 1em;
		padding: 10px 10px 8px;
	}
}
@media (max-width:600px){	
	.paiementDemande .cta .second{
		line-height: 15px;
	}
	.Demande_borderleft{
		border: none;
		margin-left: 0;
		padding-left: 0 !important;
	}
	.detailDemande .grid > div{
		padding-bottom: 30px;
	}
	.paiementDemande .cta .main{
		padding-left: 5px;
		padding-right: 5px;
		font-size: 0.9em;
		height: auto;
	}
	.coloc_menu ul,
	.coloc_menu ul li,
	.coloc_menu ul li a{
		/*display: block;
		float: none;	
		margin: 0 auto;*/
	}
	.coloc_menu ul li a{
		font-size: 0.8em;
	}
}

#coachPage{
	width: 990px;
	margin: 0 auto;
}
#coachPage.responsive{
	max-width: 1200px;
	width: 100%;
}
#coachPage h3{
	font-size: 1em !important;
}
#CoachActualSearch, #CoachAnalysis {
    color: #646464;
    line-height: 18px;
    margin: 0 10px;
}
#CoachActualSearch {
    background: transparent url("/images/coach/coach-onglet.jpg") no-repeat scroll left top;
    padding-left: 161px;
    white-space: nowrap;
}
#CoachActualSearch.responsive{
	background: none;
	padding: 0;
	white-space: normal;
}
#CoachActualSearch .inline, #CoachAnalysis .inline {
    display: inline-block;
    margin: 5px;
    vertical-align: top;
}
.responsive #CoachAnalysis .inline,
#CoachActualSearch.responsive .inline{
	display: block;
	float: left;
}
@media (max-width:950px){
	.responsive #CoachAnalysis .inline{
		width: 100%;
		float: none;
	}
}
#CoachActualSearch.responsive::after{
	clear: both;
	height: 1px;
	content: "";
	display: block;
}
#CoachActualSearch .inline {
    padding-top: 10px;
}
#CoachActualSearch .inline:first-child {
    width: 340px;
}
#CoachActualSearch.responsive .inline {
	width: 40%;
}
#CoachActualSearch.responsive .inline:first-child {
    width: 50%;
    background: transparent url("/images/coach/coach-onglet.jpg") no-repeat scroll left top;
    padding-left: 161px;
}
#CoachActualSearch .inline:last-child {
    background: transparent url("/images/coach/separateur-coach.jpg") no-repeat scroll left center;
    padding-left: 10px;
}
#CoachActualSearch h1.coach, #CoachAnalysis h1.coach {
    color: #00A4D5;
    font-family: Georgia bold;
    font-size: 2em;
}
#CoachActualSearch.responsive h1.coach, #CoachAnalysis.responsive h1.coach{
	font-family: "Muli","Helvetica";
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.2em;
	color: #158ABD;
	margin: 0px;
}
#bloc_sample > h4,
#CoachActualSearch.responsive h3, #CoachAnalysis.responsive h3{
	font-family: "Muli","Helvetica";
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.2em;
	color: #158ABD;
	margin: 0px;
}
/*
#CoachActualSearch.responsive #Map{
	height: 180px !important;
}
*/
#CoachActualSearch h2 {
    font-size: 1.2em;
    margin-bottom: 15px;
}
#CoachActualSearch p label {
    display: inline-block;
    text-align: right;
    width: 175px;
    font-size: 0.9em;
    margin-top: 0;
}
#CoachActualSearch #modifcriteres {
    margin-top: 10px;
    padding-left: 95px;
}
#CoachActualSearch h2 {
    display: inline-block;
    font-weight: normal;
    font-size: 0.9em;
}
#CoachActualSearch p{
	margin: 0;
	line-height: auto;
}
#CoachActualSearch a {
    font-style: italic;
}
#CoachActualSearch a:hover {
    text-decoration: underline;
}
#CoachActualSearch .result {
    font-weight: bold;
}
#CoachActualSearch table td.headerSecteur {
    height: 56px;
}
#CoachActualSearch table td.headerSecteur h2 {
    margin: 0 0 10px;
}
#CoachActualSearch table td.tdVilleSecteur {
    height: 19px;
}
#CoachActualSearch table td div.villeSecteur {
    margin-right: 5px;
    white-space: normal;
    width: 83px;
    word-wrap: break-word;
}

@media (max-width:1000px){	
	#CoachActualSearch.responsive .inline{
		float: none;
		width: 100% !important;	
		margin: 0;
	}
	#CoachActualSearch .inline:last-child {
	  background: none;
	  padding: 0;
	}
}
@media (max-width:520px){	
	#CoachActualSearch.responsive .inline:first-child {
	    background: none;
	    padding-left: 0;
	}
}
#CoachAnalysis .analysis {
    background-color: #f5f5f5;
    border: 1px dotted #00A4D5;
    margin-bottom: 20px;
}
#CoachAnalysis.responsive .analysis{
	border: 1px solid #0089BF;
}
#CoachAnalysis .analysistitle + div {
    padding: 10px;
}
#CoachAnalysis .analysis .analysistitle {
    height: 22px;
    position: relative;
}
#CoachAnalysis .analysis .analysistitle h2 {
    background: transparent url("/images/coach/rectangle.png") no-repeat scroll left bottom;
    color: #ffffff;
    font-size: 1em;
    font-weight: normal;
    height: 31px;
    left: 0;
    line-height: 28px;
    padding-left: 10px;
    position: absolute;
    top: -8px;
    width: 300px;
}
#CoachAnalysis.responsive .analysis .analysistitle {
	height: auto !important;
  min-height: 40px;
}
#CoachAnalysis.responsive .analysis .analysistitle h2{
	background: #0089BF;
	top: auto;
	width: 100%;
	height: auto !important;
  min-height: 40px;
  line-height: 40px;
  font-size: 1.1em;
}
#CoachAnalysis .analysis .analysistitle > span {
  left: 480px;
  position: absolute;
  top: -8px;
}
#CoachAnalysis.responsive .analysis .analysistitle > span {
  top: 3px;
	width: 94px;
}
@media (max-width:720px){	
	#CoachAnalysis.responsive .analysis .analysistitle > span {
		left: auto;
  	right: 10px;
		top: 20px;
  }
  #CoachAnalysis.responsive .analysis .analysistitle {
		margin-bottom: 10px;
	  
  }
	#CoachAnalysis.responsive .analysis .analysistitle h2{
		padding-right: 100px;
		line-height: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
#CoachAnalysis .analysis .analysistitle > a {
    background: transparent url("/images/coach/bouton-gris.png") no-repeat scroll left bottom;
    display: inline-block;
    height: 19px;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
}
#CoachAnalysis .analysis .analysistitle > a.closed {
    background-image: url("/images/coach/bouton-bleu.png");
}
#CoachAnalysis .analysis .analysisconseil {
    background-color: #f2f9ff;
    border-top: 1px dotted #00A4D5;
    color: #656252;
    font-family: Georgia;
    margin-top: 5px;
    min-height: 70px;
    position: relative;
    padding-left: 15px;
    font-size: 0.9em;
}
#CoachAnalysis .analysis .analysisconseil p {
    background: transparent url("/images/coach/coach-mini.png") no-repeat scroll left top;
    font-size: 1.2em;
    font-style: italic;
    line-height: 1.2em;
    min-height: 70px;
    padding-left: 60px;
    padding-top: 15px;
}
@media (max-width:950px){	
	#CoachAnalysis .analysis .analysisconseil p{
		font-size: 1em;
		padding-top: 5px;
	}
}
#CoachAnalysis .analysis .analysisconseil p a {
    color: #1a90b0;
    text-decoration: underline;
}
#bloc_budget .inline:first-child {
    width: 400px;
}
.responsive #bloc_budget .inline:first-child {
    width: 50%;
}
@media (max-width:950px){	
	.responsive #bloc_budget .inline:first-child{
		width: 100%;
		float: left;
	}
}
#bloc_budget .inline:last-child {
    background: transparent url("/images/coach/separateur-bloc-coach.jpg") no-repeat scroll left center;
    padding-left: 10px;
}
#bloc_budget a {
    font-style: italic;
}
#bloc_budget small {
    font-size: 0.9em;
}
#CoachAnalysis .analysis #bloc_parc {
    padding: 0;
}
#CoachAnalysis .analysis #bloc_parc p {
    padding: 10px;
}
#bloc_sample {
    padding: 0 10px;
}
#bloc_sample > h4 {
    margin-top: 5px;
    margin-bottom: 10px;
}
#bloc_sample > ul {
    list-style-position: inside;
    list-style-type: square;
    margin-top: 0;
}
#bloc_sample > ul a{
	text-decoration: none;
	color: #0F7DAB;
}
#bloc_sample > ul a:hover{
	color: #4E4E4F;
}
#CoachAnalysis #GraphCote {
    background-color: #f1f1f1;
    border: 1px solid #c1c1c1;
    margin: 0 auto;
    width: 430px;
}
.responsive #CoachAnalysis #GraphCote{
	border: none;
}
@media (max-width:950px){	
	.responsive #CoachAnalysis #GraphCote {
    width: 100%;
	}
}
#CoachAnalysis #GraphCote .Line {
    height: 40px;
    margin: 2px;
}
#CoachAnalysis #GraphCote .Line .Title {
    color: #333;
    float: left;
    font-size: 0.8em;
    height: 100%;
    line-height: 40px;
    padding-right: 5px;
    text-align: right;
    width: 105px;
}
#CoachAnalysis #GraphCote .Line .Border {
    background: transparent url("/images/cote/graph_bordure.png") no-repeat scroll right center;
}
#CoachAnalysis #GraphCote .Line .Bloc {
    float: left;
    height: 100%;
    line-height: 40px;
}
#CoachAnalysis #GraphCote .Line .Bloc0, #CoachAnalysis #GraphCote .Line .Bloc1, #CoachAnalysis #GraphCote .Line .Bloc2 {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin: 8px 0;
    text-align: right;
}
#CoachAnalysis #GraphCote .Line .Bloc0 {
    background: transparent url("/images/cote/graph_top.png") repeat-x scroll left center;
    border-bottom: 1px solid #434d6c;
    border-right: 1px solid #434d6c;
    border-top: 1px solid #434d6c;
}
#CoachAnalysis #GraphCote .Line .Bloc1 {
    background: transparent url("/images/cote/graph_middle.png") repeat-x scroll left center;
    border-bottom: 1px solid #324f99;
    border-right: 1px solid #324f99;
    border-top: 1px solid #324f99;
}
#CoachAnalysis #GraphCote .Line .Bloc2 {
    background: transparent url("/images/cote/graph_bottom.png") repeat-x scroll left center;
    border-bottom: 1px solid #0087ae;
    border-right: 1px solid #0087ae;
    border-top: 1px solid #0087ae;
}
@media (max-width:500px){	
	#CoachAnalysis #GraphCote .Line{
		height: auto;
	}
	#CoachAnalysis #GraphCote .Line .Title,
	#CoachAnalysis #GraphCote .Line .Bloc{
		line-height: 25px;
	}
	#CoachAnalysis #GraphCote .Line .Title{
		width: 100%;
		float: none;
		text-align: left;
		clear: both;
		background: none;
	}
	#CoachAnalysis #GraphCote .Line .Title::after{
		content: " : ";
	}
	#CoachAnalysis #GraphCote .Line .Bloc0 {
	  border: 1px solid #434d6c;
    border-radius: 5px;
    margin-left: -12px;
	}
	#CoachAnalysis #GraphCote .Line .Bloc1 {
	  border: 1px solid #324f99;
    border-radius: 5px;
    margin-left: -12px;
	}
	#CoachAnalysis #GraphCote .Line .Bloc2 {
	  border: 1px solid #0087ae;
    border-radius: 5px;
    margin-left: -12px;
	}
}
#ModalCoach,
#Notify,
#NotifyDateLimite{
	display: none;
}
#Notify iframe,
#ModalCoach iframe,
#NotifyDateLimite iframe{
	width: 100%;
	height: 100%;
}
.ui-widget-header{
	background: #0089BF !important;
}
#CreationOccupant .ui-widget-header{
	background: #38BC27 !important;
}
.partners_content_bloc{
	padding-top: 25px;
	text-align: center;
}
.partners_content_bloc .bloc_partner{
	width: 290px;
	display: inline-block;
	height: 140px;
	border-radius: 5px;
	border: 2px solid #666;
	background: #efefef;
	margin: 14px;
	z-index: 1;
	text-align: left;
	vertical-align: top;
}
.partners_content_bloc .bloc_partner2{
	border: 1px solid #666;
	background: #fff;
	width: 312px;
	height: 80px;
	margin: 4px;
	text-decoration: none;
}
.partners_content_bloc .bloc_partner2 i{
	font-size: 13px;
}
.partners_content_bloc .bloc_partner1:hover{
	-moz-transform: scale(1.2);
   -webkit-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);
   -ms-transform: scale(1.2);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
   M11=1.2, M12=-0, M21=0, M22=1.2);
   z-index: 10;
   box-shadow: -1px 2px 15px 1px rgba(0, 0, 0, 0.2),
            -1px 2px 15px rgba(255, 255, 255, 0.2) inset; 
}
.partners_content_bloc .bloc_partner2:hover .partner_title,
.partners_content_bloc .bloc_partner2:hover .partner_desc{
	color: #fff !important;
}
.partners_content_bloc .bloc_partner2:hover .icone{
	background-position: 0px 0px;
}
.partners_content_bloc .bloc_partner .partner_title{
	padding-left: 7px;
	font-weight: bold;
	display: block;
	text-transform: uppercase;
	height: 34px;
	margin-left: 0px;
	margin-top: 12px;
	font-size: 15px;
	margin-bottom: 10px;
	padding-right: 0px;
}
.partners_content_bloc .bloc_partner2 .partner_title{
	text-transform: none;
	font-size: 1em;
	height: auto;
	padding-right: 5px;
	font-weight: normal;
	text-decoration: none;
}
.partners_content_bloc .bloc_partner2 .icone{
	width: 60px;
	height: 65px;
	float: left;
	background-position: 0px -65px;
	margin-right: 10px;
	margin-top: 7px;
	margin-left: 10px;
}
.partners_content_bloc .bloc_partner .partner_title img{
	display: block;
	float: left;
	margin-right: 7px;
}
.partners_content_bloc .bloc_partner .partner_desc{
	padding: 7px;
	color: #6a6a6a;
	display: block;
	clear: both;
	font-size: 13px;
}
.partners_content_bloc .bloc_partner2 .partner_desc{
	clear: none;
	margin-left: 75px;
	padding-top: 0px;
	padding-left: 0px;
}
.partners_content_bloc .bloc_partner .partner_exclu{
	width: 64px;
	position: absolute;
	display: block;
	top: -25px;
	right: -30px;
	background: url("/images/partners/none.png") no-repeat top left;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	line-height: 15px;
	font-size: 10px;
	padding-top: 16px;
	padding-bottom: 16px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    writing-mode: lr-tb;
}
#Privileges_new{
	width: 200px;
	float: left;
}
#Privileges_new p{
	margin: 1px;
	display: block;
}
#Privileges_new p.txtRight{
	display: none;
}
#Privileges_new p a{
	color: #758596;
	border: 1px solid #758596;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	text-decoration: none;
}
#Privileges_new p a:hover,
#Privileges_new p a.current{
	background: #758596;
	color: #fff;
}

#PartnersContent{
	font-size: 1em;
	margin-left: 220px;
}
#PartnersContent select{
	font-size: 0.8em !important;
	padding-top: 4px;
	padding-bottom: 4px;
}
#PartnersContent h2{
	font-size: 1.2em;
}
#PartnersContent .mea_partner a {
    background-position: 130px 7px !important;
}
@media (max-width:550px){
	#Privileges_new{
		width: 100%;
		float: none;
	}
	#PartnersContent{
		margin-left: 0px;
	}
}
.enteteop{
	width: 230px;
	color: #fff;
	background: #EB7A29;
	line-height: 35px;
	text-align: center;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.opl{
	border: 1px solid #EB7A29;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	width: 230px;
	padding: 7px; 
	font-size: 0.8em;
}
#PartnersContent label{
	padding: 0;
	margin: 0;
	font-size: 0.75em;
}
#FormCreationEspace{
	position: relative;
}
#FormCreationEspace table{
	margin: 0 auto;
	margin-top: 10px;
	position: relative;
	z-index: 1;
}
#FormCreationEspace input[type=email], 
#FormCreationEspace input[type=text], 
#FormCreationEspace input[type=password], 
#FormCreationEspace select{
	width: 200px;	
}
#conditionutilisation h2{
	font-weight: normal;
	font-size: 1.2em;
	margin: 0;
	padding: 0 ;
}
#conditionutilisation p{
	margin: 0;
	padding: 0;
}
#error_adresse{
	font-size: 0.8em;
}
.ui-widget{
	font-size: 0.9em !important;
}
.ui-dialog{
	background: #fff !important;
}
.ui-dialog .ui-dialog-titlebar{
	display: none;
}
#bottomfixed a#telephoneClick.response, #bottomfixed a#telephone.response{
	font-size: 1.3em;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
}
#bottomfixed .lien_mails a{
	text-decoration: none;
}
.coloc_fiche .recap_garanties .coloc_subtitle{
	font-size: 1.2em;
	font-weight: normal;
}
#bottomfixed .bloc_lien_mail{
	position: relative;
	width: 230px;
	display: inline-block;
}
#bottomfixed .lien_mails{
	bottom: 41px;
	left: 2px;
}
#MsgOwnerToTenant{
	width: 100%;
}
#bottomfixed a#telephoneClick.response, 
#bottomfixed a#telephone.response{
	vertical-align: middle;
}
.partners_content_bloc .bloc_partner{
	float: none;
	display: inline-block;
}
.onglets_op{
	margin-top: 30px;
	border-bottom: 1px solid #ccc;
	margin-left: -10px;
	margin-right: -10px;
}
.onglets_op li{
	float: left;
	list-style: none;
	border: 1px solid #ccc;
	border-bottom: none;
	font-weight: bold;
	background: #f7f7f7;
	margin-left: 25px !important;
}
.onglets_op li.active{
	color: #fff;
	background: #38BC27;	
}
.onglets_op.loc li.active{
	background: #00A4D5;	
}
.onglets_op li a{
	padding: 10px 15px;
	display: inline-block;
}
.onglets_op li a:hover{
	color: #38BC27 !important;
}
.onglets_op.loc li a:hover{
	color: #00A4D5 !important;
}
.onglets_op li.active a{
	color: #fff !important;	
}
.onglets_op.loc li.active a{
	color: #fff !important;	
}
#PartnersContent #onglet2{
	padding: 20px;
}
#PartnersContent #onglet2 h2{
	width: 100%;	
}
#PartnersContent select{
	font-size: 1.2em;
}
#result0.info, #result1.info{
	position: relative;
	z-index: 1;
}
#legendelabel0, #legendelabel1{
	top: 165px;
	left: 10px;
}
#CoteLoyer form label{
	width: 170px;
	vertical-align: middle;
	padding-top: 0;
}

@media (max-width:600px){
	#CoteLoyer form label{
		width:100%;
		text-align: center;
	}
	#CoteLoyer form input[type="text"],
	#CoteLoyer form select{
		width: 100% !important;
		margin-top: 10px;
		margin-bottom: 40px;
	}
	#CoteLoyer #result0, 
	#CoteLoyer #result1{
		padding-top: 20px;	
	}
}

#LS2GS {
  background: url("/images/guide_gs.png") no-repeat center left #f5e6c6;
  padding: 15px;
  padding-left: 160px;
  border: 2px solid #e3a31b;
  border-radius: 8px;
}
#LS2GS a{
	background: #e3a31b;
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
}

#LS2BM {
  background: url("/images/guide_gs.png") no-repeat center left #e4f7fe;
  padding: 15px;
  padding-left: 160px;
  border: 2px solid #0089bf;
  border-radius: 8px;
}
#LS2BM a{
	background: #0089bf;
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
}

#CoteLoyer #googleblock,
#CoteLoyer #coteblock{
	width: 50%;
	float: left;
	margin: 0;
}
@media (max-width:550px){
	.GraphCote .Line{
		height: auto;
	}
	.GraphCote .Line .Title{
		float: none;
	}
	.GraphCote .Line .Border{
		background: none;
	}
	.GraphCote .Line .Border::after{
		content:" :";
	}
}
@media (max-width:900px){
	.onglets_op ul,
	.onglets_op li,
	.onglets_op li a{
		display: block;	
		float: none;
		margin: 0 !important;
	}
	.onglets_op ul{
		padding: 0;
		
	}
	#CoteLoyer #googleblock,
	#CoteLoyer #coteblock{
		width: 100%;
		float: none;
		margin: 0px;
	}
	#tableblock0, #tableblock1{
		width: 100%;
	}
	#tableblock1 ul,
	#tableblock0 ul{
		background: none;
	}
	#tableblock1 ul li a,
	#tableblock0 ul li a{
		font-size: 0.8em;
		width: auto !important;
		background: #F6F6F4 !important;
		height: auto;
		margin: 1px;
		padding: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	#tableblock1 ul li a:hover,
	#tableblock1 ul li.current a,
	#tableblock0 ul li a:hover,
	#tableblock0 ul li.current a{
		background: #008AC1 !important;
	}
}
#CoteLoyer #googleblock{
	text-align: center;
}
#tableblock0 ul, #tableblock1 ul{
	padding: 0;
	margin: 0;
	padding-left: 5px;
	width: 100%;
}
.GraphCote .Line .Title,
#TableCote th.title{
	font-size: 0.9em;
}
#help{
	position: absolute;
	background: #fff;
	padding: 15px;
	border: 1px solid #666;
	margin-top: 15px;
	z-index: 5;
	display: none;
}
#Help{
	font-size: 0.8em;
}
.EditCote div.block{
	border: 1px solid #666;
	padding: 15px;
	margin-bottom: 30px;
	margin-right: 250px;
}
label.option, .btn_group .btn_new{
	font-size: 0.8em;
}
.left_alouer, .louee_alouer{
	text-decoration: none;
}
.liste_locataire th.header, .liste_colocataire th.header{
	text-align: center;
	font-weight: normal;
}
.partners_content_bloc .bloc_partner2 .partner_title{
	font-weight: bold;
}
.partners_content_bloc .bloc_partner2 .partner_title i{
	font-weight: normal;
}

h3.titrenotice{
	  display: block;
    font-family: "Muli","Tahoma",sans-serif;
    font-size: 1.6em;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    color: #188bbe;
}
@media (max-width:1000px){	
	#googleblock,
	#coteblock{
		width: 700px;
		margin: 0 auto;
		float: none;
	}
	#googleblock{
		border-left: none;
		border-top: 1px dashed #ccc;
		margin-top: 40px;
	}
}
@media (max-width:700px){
	#TableProfils td, #TableProfils tr{
		display: block;
	}
	#block700{
		display: block;
	}
	#hide700{
		display: none;
	}
	#fakeslider{
		text-align: center;
	}
	#fakeslider h2{
		padding-top: 10px !important;
	}
	#fakeslider img{
		float: none !important;
		margin: 0 auto;
	}
	#googleblock,
	#coteblock{
		width: 100%;
	}
	#tableblock0{
		margin: 0;
		padding-top: 10px;
		float: none;
		clear: both;
	}
	#legendelabel0{
		display: none;
	}
}	
.liste_demandes .demande{
	border: 1px solid #DADADA;
	margin: 5px;
	text-align: center;
	cursor: pointer;
	background: #f7fbfc;
	position: relative;
	z-index: 1;
}
.liste_demandes .demande:hover{
	border: 1px solid #249ACB;
}

.liste_demandes .demande .statut,
.liste_demandes .demande .recherche,
.liste_demandes .demande .date{
	padding-top: 9px;
	padding-bottom: 9px;
}
.liste_demandes .demande.payee{
	background: #daecf4;
}
.liste_demandes .demande.payee .statut{
	font-weight: bold;
	color: #249ACB;
}
ul.cd-faq-group{
	padding: 0;
	font-size: 1.1em;
}
.cd-faq-group > li a.cd-faq-trigger{
	font-size: 1.2em;
	text-decoration: none;
}
.cd-faq-content p{
	font-size: 1em;
}
.liste_locataire, .liste_colocataire{
	background: #fff;
}
#step2 p{
	margin-left: 0;
}
.labelavis{
	width: 150px;
	display: inline-block;
	text-align: right;
	vertical-align: middle;
	margin: 0;
	margin-right: 5px;
}
.step3avis{
	width: 600px;
	margin: 0 auto !important;
}
.step3avis h2{
	font-size: 1.5em;
}
.coloc_label_text label.label_text{
	margin: 0;
}
label.hideInput{
	font-size: 0.9em;
}
label.hideInput strong{
	font-size: 1.1em;
}
.coloc_geo_left td{
	line-height: 1.3em;
}
.coloc_back{
	text-decoration: none;
}
.coloc_text3{
	width: 140px;
}
.coloc_recap_zone .fake_select .fake_select_title.default{
	font-size: 15px;
}
.coach_area{
	font-size: 0.9em;
}
.coloc_recap_zone.coloc_descriptif2 textarea.descriptifArea{
	padding: 12px;
	height: 200px;
}
@media (max-width:1000px){	
	.coach_area,
	.coloc_recap_zone.coloc_descriptif2 textarea.descriptifArea{
		width: 100%;
		float: none;
	}
	.coach_area{
		height: auto;
	}
	h1.exclusif{
		display: none;
	}
}
.coloc_garantie .coloc_recap_zone{
	font-size: 0.8em;
}
h1.exclusif{
	width: 160px;
	right: 0;
}
.sup_buttonset span.subtitle{
	width: 185px !important;
	font-size: 1em !important;
}
.coloc_recap_zone label.coloc_button.coloc_langue{
	font-size: 1em !important;
}
.btn_group .btn_new span,
.btn_group .btn_new,
.btn_group .btn_new.first,
.btn_group .btn_new.actif{
	font-size: 0.9em !important;
	margin-top: 0;
}
.coloc_recap_zone .recap_age{
	width: 150px;
	font-size: 15px;
}
.faq_hide{
	display: none;
}
.tabs .onglets li a{
	background: #dcdcdc;
}
.tabs .onglets li.actif a,
.tabs{
	background: #fff;
}
.tabs .onglets{
	margin-top: -51px;
}
.coloc_fiche .tabs .onglets li a,
.coloc_fiche .tabs{
	background: #F6F6F4;
}
@media (max-width:991px){	
	.sup_buttonset span.subtitle{
		width: 300px !important;
		font-size: 1em !important;
	}
}
@media (max-width:600px){	
	#profils .cta{
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.sup_buttonset span.subtitle,
	.step3avis{
		width: 100% !important;
		text-align: left !important;
	}
	.step3avis .labelavis{
		margin-top: 15px;
	}
}

#coachnotes {
    background: #fffdcc;
}
#coachnotes div{
	background: url("/images/coach/coach-notes.png") no-repeat right center;
  padding-right: 80px;
  min-height: 100px;
}

#Record #coachnotes a{
	text-decoration: underline;
}

#Proprietaire-error{
	right: 0 !important;
}
form.validateJq #conditionJq label.error{
	margin-left: 350px;
}
#CreationOccupant{
	position: relative;
}
#COO_Seul-error{
	margin-left: 730px;
	margin-top: -4px;
}
#sup_coloc_etape1{
	width: 100%;
}
@media (max-width:1000px){	
	#Proprietaire-error
	form.validateJq #conditionJq label.error{
		width: 250px !important;
		top: 0px !important;
		left: 50% !important;
		margin-left: -125px !important;
	}
	#COO_Seul-error	{
		width: 250px !important;
		top: 20px !important;
		left: 50% !important;
		margin-left: -125px !important;
	}
	form.validateJq label.error::before{
		display: none !important;
	}
	form.validateJq #moreInfo label.error{
		position: static;
		display: block;
		margin: 0;
		background: transparent;
					
	}
}
#coloc_sup_descriptif{
	width:900px;
}
.coloc_text{
	color: #656354;
}
.coloc_text2{
	width: 270px;
}
.coloc_label_text input.medium_coloc_text{
	width: 100px;
}
.coloc_label_text input.small_coloc_text{
	width: 60px;
}
.btn_group{
	width: 840px;
	margin: 0 auto;
	padding: 0;
}
.btn_group .btn_new.first,
.btn_group .btn_new{
	margin-left: 8px !important;
	margin-bottom: 8px !important;
}
/*.coloc_recap_zone.coloc_descriptif2 textarea.descriptifArea{
	width: 750px;	
}*/
@media (max-width:1200px){	
	#coloc_sup_descriptif{
		width:650px;
	}
	.coloc_recap_zone.coloc_descriptif2 textarea.descriptifArea{
		width: 550px;	
	}
}
@media (max-width:990px){
	.coloc_garantie .coloc_recap_zone{
		border-bottom: none;
	}
	.coloc_recap_zone #slider-age{
		width: 95%;
	}	
	.coloc_recap_zone.coloc_descriptif2 textarea.descriptifArea{
		width: 100%;	
	}
	#coloc_sup_descriptif{
		width:100%;
	}
	.btn_group{
		padding: 0;
		width: 100%;
	}
	.btn_group .btn_new.first,
	.btn_group .btn_new{
		width: 32%;
		margin: 0.5% !important;
		background: #DADADA !important;
		border-radius: 4px;
	}
	.btn_group .btn_new:hover,
	.btn_group .btn_new.actif{
		background: #2FBE12 !important;
	}
	#espacecolocataire .btn_group .btn_new:hover,
	#espacecolocataire .btn_group .btn_new.actif{
		background: #0089BF !important;
	}
}
@media (max-width:600px){	
	#espacecolocataire .btn_group .btn_new:hover{
		background: #DADADA !important;
	}
	#espacecolocataire .btn_group .btn_new.actif:hover{
		background: #0089BF !important;
	}
	btn_group .btn_new.first,
	.btn_group .btn_new{
		width: 49% !important;
		margin: 0.5% !important;
	}
}
.coloc_recap_zone.coloc_descriptif2,
.color_recap_sup .coloc_descriptif{
	width: 100%;
}
.coloc_recap_zone.coloc_descriptif2 textarea,
.coloc_recap_zone.coloc_descriptif textarea{
	height: 90px;
}
.louee_alouer{
	font-size: 0.9em;
}
.liste_colocataire a{
	text-decoration: none;
}
.liste_colocataire a:hover{
	text-decoration: underline;
}
#alert_jq a.big{
	text-decoration: none;
}
/*.coloc_recap_contact input, 
.coloc_recap_contact textarea{
	width: 100%;
}*/
.coloc_label_text input{
	margin-left: 2px;
}
.coloc_recap_zone label.coloc_button.coloc_langue{
	margin-bottom: 20px;
}
.mobileOnly{
	display: none;
}
.coloc_fiche .colocattitude .coloc_subtitle{
	font-size: 1.2em;
	font-weight: normal;
}
.recap_colocataire .col_right{
	text-align: center;
	margin-left: 10px;
}
@media (max-width:780px){	
	#coachnotes h3{
		height: auto;
		font-size: 1.2em;
	}
	.coloc_menu h2{
		line-height: 1em;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.liste_locataire, .liste_colocataire{
		background: none;
		border: none;
	}
	.filtre_zone .title,
	.filtre_zone .back{
		width: 100%;
		display: inline-block;
		float: none;
		margin: 0;
		margin-bottom: 10px;
	}
	.liste_colocataire{
		border: none;
	}
	.liste_locataire  th,
	.filtre_zone .grid,
	.liste_colocataire .th{
		display: none;
	}
	.liste_locataire td,
	.liste_colocataire td.photo,
	.liste_colocataire td{
		background: #fff;
		display: block;
		border: none;
		text-align: center;
		padding: 0;
		margin: 0;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.liste_locataire tr,
	.liste_colocataire tr{
		display: block;
		width: 100%;
		border: 1px solid #d5d5d5;
		background: #F6F6F4;
		margin-bottom: 10px;
	}
	.liste_locataire tr:hover,
	.liste_colocataire tr:hover{
		background: #DAF5D7;
	}
	.liste_locataire tr span,
	.liste_colocataire tr span{
		margin-left: 10px;
		margin-right: 10px;
	}
	.mobileOnly{
		display: inline-block;
		padding-left: 10px;
		font-size: 0.8em;
	}
	.liste_colocataire td.photo{
		width: 100%;
	}
	.liste_colocataire td img.img_coloc{
		position: relative;
	}
	.coloc_fiche .tabs{
		margin-right: 10px;
	}
	.recap_colocataire .col_left{
		width: 100%;
	}
	.recap_colocataire .col_left li{
		margin-left: 12px;
	}
	.recap_colocataire .blockquote,
	.coloc_fiche .recap_garanties,
	.coloc_fiche .colocattitude{
		margin: 0px;
		margin-bottom: 10px;
	}
	.recap_colocataire .blockquote{
		margin-top: 15px;
	}
	.coloc_fiche .recap_garanties,
	.coloc_fiche .colocattitude{
		clear: both;
	}
	.coloc_fiche li{
		hyphens: auto; 
	}
	.coloc_recap_zone #slider-terrain, .coloc_recap_zone #slider-age{
		width: 80% !important;
	}
	.coloc_acc .slider_coloc2,
	.coloc_recap_center,
	.coloc_acc .coloc_recap_center textarea[name=precisions]{
		width: 100% !important;
	}
	#infoTerrainMini,
	#infoTerrainMaxi{
	display: none;
	}
}
.coloc_recap_center{
	margin-top: 30px;
}
.mail_copy,
.mail_potentiel .text_mail{
	width: 100%;
	margin-top: 15px;
}
.mail_potentiel{
	padding-top: 0;
}
.filtre_zone{
	margin: 0;
}
.filtre_zone .top_filtre{
	padding: 0;
}
.coloc_label_text input{
	font-size: 0.9em;
}
.precisions_text{
	margin-right: 10px;
	border: 1px solid #209600;
	padding: 15px;
}
#cple a.titlehref{
	color:#027FA8;
	font-size:1em;
	font-weight:normal;
	text-decoration: none;
	margin-top: 15px;
	display: block;
	border-top: 1px solid #e7e7e7;
	padding-top: 15px;
}
#cple a.titlehref:hover{
	text-decoration: underline;
}
a.pagefacebook {
	display: inline-block;
	background: #DBEBF8;
	margin: 0 auto;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:left;
	color: #666;
	text-decoration: none;
	border-radius: 4px;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
a.pagefacebook img{
	margin-left: 15px;
}
#cple a.pagefacebook:hover{
	background: #2F9CC7;
	color: #fff;
}
label.chrono{
	font-size: 0.9em;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	min-height: 105px;
}
#submenu ul li div.first {
  background-image: url("/images/coloc/step0_bleu.png");
}
#submenu ul li div {
	background-image: url("/images/coloc/step_bleu.png");
	color: #00A4D7;
	font-size: 0.9em;
}
#CreationOccupant #submenu ul li div.first {
  background-image: url("/images/coloc/step0.png");
}
#CreationOccupant #submenu ul li div {
	background-image: url("/images/coloc/step.png");
	color: #23C000;
}
#CreationOccupant #submenu ul li div.current{
	 color: #fff;
}
#submenu ul li div a{
	color: #00A4D7;
}
.coloc_label_text_sup2{
	line-height: 0.8em;
	margin-top: 10px;
}
div.cta_argu_secteur{
	margin-bottom: -5px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;	
	margin-top: -10px !important;
	position: relative;
	z-index: 20;
}
.cta_argu_secteur img#mapsecteur{
	margin-top: 12px !important;
}
.zone_recherche input{
	font-size: 1em;
}
.zone_recherche .title,
.zone_recherche .info{
	font-size: 1.1em;
	font-weight: normal !important;
}
.zone_recherche .info{
	margin-left: 10px;
	margin-right: 5px;
}
.select_mode_recherche a#r_p{
	width: 121px;
}
.select_mode_recherche a{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
}
.zone_recherche .conseil_loc{
	min-height: 61px !important;
	font-size: 1em !important;
	line-height: 1.3em;
}
.zone_recherche .conseil_loc span, .zone_recherche .conseil_loc strong{
	font-size: 1em !important;
	
}
.conseil_loc::before{
	margin: -1px;
}
.zone_recherche{
	padding: 10px !important;
}
.number_zone_recherche{
	margin-left: -25px !important;
	margin-top: 5px !important;
}
.zone_recherche .remove,
#addZone span, .addZone span{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.3em;
}
.zone_recherche .remove{
	line-height: 32px;
}
.rayon label{
	margin-bottom: 15px;
}
.rayon label.r_20 {
  font-size: 1em !important;
  border-radius: 45px !important;
  height: 90px !important;
  line-height: 90px !important;
  width: 90px !important;
}
.rayon label.r_15 {
  font-size: 1em !important;
  border-radius: 40px !important;
  height: 80px !important;
  line-height: 80px !important;
  width: 80px !important;
}
.rayon label.r_10 {
  font-size: 1em !important;
  border-radius: 37.5px !important;
  height: 75px !important;
  line-height: 75px !important;
  width: 75px !important;
}
.rayon label.r_5 {
  font-size: 1em !important;
  border-radius: 35px !important;
  height: 70px !important;
  line-height: 70px !important;
  width: 70px !important;
}
.rayon label.r_3 {
  font-size: 1em !important;
  border-radius: 30px !important;
  height: 60px !important;
  line-height: 60px !important;
  width: 60px !important;
}
.rayon label.r_1 {
  font-size: 1em !important;
  border-radius: 25px !important;
  height: 50px !important;
  line-height: 50px !important;
  width: 50px !important;
}
.ligne .innerligne, .select_ligne .innerligne{
	margin-top: -2px !important;
}
.info_poi{
	font-size: 0.9em;
	width: 350px !important;
	top: -90px !important;
	right: -15px !important;
}
.info_poi::before{
	left: 192px !important;
}
.coloc_recap_zone_acc#firstacc{
	margin-top: -15px;
	border-top: 1px solid #cdcdcd;
}
.coloc_recap_zone_acc{
	margin-left: -15px;
	margin-right: -15px;
}
.onglets_op{
	font-size: 0.9em;
}
.extraitproprietaires div.infocoloc{
	background: #009bd5;
	color: #fff;
}
.extraitproprietaires div.infocoloc{
	text-align: center;
}
.extraitproprietaires div.infocoloc img{
	margin-bottom: 15px;
}
.extraitproprietaires div.infocoloc p{
	color: #fff;
	font-size: 1em;
}
.extraitproprietaires div.infocoloc a{
	color: #fff;
}
.listing_potentiel{
	margin-right: 0;
	margin-left: 0;
}

.mail_small img{
	max-height: 60px;
	display: inline-block;
	margin-right: 10px;
}

.boutton_coeur{
	float: right;
	margin-right: -60px;
	margin-top: -60px;
}
.boutton_coeur a{
	width: 50px;
	height: 50px;
	background: url("/images/coeur.png") no-repeat;
	display: inline-block;
}
.boutton_coeur a:hover{
	background: url("/images/coeur_actif.png") no-repeat;
}
/*.coloc_recap_zone_acc.coloc_recap_zone_close .coloc_title{
	font-size: 1.2em;
	margin-left: -15px;
}
.coloc_recap_zone_acc.coloc_recap_zone_close .coloc_title:hover{
	background: #00A4D7;
	color: #fff;
}
.coloc_recap_zone_acc.coloc_recap_zone_open .coloc_title{
	margin-left: -15px;
	color: #32A0CB;
	font-size: 1.4em;
}
.coloc_recap_zone_acc.coloc_recap_zone_close{
	background: #fff;
}*/
/* SPECIFIQUE IPAD PAYSAGE */
@media (max-width:991px){	
	#CoteLoyer form.CoteGraph{
		height: auto !important;
	}
	#PartnersContent #onglet1 #iframe{
		width: 100% !important;
	}
	.borderbottomgrey{
		display: none;
	}
	.Demande_borderleft{
		padding-top: 30px;
		border: none;
	}
	.Demande_borderleft::after{
		clear: both;
		height: 1px;
		content: ' ';
		display: block;
	}
	.coloc_recap_contact,
	.coloc_garantie .coloc_recap_zone {
		width: 100% !important;
		text-align: left;
	}
	.coloc_geo_right #Map,
	.coloc_geo_right,
	.coloc_geo_left{
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
	}
	
	.transports{
		width: 100% !important;
	}
	.containertableform{
		display: block;
	}
	.containertableform > div{
		display: block;
		float: none;
		width: 100%;
	}	
	.infoannonce strong{
		padding-top: 10px;
	}
	.extraitproprietaires div.infocoloc::after{
		content:" ";
		display: block;
		clear: both;
	}
	.extraitproprietaires div.infocoloc img{
		float: left;
		margin-right: 15px;
		margin-bottom: 0;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	[class*=" grid-"], [class^="grid-"],
 	.flex-container{
		display: block;
	}
	[class*=" grid-"] > *, [class^="grid-"] > *{
		float: left;
	}
	[class*=" grid-"]::after, [class^="grid-"]::after{
		content: " ";
		clear: both;
		display: block;
	}
}
/*@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	.extraitresidences .extrait,
	.extraitproprietaires .extrait{
		min-height: 500px;
	}
	.extraitlocataires .extrait{
		min-height: 300px;
	}
}*/
@media (max-width:850px){
	.zone_recherche .select_mode_recherche .info{
		display: block;
		float: none;
	}
}
@media (max-width:600px){
	.coloc_garantie .coloc_recap_zone {
		text-align: left;	
	}
	.coloc_geo_left th{
		display: none;
	}
	.coloc_geo_left tr,
	.coloc_geo_left td{
		display: block;
		text-align: center;
		height: auto;
	}
	.coloc_geo_left td select{
		margin-left: 25px;
	}
}
@media (max-width:700px){
	.TenantCol form table tr td{
		height: auto;
	}
	.biginput .select-style select{
		width: 100% !important;
	}
	.faq_pop{
		display:block;
	}	
	#conseilcoach{
		width: 100%;
	}
	#conseilcoach .boutton_coeur{
		float: none;
		margin: 0;
		text-align: center;
	}
	.coloc_recap_contact .coloc_valid3,
	.coloc_recap_contact{
		width: 100% !important;
	}
	.tabs .onglets,
	.tabs ul{
		margin-top: 0;
		padding-left: 0;
	}
	.tabs .onglets li{
		float: none;
		display: block;
		width: 100%;
	}
	.spanrightmobile{
		text-align: left !important;
	}
	#Plus table, #Plus tr{
		display: inline;
	}
	#Plus td{
		display: inline;
		margin: 5px;
	}
	#Plus label.option{
		display: inline-block;
		height: 35px;
		margin: 0;
		float: none;
	}
	.select_mode_recherche a#r_p{
		border: none !important;
		margin-left: 0 !important;
		width: 99px !important;
		padding-left: 0 !important;
	}
	#addZone, .addZone{
		font-size: 0.8em;
	}
	.zone_recherche .title,
	.zone_recherche .info{
		font-size: 1em;
	}
	.select_mode_recherche a{
		font-size: 0.7em;
	}
	#descriptif_more ul.text,
	.has-gutter-l .four-fifths,
	.extraitlocataires div.extrait,
	.extraitlocataires div.extraitcoloc,
	.extraitproprietaires div.extrait{
		width: 95%;
	}
	.extraitresidences div.extrait span.img_default, .extraitresidences div.extrait span.img,
	.extraitproprietaires div.extrait span.img_default, .extraitproprietaires div.extrait span.img{
		width: 100%;
		float: none;
		text-align: center;
		height: auto;
		margin: 0;
		border: none;
	}
	.extraitproprietaires div.extrait span.annonceSubtitle2,
	.extraitproprietaires div.extrait .innerExtrait p{
		padding-left: 0;
	}
	.rer, .transilien{
		float: none !important;
		width: 100% !important;
	}
	#error_adresse2{
		border: none;
	}
}
@media (max-width: 500px){
	.validateJq .w1{
		width: auto;
		max-width: 250px;
	}
	#alert_jq{
		width: 100% !important;
		left: 0 !important;
		margin-left: 0 !important;
	}
	tr#optin, tr#agence, tr#optin td, tr#agence td{
		display: block;
		width: 100%;
		text-align: center;
	}
}
@media (max-width: 300px){
	#presseBlog #blog a.cta{
		width: 100%;
		height: auto;
	}
	#search #search-input-zone,
	.nowraptiny{
		width: 100%;
	}
	#logo_container #logo{
		max-width: 150px;
	}
	#navigation ul li ul a{
		font-size: 0.9em;
	}
	#echantillon_toggle h2,
	#echantillon_toggle span{
		font-size: 0.8em;
	}
}
#CoteLoyer #result0, 
#CoteLoyer #result1{
	position: relative;
} 

.postit{
	width: 128px;
	height: 125px;
	background: url("/images/post-it.png") no-repeat top left;
	font-family: 'Kalam', cursive;
	color: #000;
	text-align: center;
	padding: 10px;
	line-height: 0.8em;
	font-weight: bold;
	position: relative;
	z-index: 1;
	font-size: 1.1em;
}
.postit .hover{
	background: url("/images/post-it-hover.png") no-repeat top left;
	z-index: 2;
	width: 128px;
	height: 125px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 2;
}
.postit span{
	display: block;
}
.postit span.normal_price{
	margin-top: 18px;
}
.postit span.promo_price{
	margin-top: 5px;
}
.postit span.wording{
	font-size: 0.8em;
	margin-top: 5px;
}
.minisiteTooltip {
	display:inline;
	position:relative;
}
.minisiteTooltipLinkInner a {
	cursor:help;
	text-decoration:none;
	border-bottom: 1px dotted;											
}
.minisiteTooltipLinkInner a:hover {
	text-decoration:none;
}
.minisiteTooltipContainer {
	position: absolute;
	z-index:99; 
	background-color:#FFFFFF;
	border: solid #999999 1px;
	color: black;
	left: 10px;
	bottom: 10px;
	margin-top: 20px;
}
.minisiteTooltipInner {
	margin:7px;
	width:350px;
	text-align:justify;
}
.minisiteTooltipInner p {
	font-size :1em;
	padding:0 2px;
	margin:0;
}
.minisiteTooltipInner a {
	cursor:pointer;
}
#fasttinfos{
	font-size :0.8em;
}
#sliderindicatorblock0 p small, #sliderindicatorblock1 p small{
	width: 65px !important;
}

#popup_notify_newdesign{
	max-width: 720px;
	text-align: center;
}
#popup_notify_newdesign img{
	margin-top: 10px;
}
#popup_notify_newdesign p strong{
	font-size: 1.4em;
	color: #7d7a6d;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Muli', 'Tahoma', sans-serif;
}


@keyframes horizontal {
  0% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  6% {
    -webkit-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  12% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  18% {
    -webkit-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  24% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  30% {
    -webkit-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  36%, 100% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
}

@keyframes wiggle {
  0% { 
	  -ms-transform: rotate(0deg); 	    
	  -webkit-transform: rotate(0deg); 	    
	  transform: rotate(0deg); 	    
  }
  86% { 
	  -ms-transform: rotate(0.01deg); 
	  -webkit-transform: rotate(0.1deg); 
	  transform: rotate(0.01deg); 
	}
  87% { 
	  -ms-transform: rotate(-1deg); 
	  -webkit-transform: rotate(-1deg); 
	  transform: rotate(-1deg); 
	}
  88% { 
	  -ms-transform: rotate(1deg); 
	  -webkit-transform: rotate(1deg); 
	  transform: rotate(1deg); 
	}
  89% { 
	 -ms-transform: rotate(0deg); 
	 -webkit-transform: rotate(0deg); 
	 transform: rotate(0deg); 
	}
  90% { 
	  -ms-transform: rotate(1deg); 
	  -webkit-transform: rotate(1deg); 
	  transform: rotate(1deg); 
	}
  91% { 
	  -ms-transform: rotate(-1deg); 
	  -webkit-transform: rotate(-1deg); 
	  transform: rotate(-1deg); 
	}
  92% { 
	  -ms-transform: rotate(1deg); 
	  -webkit-transform: rotate(1deg); 
	  transform: rotate(1deg); 
	}
  93% { 
	 -ms-transform: rotate(0deg); 
	 -webkit-transform: rotate(0deg); 
	 transform: rotate(0deg); 
	}
  94% { 
	 -ms-transform: rotate(0deg); 
	 -webkit-transform: rotate(0deg); 
	 transform: rotate(0deg); 
	}
}

.animated-horizontal,
.animated-horizontal-hover:hover,
.animated-horizontal-parent:hover > .animated {
  -webkit-animation: wiggle 8s ease infinite;
  animation: wiggle 8s ease infinite;
}

.gmap3{
	width: 100% !important;
}

.scrollToTop{
	width: 30px; 
	height: 30px;
	position:fixed;
	bottom: 100px;
	right: 30px;
	display:none;
	background: url('/images/flat/totop.png') no-repeat;
	z-index: 200;
	opacity: 0.8;
}
.scrollToTop:hover{
	opacity: 1;
	cursor: pointer;
}

#coachMessageKQ{
	min-height: 70px;
	height: auto;
	line-height: 1.2em;
}

#desQuestions{
	display: none;
}
.mfp-bottom-bar{
	background: #fff;
	color: #666;
	padding: 10px;
}
.mfp-title{
	color: #666;
}
.mfp-title a{
	color: #0089BF;
}
#zonepaiement{
	float: left;
	width: 73%;
}
#zonepaiement p{
	line-height: 1.2em;
}
#noagency{
	float: right;
	width: 22%;
	border-radius: 10px;
	background: #b6d8e4;
	cursor: pointer;
	margin-left: 5%;
	font-size: 0.9em;
}
#noagency strong{
	color: #0089BF;
	font-size: 1.2em;
	text-transform: uppercase;
}
#noagency #macaron_agency{
	background: url("/images/flat/picto_details/budget.png") no-repeat center left;
	padding-left: 55px;
	text-align: left;
	width: 120px;
	margin: 0 auto;
	margin-top: 10px;
}
#noagency #macaron_agency .barre{
	display: block;
	font-size: 1.6em;
	line-height: 50px;
}
#noagency #macaron_agency .price{
	font-weight: bold;
	color: #0089BF;
	font-size: 1.6em;
}
.extraitproprietaires div.extrait:nth-child(4),
.extraitproprietaires div.extrait:nth-child(7),
.extraitproprietaires div.extrait:nth-child(10),
.extraitproprietaires div.extrait:nth-child(13),
.extraitproprietaires div.extrait:nth-child(16),
.extraitproprietaires div.extrait:nth-child(19),
.extraitproprietaires div.extrait:nth-child(22),
.extraitproprietaires div.extrait:nth-child(25),
.extraitproprietaires div.extrait:nth-child(28){
	clear: both;
}
@media (max-width: 990px){
	.extraitproprietaires div.extrait:nth-child(4),
	.extraitproprietaires div.extrait:nth-child(7),
	.extraitproprietaires div.extrait:nth-child(10),
	.extraitproprietaires div.extrait:nth-child(13),
	.extraitproprietaires div.extrait:nth-child(16),
	.extraitproprietaires div.extrait:nth-child(19),
	.extraitproprietaires div.extrait:nth-child(22),
	.extraitproprietaires div.extrait:nth-child(25),
	.extraitproprietaires div.extrait:nth-child(28){
		clear: none;
	}
	#zonepaiement,
	#noagency{
		float: none;
		width: 100%;
		margin: 0;
	}
	#noagency{
		max-width: 450px;
		margin: 0 auto;
		margin-top: 15px;
	}
}

#zonePaiement{
	width: 500px;
	background: #fff;
	padding: 15px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 5px;
}
@media (max-width: 600px){
	#zonePaiement{
		width: 100%;
	}
}
#modal-echantillon{
	width: 700px;
}
#ouibounce-modal #modal-echantillon{
	height: 250px;
}
#ouibounce-modal h3{
	text-transform: none !important;
	font-size: 1.2em !important;
}
#echantillonAjax {
	clear: both;
	font-size: 0.9em;
}
#echantillonAjax ul, #echantillonAjax li{
	list-style: none;
	margin: 0; 
	padding: 0;
}
#echantillonAjax  img{
	max-width: 90%;
	max-height: 80px;
	margin-bottom: 10px;
	float: none !important;
	display: inline !important;
	margin: 0;
}
#echantillonAjax li{
	float: left;
	width: 18%;
	margin: 1%;
	text-align: center;
	background: #fff;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 180px;
	margin-bottom: 5px;
}
#echantillonAjax span{
	display: block;
	text-align: center;
	padding-top: 5px;
}
#echantillon-transports #map{
	height: 800px;
}
@media (max-width: 800px){
	#echantillon-transports #map{
		display: none;
	}
}
#front_lignes{
	text-align: center;
}
#front_lignes ul{
	padding: 0;
	margin: 0;
}
#front_lignes ul::after{
	clear: both;
	display: block;
	content: ' ';
}
#front_lignes .metro{
	background: url("/images/geoloc/interface/metro.png") no-repeat center;
	height: 60px;
}
#front_lignes .tramway{
	background: url("/images/geoloc/interface/tram.png") no-repeat center;
	height: 60px;
}
#front_lignes .rer{
	background: url("/images/geoloc/interface/rer.png") no-repeat center;
	height: 60px;
}
#front_lignes .transilien{
	background: url("/images/geoloc/interface/transilien.png") no-repeat center;
	height: 60px;
}	
#front_lignes li{
	list-style: none;
	padding: 0;
	margin: 4px;
	background: #E9E8E3;
	border-radius: 10px;
	padding: 4px;
	cursor: pointer;
	display: inline-block;
}
#front_lignes li a{
	text-decoration: none;
}
#front_lignes li:hover{
	color: #fff;
}
#front_lignes span{
	height: 20px;
	width: 20px;
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	border: 1px solid #E9E8E3;
}
#front_lignes span:hover{
	border-color: #fff;
}

#liste_ligne_front{
	background: url("/images/geoloc/transport.png") no-repeat center;
}
#liste_ligne_front ul{
	float: left;
	width: 25%;
}
@media (max-width: 1000px){
	#liste_ligne_front ul{width: 50%;}
}
@media (max-width: 600px){
	#liste_ligne_front{
		display: none;
	}
	#liste_ligne_front ul{display: block; width: 100%}
}

#newsletter #choices a{
	display: block;
	text-align: center;
	width: 50%;
	float: left;
	padding-top: 150px;
	padding-bottom: 150px;
	background-size: cover;
	background-repeat: no-repeat;
	text-decoration: none;
	font-size: 30px;
	color: #000;
}
@media (max-width: 1000px){
	#newsletter #choices a{
		font-size: 20px;
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
@media (max-width: 750px){
	#newsletter #choices a{
		padding-top: 60px;
		padding-bottom: 60px;
		display: block;
		width: 100%;
		border: 1px solid #fff;
	}
}
#newsletter #choices a span{
	background: #fff;
	display: block;
	padding: 25px;
	opacity: 0.8;
}
#newsletter #choices a:hover span{
	opacity: 1;
}
#newsletter #choices #abonnementlink{
	background-image: url("/images/newsletters/fond1.jpg");
}
#newsletter #choices #dernierenews{
	background-image: url("/images/newsletters/fond2.jpg");
}
#newsletter #choices #cherchearticlelink{
	background-image: url("/images/newsletters/fond4.jpg");
}
#newsletter #choices #newsletterlistlink{
	background-image: url("/images/newsletters/fond3.jpg");
}
#newsletter .bandeauNewsletter{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 250px;
	margin-bottom: 15px;
}
#newsletter #abonnement .bandeauNewsletter{
	background-image: url("/images/newsletters/fond1-2.jpg");
}
#newsletter #cherchearticle .bandeauNewsletter{
	background-image: url("/images/newsletters/fond4-2.jpg");
}
#newsletter #newsletterlist .bandeauNewsletter{
	background-image: url("/images/newsletters/fond3.jpg");
}
#newsletter #chercher{
	margin-bottom: 15px;
}
#newsletter #result{
	margin-bottom: 15px;
}
#newsletter #newsletterlist a,
#newsletter #result a{
	text-decoration: none;
}
#newsletter #newsletterlist a:hover,
#newsletter #result a:hover{
	text-decoration: underline;
}
#newsletter #searchArticle{
	width: 500px;
	margin-top: 15px;
	text-align: center;
	padding: 4px;
}

.sticky_ad{
	position: absolute;
	margin-left: 25px !important;
	z-index: 2;
}

#cgv-error{
	margin-top: -5px;
	margin-left: 100px;
}
@media (max-width: 1000px){
	form.validateJq #cgv-error{
		display: inline-block;
		margin: 0 !important; 
		position: relative !important;	
	}
}
#guides #choices a {
	display: block;
	text-align: center;
	width: 48%;
	margin: 1%;
	float: left;
	padding-top: 150px;
	padding-bottom: 150px;
	background-size: cover;
	background-repeat: no-repeat;
	text-decoration: none;
	font-size: 2em;
	color: #000;
}
#guides #choices a span {
	background: #fff;
	display: block;
	padding: 25px;
	opacity: 0.8;
}
#guides #choices a:hover span{
	opacity: 1;
}
@media (max-width: 1000px){
	#guides #choices a {
		font-size: 20px;
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
@media (max-width: 750px){
	#guides #choices a {
		padding-top: 60px;
		padding-bottom: 60px;
		display: block;
		width: 100%;
		border: 1px solid #fff;
	}
}

#guides #categories .categorie{
	display: block;
	text-align: center;
	width: 48%;
	margin: 1%;
	float: left;
	padding-top: 50px;
	padding-bottom: 50px;
	background-size: cover;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #000;
}
#guides #categories .categorie:hover a{
	opacity: 0.8;
	text-decoration: none;
}
#guides #articles .article div.resume,
#guides #categories .categorie div.resume{
	text-align: left;
}
#guides #celapourraitvousinteresser .article .txt, 
#guides #ensavoirplus .article .txt,
#guides #categories .categorie .txt{
	background: #fff;
	display: block;
	padding: 25px;
	margin: 25px;
	opacity: 0.8;
}

#guides #categories::after{
	display: block;
	content: " ";
	clear: both;
}
#guides #celapourraitvousinteresser .title,
#guides #ensavoirplus .title{
	font-weight: bold;
	font-size: 1.8em;
	color: #0088c0;
	border-top: 1px dotted #0088c0;
	padding-top: 30px;
	margin-top: 30px;
}
#guides .articles .article{
	background: #f5f9fb;
	border-radius: 5px;
	margin-bottom: 2rem;
	padding: 10px;
}
#guides #categorie .articles{
	margin-top: 15px;
	border-top: 1px dotted #0088c0;
}
#guides .articles .article:hover{
	background: #f1f7fa;
	cursor: pointer;
}
#guides .articles .article a{
	text-decoration: none;
}
#guides #celapourraitvousinteresser .article,
#guides #ensavoirplus .article,
#guides #articles .article{
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #000;
	text-align: left;
	margin-top: 25px;
	padding-bottom: 25px;
}
#guides #celapourraitvousinteresser .article,
#guides #ensavoirplus .article{
	width: 48%;
	float: left;
	margin: 1%;
}
#guides #celapourraitvousinteresser .article a,
#guides #ensavoirplus .article a{
	margin-bottom: 8px;
	font-size: 1.2em;
	font-weight: bold;
}
#guides .articles .article a{
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
}
#guides #articles .article a{
	margin-bottom: 10px;
	font-size: 1.4em;
	font-weight: bold;
}
#guides #celapourraitvousinteresser .article .resume a,
#guides #ensavoirplus .article .resume a,
#guides #articles .article .resume a{
	color: #0088c0;
}
#guides #articles .article .savoir-plus{
	text-align: right;
}
#guides #celapourraitvousinteresser .article .savoir-plus,
#guides #ensavoirplus .article .savoir-plus{
	text-align: center;
}
#guides .categories,
#guides #article .articles{
	width: 20%;
	float: left;
	text-align: left;
	background: #d9d9d9;
	font-size: 1em;
	border-radius: 10px;
}
#guides .categories ul,
#guides #article .articles ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
#guides #article .articles strong{
	text-decoration: underline;
}
#guides .categories a,
#guides #article .articles a{
	display: block;
	margin: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}
#guides .categories a:hover,
#guides #article .articles a:hover{
	background: #2d99c5;
	border-radius: 10px;
	color: #fff;
}
#guides .categories a.actif,
#guides #article .articles a.actif{
	background: #0088c0;
	border-radius: 10px;
	color: #fff;
}
#guides #article{
	margin-bottom: 15px;
}
#guides #categorie #categorieText{
	width: 75%;
	float: right;
}
#guides #categorie #categorieText #imageCategorie{
	float: right;
	max-width: 250px;
	margin-left: 20px;
}
#guides #categorie #categorieText h2{
	font-size: 1.1em;
}
#guides #categorie #categorieText h3{
	font-size: 1.05em;
}
#guides #categorie #categorieText h4,
#guides #categorie #categorieText h5{
	font-size: 1em;
}
#guides #celapourraitvousinteresser::after,
#guides #ensavoirplus::after,
#guides #celapourraitvousinteresser .article::after,
#guides #ensavoirplus .article::after,
#guides #articles .article::after,
#guides #article #articleText #resume::after,
#guides #article::after{
	display: block;
	content: " ";
	clear: both;
}
#guides #article #articleText #resume{
	margin-bottom: 30px;
	border: 1px solid #0088c0;
	padding: 15px;
	background: #dbf2fc;
}
#guides .frg{
	float: right;
	margin: 15px;
}
#guides .flg{
	float: left;
	margin: 15px;
}
@media (max-width: 600px){	
	#guides .frg,
	#guides .flg{
		float: none;
		text-align: center;	
	}
}
.leaflet-tooltip {
	color: #3f6787 !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	max-width: 100px !important;
	width: 100px !important;
	white-space: normal !important;
	text-align: center !important;
	opacity: 1 !important;
}

@media (max-width: 600px){	
	.leaflet-tooltip {
		display: none;	
	}
}
@media (max-width: 1000px){
	#guides .categories,
	#guides #article .articles{
		display: none;
	}
	#guides #categorie #categorieText,
	#guides #article #articleText{
		width: 100%;
		display: block;
	}
	#guides #categories .categorie{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#guides #categories .categorie{
		font-size: 1em;
	}
	#guides #categories .categorie h2{
		font-size: 1.5em;
	}
}
@media (max-width: 750px){
	#guides #categorie #categorieText #imageCategorie{
		float: none;
		max-width: 100%;
		margin: 0;
		margin-bottom: 20px;
	}
	#guides #categories .categorie{
		padding-top: 30px;
		padding-bottom: 30px;
		display: inline-block;
		width: 100%;
		border: 1px solid #fff;
	}
	#guides #categories .categorie{
		font-size: 0.8em;
	}
	#guides #categories .categorie h2{
		font-size: 1.3em;
	}
	#guides #article .categories{
		display: none;
	}
	#guides #celapourraitvousinteresser .article,
	#guides #ensavoirplus .article{
		display: inline-block;
		width: 100%;
	}
}
.mfp-image-holder .mfp-content{
	min-width: 300px;
}
.pagination{
	font-size: 20px;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
}
.pagination.actif{
	border: 1px solid #0089bf;
	background: #0089bf;
	color: #fff;
	padding: 5px 10px;
	text-decoration: none;
}
#plandusite h2{
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 15px;
}
#LS2GS_v2 a{
	opacity: 0.9;
	filter: alpha(opacity=90);
}
#LS2GS_v2 a:hover{
	opacity: 1;
	filter: alpha(opacity=80);
}
.bonplan_mobile{
	display: none;
}
@media (max-width: 650px){
	.bonplan_desktop{
		display: none;
	}
	.bonplan_mobile{
		display: inline-block;
	}
	#LS2GS_v2 a{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	#LS2GS_v2{
		text-align: center;
	}
	#LS2GS_v2 img{
		display: none;
	}
	#LS2GS_v2 a{
		display: inline-block;
		width: 350px;
		height: 350px;
		background: url("/images/gererseul/guide/1_carre.jpg") no-repeat center;
	}
	#LS2GS_v2.bd1 a{
		background: url("/images/gererseul/guide/1_carre.jpg") no-repeat center;	
	}
	#LS2GS_v2.bd2 a{
		background: url("/images/gererseul/guide/2_carre.jpg") no-repeat center;	
	}
	#LS2GS_v2.bd3 a{
		background: url("/images/gererseul/guide/3_carre.jpg") no-repeat center;	
	}
	#LS2GS_v2.bd5 a{
		background: url("/images/gererseul/guide/5_carre.jpg") no-repeat center;	
	}
	#LS2GS_v2.bd6 a{
		background: url("/images/gererseul/guide/6_carre.jpg") no-repeat center;	
	}
	#LS2GS_v2.bd7 a{
		background: url("/images/gererseul/guide/7_carre.jpg") no-repeat center;	
	}
	#LS2GS_v2.bd8 a{
		background: url("/images/gererseul/guide/8_carre.jpg") no-repeat center;	
	}
	#LS2GS_v2.bd9 a{
		background: url("/images/gererseul/guide/9_carre.jpg") no-repeat center;	
	}
	#LS2GS_v2.bd11 a{
		background: url("/images/gererseul/guide/11_carre.jpg") no-repeat center;	
	}
	#LS2GS_v2.bd12 a{
		background: url("/images/gererseul/guide/12_carre.jpg") no-repeat center;	
	}
	#LS2GS_v2.bd13 a{
		background: url("/images/gererseul/guide/13_carre.jpg") no-repeat center;	
	}
	#LS2GS_v2.bd14 a{
		background: url("/images/gererseul/guide/14_carre.jpg") no-repeat center;	
	}
	#LS2GS_v2.bd15 a{
		background: url("/images/gererseul/guide/15_carre.jpg") no-repeat center;	
	}
	#LS2GS_v2.bd16 a{
		background: url("/images/gererseul/guide/16_carre.jpg") no-repeat center;	
	}
}
@media (max-width: 350px){
	#LS2GS_v2 a{
		width: 100%;
		background-size: contain;
	}
}

.dl_etat{
	cursor: pointer;
}
.liste_edl{
	margin: 0;
	padding: 0;
}
.liste_edl li{
	list-style: none;
}
.liste_edl li a{	
	display: block;
	width: 100%;
	text-align: center;
	background: #fff;
	margin: 1.5%;
	margin-top: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px dotted #4e5964;
}
.liste_edl li a:hover{
	background: #dbffd6;
}
#downloads_edl{
	display: none;
}
@media (max-width: 650px){
	.liste_edl li a{	
		float: none;
		width: 80%;
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
	}
}
.cta_avis{
	max-width: 800px;
	margin: 0 auto;
}
.column_filtre [title~="ad"],
.locations [title~="ad"],
.innerBlog [title~="ad"]{
	margin-top: 25px;
	margin-bottom: 25px;
}
#conseilslocataire .sephaut{
	background: #d3d2c5;
	padding: 10px;
}
#conseilslocataire h1{
	text-align: center;
	font-size: 50px;
	color: #005a81;
}
#conseilslocataire h1 span{
	color: #000;
	display: block;
	font-family: 'Lobster', 'Tahoma', sans-serif;
	font-size: 80px;
}
#conseilslocataire h2{
	background: #8dd583;
	color: #fff;
	padding-top: 6px;
	padding-bottom: 6px;
	position: relative;
	z-index: 1;
	padding-left: 70px;
	border-radius: 5px;
	margin-top: 40px;
}
#conseilslocataire h2 span{
	background: url("/images/conseils/chiffre.png") no-repeat top left;
	width: 80px;
	height: 80px;
	display: block;
	padding-left: 28px;
	line-height: 80px;
	font-size: 30px;
	position: absolute;
	z-index: 2;
	left: -30px;
	top: -15px;
	transform: rotate(-20deg);
}
#conseilslocataire p.warning{
	background: url("/images/conseils/warning.png") no-repeat center right #f6f6f4;
	padding-right: 100px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 5px;
}
#conseilslocataire p.locservice{
	background: url("/images/conseils/smiley.png") no-repeat 15px 15px #0088c1;
	padding-left: 60px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 5px;
	color: #fff;
}
#conseilslocataire .conclusion{
	background: #d3d2c5;
	border-radius: 15px;
	color: #353535;
	padding: 20px;
	margin-top: 40px;
}
#conseilslocataire .conclusion h2{
	color: #353535;
	background: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
#conseilslocataire a.normal{
	color: #fff;
}
#conseilslocataire .conclusion a.normal{
	color: #0088c1;
}
#conseilslocataire .innerconseils{
	background: #fff;
	padding: 30px;
	padding-top: 2px;
	margin-bottom: 30px;
}
@media (max-width: 1050px){
	#conseilslocataire{
		background: #fff;
	}
	#conseilslocataire h2 span{
		left: -15px;	
	}
	#conseilslocataire .innerconseils{
		padding: 0;
	}
}


#stickyFooter { display: none }
#stickyFooterGenerate{
	padding-top: 15px;
	text-align: center;
	background: rgba(81, 78, 61, 0.85);
	width: 100%;
}
#stickyFooterGenerate p{
	color: #fff;
	line-height: 1em;
	font-size: 1.2em;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}
@media (max-width: 1050px){
	#stickyFooterGenerate p{
		font-size: 1em;
		margin-bottom: 4px;
	}
	#stickyFooterGenerate .cta{
		padding: 4px;
		margin: 4px;
		font-size: 0.8em;
	}
}
.gridcontact #introcoach2{
	width: 47%;
	float: left;
	margin-right: 3%;
	background: url("/images/coach/coach-mini.png") no-repeat 7px 7px !important;
	background-color: #f4f4f3 !important;
	padding: 7px !important;
	padding-left: 60px !important;
	border-radius: 10px;
}
.gridcontact #formContact{
	width: 50%;
	float: right;
}
#HasDemandePayee, #HasDemandeNonPayee, #HasEspaceWithGoods, #HasEspaceWithoutGoods, #HasNoDemande, #HasNoEspace{
	display: none;
}
.gridcontact h2{
	font-size: 1.8rem;
}
@media (max-width: 1050px){
	.gridcontact #introcoach2{
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.gridcontact #formContact{
		width: 100%;
		float: none;
	}
}

#assistance_dem h1{
	color: #0089bf;
	font-size: 1.8em;
	text-align: center;
	font-weight: normal;
}
#assistance_dem h1.h1-vert{
	color: #43bf32;
}
.assistance_dem_listing{
	width: 1120px;
	margin: 0 auto;
}
#assistance_dem img{
	margin: 10px;
}
#assistance_dem a{
	cursor: pointer;
}
#assistance_dem a:hover img{
	opacity: 0.7;
}
@media (max-width: 1200px){
	.assistance_dem_listing{
		width: 750px;
	}
}
@media (max-width: 850px){
	#assistance_dem h1{
		color: #0089bf;
		font-size: 1.4em;
		text-align: center;
		font-weight: normal;
	}
	.assistance_dem_listing{
		width: 100%;
	}
	.assistance_dem_listing .fr{
		float: none !important;
	}
	.assistance_dem_listing a{
		display: block;
	}
}
.payee_fb_left{
	float: left;
	width: 60%;
}
.payee_fb_right{
	float: right;
	width: 35%;
	text-align: center;
}
@media (max-width: 1000px){
	.payee_fb_left{
		float: none;
		width: 100%;
	}
	.payee_fb_right{
		float: none;
		width: 100%;
		margin-top: 40px;
	}
}
#headerpayline{
	text-align: center;
}
#headerpayline #logopaypal,
#headerpayline #logopayline{
	margin-left: 20px;
}
#headerpayline #logo{
	margin-right: 20px;
}
@media (max-width: 500px){
	#headerpayline #logo{
		display: block;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	#headerpayline #logopaypal,
	#headerpayline #logopayline{
		margin-left: 10px;
		margin-right: 10px;
		height: 20px;
	}
}
@media (max-width: 800px){
	#descriptif_detail #resume_detail,
	#descriptif_detail .innerDetail{
		margin-left: 0;
		margin-right: 0;
	}
	.stickycta #header_ville{
		overflow: visible !important;
	}
	.stickycta #bottommenu{
		padding-bottom: 42px;
	}
	.stickycta .cta-bleu,
	.stickycta .cta-vert{
		display: none;
	}
	.stickycta .coloc_right .big-cta,
	.stickycta .innerMap .big-cta,
	.stickycta #header_ville_content .cta{
		display: block;
		position: fixed;
		bottom: 0;
		z-index: 100000;
		width: 50%;
		margin: 0;
		border-radius: 0;
		padding-right: 5px !important;
		padding-left: 5px !important;
		font-size: 1.2em;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.stickycta #header_ville_content .cta-bleu{
		left: 0;
	}
	.stickycta #header_ville_content .cta-vert{
		right: 0;
	}
	
	.stickycta .coloc_right .big-cta,
	.stickycta .innerMap .big-cta{
		width: 100%;
		margin: 0px;
		text-align: left;
		left: 0;
		padding-right: 60px !important;
		padding-left: 20px !important;
	}
}
#pop_comment{
	background: #fff;
	position: fixed;
	z-index: 8000;
	margin: 15px;
	top: 15px;
	padding: 20px;
	padding-bottom: 0;
	border: 1px solid #e9e8e3;
}
#pop_comment h2{
	font-size: 1.2em;
	text-align: center;
}
#pop_comment ul{
	padding: 0;
	margin: 0;
}
#pop_comment li{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}
#pop_comment span.close{
	display: block;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url("/images/close.png") no-repeat;
	cursor: pointer;
}
#pop_comment li span.number{
	border-radius: 50%;
	border: 3px solid #e9e8e3;
	height: 43px;
	width: 43px;
	float: left;
	font-size: 1.6em;
	text-align: center;
	display: block;
	line-height: 36px;
	font-family: 'Open sans', 'Helvetica';
	margin-right: 10px;
}

.typemorelink span.strong{
	font-weight: bold;
	color: #0089C3;
}
.typemorelink span.fakea,
.typemorelink a{
	font-size: 0.8em;
	text-decoration: none;
	cursor: pointer;
}
.typemorelink a:hover{
	text-decoration: underline;
}
@media (max-width: 700px){
	.stickycta .innerMap .big-cta{
		font-size: 1em !important;
	}
	.h2_annonce{
		font-size:1em;
	}
	.newpaiementmobile .coloc_text_diffusion p:first-child{
		display: block;
	}
	.newpaiementmobile #zonepaiement .coloc_title{
		font-size: 1.2em;
		margin:0;
		margin-bottom: 5px;
	}
	.newpaiementmobile #introcoach2 div.coach_text{
		font-size: 0.85em !important;
	}
	.newpaiementmobile .paiementDemande{
		font-size: 0.8em;
	}
	.newpaiementmobile .paiementDemande .cta .main{
		font-size: 1.2em;
		width: 100%;
		display: block;
		border: 2px solid #fff;
	}
	.newpaiementmobile .paiementDemande .cta .second{
		margin-top: 10px;
		display: none;
	}
	.newpaiementmobile .paiementDemande p{
		margin: 0;
	}
	.newpaiementmobile .paiementDemande .faqs_pop{
		margin-top: 15px;
	}
	.newpaiementmobile .paiementDemande{
		margin-top: 10px;
	}
	.newpaiementmobile .paiementDemande .coloc_recap_zone{
		border: none;
		margin: 0;
		padding: 0;
	}
	.newpaiementmobile2 .h1_recap{
		font-size: 1.1em;
	}
	.newpaiementmobile2 #logo_container #baseline,
	.newpaiementmobile2 #logo_container #iconlogo{
		display: none !important;
	}	
	.newpaiementmobile #logo_container #logo,
	.newpaiementmobile2 #logo_container #logo{
		display: none;
	}
	.newpaiementmobile #logo_container a,
	.newpaiementmobile2 #logo_container a{
		background: url("/images/flat/logo-nobaseline.png") no-repeat top left;
		width: 186px;
		height: 32px;
		display: inline-block;
		margin-bottom: 0px;
	}
	.newpaiementmobile2 #logo_container{
		text-align: center;
		margin: 0;
	}
	/*.newpaiementmobile #introcoach2,*/
	.newpaiementmobile2 #paiement #introcoach2{
		background: none;
		padding: 0;
		font-size: 0.9em;
	}
	.newpaiementmobile #header{
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.newpaiementmobile .hideonmobileMenu{
		display: none;
	}
	.newpaiementmobile .postit{
		display: none;
	}
	.newpaiementmobile #introcoach2{
		margin-top: 15px;
	}
	.newpaiementmobile .img_partner_dnp{
		float: none !important;
		margin-bottom: 5px;
	}
	.newpaiementmobile #logo_container a::after,
	.newpaiementmobile2 #logo_container a::after{
		display: none;
		content: '';
	}
}

#descriptif_detail_left .innerPhoto,
#descriptif_detail_left .innerPhoto .slider,
#descriptif_detail_left .innerPhoto a {
	height: 400px;	
}
@media (max-width: 800px){
	#descriptif_detail_left .innerPhoto,
	#descriptif_detail_left .innerPhoto .slider,
	#descriptif_detail_left .innerPhoto a {
		height: 300px;	
	}
	#listing #listing_type{
		margin-bottom: 10px;	
	}
}
#descriptif_detail{
	overflow: visible;
}
#descriptif_detail_left .innerPhoto {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-bottom: 10px;
}

#descriptif_detail_left .innerPhoto .slider {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

#descriptif_detail_left .innerPhoto a {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  background: #fff;
  border-radius: 4px;
}
#descriptif_detail_left .innerPhoto a img{
	margin: 0;
	height: 100%;
	width: auto;
}

#descriptif_detail_left .innerPhoto span.control_prev,
#descriptif_detail_left .innerPhoto span.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

#descriptif_detail_left .innerPhoto span.control_prev:hover,
#descriptif_detail_left .innerPhoto span.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

#descriptif_detail_left .innerPhoto span.control_prev {
  border-radius: 0 2px 2px 0;
}

#descriptif_detail_left .innerPhoto span.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}
table.offres {
	border: 1px solid grey;
	border-spacing: 0;
	border-collapse : collapse;
}
table.offres th{
	text-align: center;
}
table.offres td{
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid lightgrey;
	padding-left: 4px;
	padding-right: 4px;
}
table.offres tbody tr.nondisponible {
	background-color: lightgrey;
	color: grey;
}
table.offres tbody tr.nondisponible td{
	border-top: 1px solid #fff;	
}
@media (max-width: 1050px){
	table.offres th{
		display: none;
	}
	table.offres td{
		text-align: center !important;
	}
}










#filtres{
	margin-top: 10px;
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	display: none;
}
.form-check {
	/*border: 1px solid #7d7a6d;
	width: 21%;
	float: left;
	margin-right: 2%;
	margin-left: 2%;
	padding: 10px;
	border-radius: 10px;*/
}
.form-check.consultes,
.form-check.contactes{
	margin-left: 100px;
}
.form-check.contactes{
	margin-bottom: 30px;
}
.form-check strong{
	text-align: center;
	color: #7d7a6d;
	width: 200px;
	display: inline-block;
	text-align: right;
}
.form-check.consultes strong,
.form-check.contactes strong{
	width: 150px;
	font-size: 0.8em;
}
.form-check strong::after{
	content: " : ";
}
.radiobtn {
	/*position: relative;*/
	display: inline-block;
	position: relative;
}
.radiobtn	label {
	font-size: 0.8em;
	display: inline-block;
	background: #bcf1b6;
	color: #444;
	border-radius: 5px;
	padding: 10px 20px;
	border: 2px solid #6ACC5F;
	/*margin-bottom: 5px;*/
	cursor: pointer;
	position: relative;
	padding-right: 40px !important;
}
.radiobtn	label::after,
.radiobtn	label::before {
	content: "";
	position: absolute;
	right: 11px;
	top: 11px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #6ACC5F;
}
.radiobtn	label::before {
	background: transparent;
	transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s,
		0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
	z-index: 2;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: center;
	width: 0;
	height: 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+);
}
.radiobtn	input[type="radio"] {
	display: none;
	position: absolute;
	width: 100%;
	appearance: none;
}
.radiobtn	input[type="radio"]:checked + label {
	background-color: #6ACC5F;
	border-color:  #6ACC5F;
}
.radiobtn	input[type="radio"]:checked + label::after {
	background:  #6ACC5F;
}
.radiobtn	input[type="radio"]:checked + label::before {
	width: 20px;
	height: 20px;
}

@media (max-width: 1050px){
	.form-check {
		width: 100%;	
		margin: 0 !important;
	}
	.form-check strong{
		display: block;
		text-align: center !important;
		width: 100% !important;
		margin: 0 !important;
		margin-top: 15px !important;
	}
	.radiobtn{
		display: block;
		margin-top: 5px;
	}
	.radiobtn label{
		display: block;
	}
}
#ImageUpload {
	display: none;
}
.PhotosUpload{
	font-size: 12px;
	width: 550px;
	display: block;
}
@media (max-width: 1199px){
	.PhotosUpload{
		width: 390px !important;
	}
}
@media (max-width: 990px){
	.PhotosUpload{
		width: 600px !important;
		margin: 0 auto;
		margin-top: 10px;
	}
}
@media (max-width: 650px){
	.h1-like, h1{
		font-size: 2rem;
	}
	.PhotosUpload{
		width: 100% !important;
	}
	.txtcenter .coloc_back,
	.txtcenter .color_next_prop{
		float: none;
		display: inline-block;
		margin: 2px !important;
	}
}
.PhotosUpload h4{
	font-size: 14px;
}
.PhotosUpload > #photos {
	border: none;
	padding: 2px;
	background-color: #EAEAEA;
}
.upload-area{
	border: 2px dashed lightgray;
	border-radius: 3px;
	margin: 5px;
	padding: 10px;
	text-align: center;
	overflow: auto;
	cursor: pointer;
}
.upload-area:hover{
	border: 2px dashed lightgray;
}
@-webkit-keyframes blink { 50% { border-color: #EAEAEA; }  }
.upload-area:hover{
	-webkit-animation: blink .5s step-end infinite alternate; 
}
.upload-area h1{
	text-align: center;
	font-weight: bold;
}
.file-error {
	color: red;
}
.PhotosUpload .ImageFrame{
	margin: 1px;
}

			
#filtre_logement {
	text-align: right;
	padding: 5px 20px;
}
#filtre_logement_button {
	line-height: 32px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 5px;
  display: inline-block;
  text-decoration: none;
  background:#F5F5F5;
  color:#758596;
  border:1px solid #758596;
  cursor: pointer;
}
#filtre_logement_button:hover {
	background: #758596;
	color:#fff; 
}
#filtre_logement_bloc {
	text-align: center;
}
#filtre_logement_bloc {
	text-align: center;
}
#logements {
	padding: 5px 20px;
}
.logement_desactive{
	opacity: 0.7;
}
.logement_bloc {
	-webkit-box-shadow: 0px 0px 5px 1px #ccc;
	-moz-box-shadow: 0px 0px 5px 1px #ccc;
	box-shadow: 0px 0px 5px 1px #ccc;
	margin-top: 15px;
	padding: 20px;
	position: relative;
}
div.logement_photo img{
	max-height: 250px;
}
.logement_bloc>img.logement_statut {
	position: absolute;
	top: -14px;
	right: -15px;
	z-index: 2;
	background-color: transparent;
}
.logement_bloc div.logement_photo {
	text-align: center;
	margin-bottom: 15px;
}
.logement_listeligne .logement_bloc div.logement_photo {
	float: left;
	width: 30%;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.logement_listeligne .logement_bloc:after {
	clear: both;
}
.logement_listeligne .logement_info {
	text-align: left;
	margin-left: 35%;
}

.logement_info h2.logement_titre {
	font-size: 1.2em !important;
	font-weight: normal;
	text-align: left !important;
}
.logement_listebloc .logement_info,
.logement_listebloc .logement_info h2.logement_titre{
	text-align: center !important;
}
.logement_info h2.logement_titre ,
.logement_info h3.logement_titre {
	font-size: 1em;
	font-weight: normal;
}
.logement_listeligne div.logement_compteurs {
	float: right;
	width: 340px;	
}
.logement_listeligne div.logement_remisealouer ,
.logement_listeligne div.logement_compteur {
	background: url("/images/candidats.png") no-repeat 60px 10px #f7f7f7;
	width: 160px;
	vertical-align: middle;
	text-color: green;
	text-align: center;
	padding-top: 70px;
	color: #43bf32;
	font-size: 1.2em;
	float: left;
	padding-bottom: 15px;
	margin-left: 10px;
}
.logement_listeligne div.logement_remisealouer:hover ,
.logement_listeligne div.logement_compteur:hover {
	background-image: url("/images/candidats_hover.png");
	background-color: #298018;
	color: #fff;
	cursor: pointer;
}
.logement_listebloc div.logement_remisealouer ,
.logement_listebloc div.logement_compteur {
	display: none;
}
div.logement_actions {
	margin-top: 15px;
}
div.logement_actions a{
	margin-top: 5px;
	display: inline-block;
}
a.logement_action_colocataire, a.logement_action_locataires {
	background: url("/images/find.gif") no-repeat left center;
	padding-left: 25px;
}
a.logement_action_modifier {
	background: url("/images/edit.gif") no-repeat left center;
	padding-left: 25px;
}
a.logement_action_statut_activer {
	background: url("/images/activer.png") no-repeat left center;
	padding-left: 25px;
}
a.logement_action_statut_desactiver {
	background: url("/images/stop.png") no-repeat left center;
	padding-left: 25px;
}
a.logement_action_colocataire:hover,
a.logement_action_locataires:hover,
a.logement_action_modifier:hover,
a.logement_action_statut_activer:hover,
a.logement_action_statut_desactiver:hover{
	text-decoration: none;
	cursor: pointer;
}
@media (max-width: 990px) {
	#logements {
		padding: 5px;
	}
	/* en dessous d'une certaine taille (mobile : taille correspondant à la taille de désactivation de grid-3-small-1), les blocs sont affichés comme des éléments de liste mais sans les compteurs */
	.logement_bloc div.logement_photo {
		float: left !important;
		width: 30% !important;
		margin-left: 1.5% !important;
		margin-right: 1.5% !important;
	}
	.logement_listeligne div.logement_compteurs,
	.logement_bloc div.logement_remisealouer ,
	.logement_bloc div.logement_compteur {
		display: none !important;
	}
	.logement_bloc:after {
		clear: both !important;
	}
	/* non redondant car .logement_titre seul n'écrasera pas la définition complète */
	.logement_listebloc .logement_info h2.logement_titre, .logement_listebloc .logement_info h3.logement_titre {
		margin-top: 0 !important;
		text-align: left !important;
	}
	/* non redondant car .logement_info seul n'écrasera pas la définition complète */
	.logement_listebloc .logement_info{
		text-align: left !important;
		font-size: 0.9em;
		margin-left: 40%;
	}
	#filtre_logement_bloc{
		margin-top: 15px;
	}
}
@media (max-width: 490px) {
	.logement_bloc{
		padding: 8px;
	}
	.logement_bloc > img.logement_statut{
		width: 60px;
		top: -7px;
		right: -8px;
	}
	.logement_bloc div.logement_info {
		text-align: center !important;
		text-align: left;
		margin-left: 0;
	}
	/* non redondant car .logement_titre seul n'écrasera pas la définition complète */
	.logement_listeligne .logement_info h2.logement_titre, .logement_listeligne .logement_info h3.logement_titre, .logement_listebloc .logement_info h2.logement_titre, .logement_listebloc .logement_info h3.logement_titre {
		margin-top: 0 !important;
		padding-right: 22px;
		padding-left: 22px;
		text-align: center !important;
	}
	.logement_actions{
		clear:both;
		margin-top: 25px;
	}
}
@media (max-width: 300px) {
	.logement_actions{
		font-size: 0.85em !important;	
	}
	#form_etape2 input[name="Telephone"]{
		margin-bottom: 10px;
	}
}
.showVille2 #map{
	margin-right: 15px;
}
.coloc_info2{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("/images/coloc/picto-info-16.png");
	margin-top: 15px;
	cursor: pointer;
	vertical-align: middle;
	margin-top: -7px;
}