body, html {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	padding: 0px; 
	font-family: 'Lato', sans-serif;
	font-size: 12pt;
	background: #333333;
} 
	
table { border: 0; }
img { border: none; }
form, dl, ul, ol, h1, h2, h3, h4, h5, h6, p {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
	 
a:link {color: #a0072d;  text-decoration: underline}
a:visited {color: #a0072d;  text-decoration: underline}
a:active {color: #000;  text-decoration: underline}
a:hover {color: #000; text-decoration: underline}
	
td {color: #000000; font-size: 10pt;}
.clear { clear:both}
	
.mes_ok { margin: 10px 0; font-size: 14px; padding: 10px; background-color: #006600; color: #ffffff; }
.mes_pok { margin: 10px 0; font-size: 14px; padding: 10px; background-color: #CC0000; color: #ffffff; }

.global {
	position: relative;
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
	z-index: 1;
}
	.zonel {
		position: relative;
		max-width: 1200px;
		margin: 0 auto; 
	}
	.haut {
		background: url(img/st/bandeau-haut.png) repeat-x top center;
		height: 136px;
		position: relative;
	}
		.zmenu {
			position: relative;
			height: 136px;
			margin: 0 0 0 170px;
			display: block;
		}
	
		.logo {
			position: absolute;
			margin-top:10px;
			z-index: 30;
		}
		
		.bandeau {
			height: 90px;
		}
			.slogan {
				float:left;
				color: #b7b7b7;
				font-size:10pt;
				margin-top: 40px;
			}
				.slogan span {font-size:14pt;}
				
			.reso {
				float:right;
				margin: 50px 0 0 0;
			}
				.reso div,
				.reso2 div {
					display: inline-block;
					width: 26px;
					height: 26px;
					background: url(img/st/group.png) no-repeat;
					background-size: 230px;
				}
				.reso .facebook {background-position: 0 -2px;}
				.reso .twitter {background-position: -32px -2px;}
				.reso .googleplus {background-position: -63px -2px;}
		
		ul.menu {
			height: 43px;
			list-style: none;
		}
			ul.menu li
			 {
				display: inline-block;
				line-height: 43px;
				font-size:13pt;
			}
				ul.menu li a,
				.menumob
				 {
					border-radius: 4px;
					padding: 5px 8px;
					text-decoration: none;
					margin: 0 2px;
					color:#fff;
				}
				ul.menu li a.on,
				ul.menu li a:hover { 
					background-color: #6b1629;
					-moz-transition: all .5s;
					-webkit-transition: all .5s;
					transition: all .5s;
				}
		.menumob {
			position: relative;
			cursor: pointer;
			display: none;
			float: left;
			padding: 6px 20px 6px 45px;
			margin: 6px 0;
			background-color: #6b1629;
		}
			.menumob:after { 
				position: absolute;
				content: " ";
				width: 20px;
				height: 20px;
				background: url(img/st/group.png) no-repeat -145px -12px;
				top:6px;
				left:10px;
			} 
	.moteur {
		position: relative;
		height: 700px;
	}
	.moteurpage {
		height: inherit;
		margin:20px 0 40px 0;
	}
		.bloc-pano {
			width: 100%;
			margin: 0 auto;
			overflow: hidden;
			position: absolute;
			z-index: 1; 
		}
		#slide-pano { zoom: 1; position: relative; margin: 0 auto;}
		
		.z-moteur, .z-moteurpage {
			position: absolute;
			z-index: 10;
			width: 80%;
			max-width: 1100px;
			margin: 0 auto;
			top: 130px;
			left:10%;
			right: 10%;
			-moz-box-shadow: 0px 0px 5px 0px #c7c7c7;
			-webkit-box-shadow: 0px 0px 5px 0px #c7c7c7;
			-o-box-shadow: 0px 0px 5px 0px #c7c7c7;
			box-shadow: 0px 0px 5px 0px #c7c7c7;
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#c7c7c7, Direction=NaN, Strength=5);
		}
		
		.z-moteurpage {
			position: relative;
			top: inherit;
			left:inherit;
			right: inherit;
			background-color: #efefef;
		}
		
		.slogan2 {
			position: absolute;
			width: 50%;
			max-width: 1100px;
			text-align: center;
			margin: 0 auto;
			top: 190px;
			left:10%;
			right: 10%;
			color:#fff;
			font-weight: bold;
			font-size: 20pt;
			text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
		}
		.slogan2 span {
			font-size: 36pt;
		}
		
		.mot ul, .motp ul{
			list-style: none;
		}
			.mot .limot, .motp .limot {
				position: relative;
				display: inline-block;
				margin-right: -4px;
				margin-bottom: -2px;
				line-height: 50px;
				padding: 0 2%;
				background-color: #efefef;
				color:#696969;
				cursor: pointer;
				-moz-transition: all .5s;
				-webkit-transition: all .5s;
				transition: all .5s;
				z-index: 20;
			}
				.mot .limot:hover:not(.rechercher), .mot .limot.on:not(.rechercher),
				.motp .limot:hover, .motp .limot.on{
					background-color: #fff;
					-moz-transition: all .5s; 
					-webkit-transition: all .5s;
					transition: all .5s;
				}
				.mot .limot.on:not(.rechercher), .motp .limot.on { 
					z-index: 12;
					-moz-transition: none; 
					-webkit-transition: none;
					transition: none;
				}
			
				.mot .limot:not(.rechercher):after, .motp .limot:after { 
					position: absolute;
					content: " ";
					width: 14px;
					height: 14px;
					background: url(img/st/group.png) no-repeat 0 -40px;
					top:20px;
					right:10px;
				} 
				.mot .limot.on:not(.rechercher):after, .motp .limot.on:after { 
					background-position: -14px -40px;
				} 
	
				.mot #transaction { width: 10%;}
				.mot #localisation { width: 15%; border-left:1px solid #c7c7c7;}
				.mot #type { width: 16%; border-left:1px solid #c7c7c7;}
				.mot #prix { width: 10%; border-left:1px solid #c7c7c7;}
				.mot #surface { width: 11%; border-left:1px solid #c7c7c7;}
				.mot .rechercher { width: 14%; text-align: center; font-size: 11pt; color:#fff; font-weight: bold; text-transform: uppercase;} 
				
				.motp #localisation { width: 20%; border-left:1px solid #c7c7c7;}
				.motp #type { width: 20%; border-left:1px solid #c7c7c7;}
				.motp #prix { width: 12%; border-left:1px solid #c7c7c7;}
				.motp #surface { width: 13%; border-left:1px solid #c7c7c7;}
				.motp #reference { width: 15%; border-left:1px solid #c7c7c7;}
				.motp #reference { width: 15%; border-left:1px solid #c7c7c7;}

			.smot {
				display: none;
				position: absolute;
				background-color: #fff;
				border-top:1px solid #c7c7c7;
				padding:2%; 
				margin:0 0 0 0;
				z-index: 20;
				-moz-box-shadow: 0px 0px 5px 0px #c7c7c7;
				-webkit-box-shadow: 0px 0px 5px 0px #c7c7c7;
				-o-box-shadow: 0px 0px 5px 0px #c7c7c7;
				box-shadow: 0px 0px 5px 0px #c7c7c7;
				filter:progid:DXImageTransform.Microsoft.Shadow(color=#c7c7c7, Direction=NaN, Strength=5);
			}
			
				.smot#transaction { width: 30%;}
				.smot#localisation { width: 96%;}
				.smot#reference { width: 96%;}
				.smot#type { width: 28%; margin:0 0 0 33%;}
				.motp .smot#type { width: 28%; margin:0 0 0 24%;}
				.smot#prix { width: 43%; right:0;}
				.motp .smot#prix { width: 48%; right:0;}
				.smot#surface { width: 32%; right:0;}
				
				.limot#transaction:first-letter { text-transform: uppercase;}
				
				.smot .check, .smot .radio {  
					position: relative;
					padding: 2px 0 2px 23px;
					cursor: pointer;
					color:#696969;
				}
					.smot .check:hover, .smot .radio:hover {  
						color:#000;
					}
					
				.smot .check:before,
				.smot .radio:before { 
					position: absolute;
					content: " ";
					width: 14px;
					height: 14px;
					border: 1px solid #c7c7c7;
					top:5px;
					left:0;
				} 
					.smot .check.on:before,
					.smot .radio.on:before{ 
						background-color: #c50536;
						border: 1px solid #000;
					}
				
				.smot .radio:before{ 
					border-radius: 14px;
				} 
				
				.smot .input { 
					position: relative;
					display: inline-block;
					margin: 0 2%;
					width: 42%;
					padding:1%;
					border: 1px solid #c7c7c7;
				}
					.smot .input:hover { border: 1px solid #a1a1a1; }
					.smot .input input { 
						font-size:12pt;
						border: none;
						width: 100%;
					}
						.smot .input input:focus {outline: transparent;}
					
					.unite { 
						position: absolute;
						top:5px;
						right: 6px; 
					} 
				.smot .bt {
					margin:1px;
					padding:1% 2%;
					color:#fff;
				}
				.smot .bt.inp {
					position: absolute;
					right: 0;
					top: 0;
				}
				.smot .bt.bas {
					display: inline-block;
					margin-top:10px;
					padding:6px 14px
				}
				.smot .bt.basd {
					margin:10px 2% 10px;
				}
					.smot .bt:hover { 
						background-color: #484848;
					}
				
		
		.resultatrech {
			position: absolute;
			display: none;
			z-index: 300;
			margin: -1px 0 0 0;
			background: #efefef;
			border: 1px solid #a1a1a1;
			width: 96%;
		}
			.liresrech {
				padding:6px 2%;
				border-bottom: 1px dashed #ccc;
				cursor: pointer;
			}
				.liresrech a { text-decoration: none;}
				.liresrech:hover { color: #c50536;}

		.zm-result {
			width: 80%;
			max-width: 1100px;
			margin: 0 auto;
			margin-top:10px;
		}
		.zm-result ul { list-style:  none; }
		.rechlist ul  { margin-top:10px;}
			.zm-result li,
			.rechlist li {
				position: relative;
				font-size: 10pt;
				display: inline-block;
				padding:4px 34px 4px 10px;
				margin: 0 3px 6px 0;
				background-color: #7C7C7C;
				font-weight:  bold;
				color:#E3E3E3;
				cursor: pointer;
			}
				.zm-result li:after, 
				.rechlist li:after { 
					position: absolute;
					content: " ";
					background: url(img/st/group.png) no-repeat -175px -12px; 
					width: 16px;
					height: 16px; 
					top:5px;
					right:10px;
				} 
				.zm-result li:hover,
				.rechlist li:hover{
					background-color: #626262;
					color:#fff;
				}

	.blocexclu {
		position:relative;
		margin: -190px 0 0 0;
		background-color: rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0.4);
		border-radius: 10px;
		padding:2%;
		z-index: 2;
		overflow: hidden;
	}
		.slidexclu {
		   width: 100%;
		}
			.slidexclu .ul {
				
			}
				.slidexclu .li {
					display: inline-block;
					position: relative;
					overflow: hidden;
					cursor:  pointer;
				}
					.slidexclu .li .ph {
						position: relative;
						z-index: 1;
					}
					.slidexclu .li .ph img {
						height: 200px;
						min-width: 270px;
						width: 96%;
						margin:0 2%;
						-moz-transition: all .5s;
						-webkit-transition: all .5s;
						transition: all .5s;
					}
					.zonecdc li .bloc .bien .photo {
						position: relative;
						height: 200px;
						width: 300px;
						background-size: cover;
						background-position: center center;
						-moz-transition: all .5s;
						-webkit-transition: all .5s;
						transition: all .5s;
						z-index: 1;
					}
						.slidexclu .li:hover .ph img,
						.zonecdc li:hover .bloc .bien .photo {
							-moz-transform: scale(1.2,1.2);
							-webkit-transform: scale(1.2,1.2);
							transform: scale(1.2,1.2);
						}
						
					.slidexclu .li div.bloc1,
					.slidexclu .li div.bloc2 {
						position: absolute;
						top:0;
						height: 200px;
						width: 100%;
						z-index: 14;
					}
					.slidexclu .li div.bloc2 {
						display: none;
						background-color: rgb(0, 0, 0);
						background-color: rgba(0, 0, 0, 0.6);
						z-index: 13;
					}
					.slidexclu .li div.plus {
						margin:20% 2%;
						text-align: center;
						color:#fff;
					}
					.slidexclu .li div.exclu {
						position: absolute;
						right:10px;
						top: 10px;
						color: #fff;
						text-transform: uppercase;
						font-size:9pt;
						font-weight: bold;
						padding: 5px 10px;
						border-radius: 4px;
					}
					
					.slidexclu .li div.prix,
					.zonecdc li div.prix {
						position: absolute;
						left:0;
						bottom:10px;
						color: #fff;
						font-size:12pt;
						padding: 5px 30px 5px 10px;
						z-index: 15;
					}
					.slidexclu .li div.prix span,
					.zonecdc li div.prix span{font-size:10pt;}

	h1.tipage {
		color: #C9C9C9;
		text-align: center;
		margin:40px auto 20px auto;
		max-width: 1100px;
		font-size: 20pt;
	}	
	
	/*listing*/
	.top  {
		border-bottom: 1px solid #C9C9C9;
		padding: 0 0 10px 0;
		float: left;
		width: 100%;
		
	}
	.top .res {
		float: left;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 10pt;
		line-height: 30px;
	}
	.top .tri {
		float: right;
	}
		.tri .tripar {
			float: left;
			padding:5px 10px;
			color:#fff;
		}
		.tri .tribt {float: left; cursor:pointer;}
		.tri .triactuel {
			float: left;
			position: relative;
			padding:5px 30px 5px 10px;
			border: 1px solid #333333;
			width: 170px;
			color:#c50536; 
			font-weight: bold;
		}
			.tri .triactuel:hover {
				float: left;
				position: relative;
				padding:5px 30px 5px 10px;
				border: 1px solid #c50536;
				width: 170px;
				color:#c50536; 
				font-weight: bold;
			}
			.tri .triactuel:after { 
				position: absolute;
				content: " ";
				width: 14px;
				height: 9px;
				background: url(img/st/group.png) no-repeat 0 -54px;
				top:12px;
				right:6px;
			}
			.tri .triactuel.on {
				border-top: 1px solid #c50536;
				border-right: 1px solid #c50536;
				border-left: 1px solid #c50536;
			}
		.tri ul {
			display: none;
			position: absolute;
			top:31px;
			list-style:  none;
			border-bottom: 1px solid #c50536;
			border-right: 1px solid #c50536;
			border-left: 1px solid #c50536;
			background-color: #333333;
			width: 210px;
			z-index: 14;
		}
		.tri li {
			padding:5px 10px;
			display: inline-block;
			width: 190px;
			color:#fff;
		}
			.tri li:hover {
				background-color: #c50536; 
			}
			
	.lesbiens
	{
		list-style: none;
		padding :0;
		width: 100%;
		display: inline-block;
		
	}
		.lesbiens li
		{
			display: inline-block;
			width: 49%;
			border-radius: 5px;
			overflow: hidden;
		}
		.lesbiens li:nth-child(odd) {margin: 10px 2% 10px 0;}
		.lesbiens li:nth-child(even) {margin: 10px 0 10px 0;}
		
			.lesbiens .bloc
			{
				height: 200px;
				overflow: hidden;
				border-right: 2px solid #fff;
			}
				.lesbiens .ph
				{
					position: relative;
					float:left;	
					width: 250px;
					height: 100%;
					overflow: hidden;
				}
					.lesbiens .ph img
					{
						width: 100%;
						height: 100%;
						-moz-transition: all .5s;
						-webkit-transition: all .5s;
						transition: all .5s;
					}
						.lesbiens li:hover .ph img {
							-moz-transform: scale(1.1,1.1);
							-webkit-transform: scale(1.1,1.1);
							transform: scale(1.1,1.1);
						}
					
				
				.lesbiens .zonetxt
				{
					margin: 0 0 0 250px;
					height: 100%;
				}
					.lesbiens .z2
					{
						position: relative;
						height: 100%;
						border-left: 3px solid #c50536;
						padding:10px;
					}
					.lesbiens .z2 h3 a
					{
						text-decoration:  none;
					}
					.lesbiens .z2 h3.prix
					{
						color:#464646;
						font-size: 16pt;
					}
					
					.lesbiens .z2 ul
					{
						color:#464646;
						font-size: 10pt;
						margin: 10px 0;
					}
						.lesbiens .z2 ul li
						{
							background-color: #fff;
							width: inherit;
							padding:4px 10px;
							margin: 0 6px 4px 0;
							-moz-box-shadow: 0px 0px 4px 0px #c0c0c0;
							-webkit-box-shadow: 0px 0px 4px 0px #c0c0c0;
							-o-box-shadow: 0px 0px 4px 0px #c0c0c0;
							box-shadow: 0px 0px 4px 0px #c0c0c0;
							filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=4);
						}
					
					.lesbiens .z2 .bt,
					.lesbiens .ph .btp
					{ 
						float:left;
						position: absolute;
						bottom: 30px;
						right: 10px;
						padding: 3px 10px;
						border-radius: 4px; 
						text-transform: uppercase; 
						font-size: 9pt; 
					}
					.lesbiens .ph .btp
					{
						color:#fff;
						top:10px;
						bottom: inherit;
					}
					.lesbiens .ph .exclu
					{
						left:10px;
						right: inherit;
					}
					.lesbiens .ph .cdc
					{
						height: 14px;
						width: 6px;
					}
					.lesbiens .ph .cdc:after
					{
						position: absolute;
						content: " ";
						width: 13px;
						height: 12px;
						background: url(img/st/group.png) no-repeat -70px -53px;
						top:4px;
						left:6px;
					}
					
					.lesbiens .z2 a .bt{ color: #fff; }

					.lesbiens .ph .btvendu
					{ 
						position: absolute;
						text-align: center;
						bottom: 20px;
						right: 20px;
						left:20px;
						padding: 3px 10px;
						font-size: 16pt;
						color:#c50536;
						background-color: rgba(255, 255, 255, 0.7);
					}
					
	
	/* BIEN fiche */
	.blphoto {
		position: relative;	
	}
		.blocphb .exclu {
			float:left;
			padding:6px 10px;
			margin: 10px 20px 0 0;
			font-size: 16pt;
			border-radius: 6px;
		}
		.blocphb .blocvendu {
			margin: 10px 20px 0 0;
			font-size: 22pt;
			border-radius: 6px;
			color: #f0134b;
			
		}
		.blocphb .cdc {
			float:left;
			width: 28px;
			height: 27px;
			margin: 16px 0 0 0;
			background: url(img/st/group.png) no-repeat -39px -40px;
		}
		
		.blphoto .nbphoto {
			position: absolute;
			bottom: 10px;
			left:10px;
			background-color: rgba(0, 0, 0, 0.6);
			padding:14px 20px 14px 50px; 
			font-size: 16pt;
		
		}
		.blphoto a .nbphoto {
			color:#fff;
			
		
		}
			.blphoto a .nbphoto:after {
				position: absolute;
				content: " ";
				width: 34px;
				height: 34px;
				top:10px;
				left:10px;
				background: url(img/st/group.png) no-repeat -93px -135px;
			}
	
	.slide-photo  {
		width: 100%;
		margin:-2% 0 0 0;
	}
	.slide-photo .slick-prev,
	.slide-photo .slick-next {
		position: absolute;
		font-size: 0;
		border:none;
		width: 50px;
		height: 50px;
		z-index: 30;
		border-radius: 50px;
		top:45%;
		background-color: rgba(197, 5, 54, 0.4);
		cursor:  pointer;
	}
		.slide-photo .slick-prev { left:1%;}
		.slide-photo .slick-next { right:34%;}
		.slide-photo .slick-prev:after,
		.slide-photo .slick-next:after {
			position: absolute;
			content: " ";
			width: 50px;
			height: 50px;
			top:7px;
			left:16px;
			background: url(img/st/group.png) no-repeat -99px -40px;
		}
		.slide-photo .slick-prev:after {
		   top:-7px;
		   left:-16px;
			transform:rotate(180deg);
			-ms-transform:rotate(180deg); /* Internet Explorer */
			-moz-transform:rotate(180deg); /* Firefox */
			-webkit-transform:rotate(180deg); /* Safari et Chrome */
			-o-transform:rotate(180deg); /* Opera */
		}
		.slide-photo .slick-prev:hover,
		.slide-photo .slick-next:hover {
			background-color: rgba(197, 5, 54, 1);
		}
	
 	 .liste .photo {
		height: 700px;
		width: 100%;
	}
		.bloc-photo {
			position: absolute;
			z-index: 200;
			top:0;
			right:0;
			background-color: rgba(68, 68, 68, 0.7);
			width: 33%;
			height: 700px;
		}
			.blocphb {
				padding:5%;
				color:#fff;
				text-shadow: 3px 0px 2px rgba(40, 40, 40, 0.7);
			}
				.blocphb .hr {
					margin: 16px 0;
					height: 1px;
					background: rgba(150, 150, 150, 0.5);
				}
				.blocphb h1 {
					text-transform: uppercase;
				}
				.blocphb h1 div.quartier {
					font-size: 18px;
					text-transform:none;
					margin:-5px 0 0 0;
				}
				.blocphb h1 span.ville {
					font-size: 22px;
				}
				.blocphb div.prix {
					font-size: 44px;
					color:#f0134b;

				}
				.blocphb div.prix2 {
					font-size: 13px;
					text-transform: uppercase;
				}
				.blocphb ul.liste1 {
					list-style: none;
					font-size: 20px;
				}
				
				.blocphb .bt,
				.lesbt .bt {
					position: relative;
					background-color: #c50536;
					text-shadow: none;
					line-height: 50px;
					margin: 0 0 10px 0;
				}
					.blocphb .tel  {line-height: 70px; height: 70px;}
					.blocphb .bt a,
					.lesbt .bt a {
						color:#fff;
						text-decoration: none;
						z-index: 18;
					}
						.blocphb .bt a:after,
						.lesbt .bt a:after {
							position: absolute;
							content: " ";
							top:0px;
							left: 0px;
							background-color: #b2002d;
							width: 50px;
							height: 50px;
							z-index: 19;
							-moz-transition: all .5s;
							-webkit-transition: all .5s;
							transition: all .5s;
						}
							.blocphb .tel a:after {height: 70px;}
					
						.blocphb .bt a:hover:after,
						.lesbt .bt a:hover:after{
							background-color: #960228;
							-moz-transition: all .5s;
							-webkit-transition: all .5s;
							transition: all .5s;
							width: 100%;
						}
					.blocphb .icon,
					.lesbt .icon{
						position: absolute;
						width: 50px;
						height: 50px;
						background: url(img/st/group.png) no-repeat -94px -84px;
						z-index: 20;
					}
						.blocphb .tel .icon {
							height: 50px;
							background-position: -145px -84px; 
							margin: 10px 0;
						}
						.lesbt .partage .icon {background-position: -196px -135px; } 
						.lesbt .imprimer .icon {background-position: -144px -135px; } 
						.lesbt .photobt .icon {background-position: -247px -135px; } 
						.lesbt .visitev .icon {background-position: -194px -90px; } 
					.blocphb .text,
					.lesbt .text {
						position: relative;
						margin: 0 0 0 70px;
						z-index: 21;
						font-size: 20px;
					}
						.blocphb .tel .text {
							padding: 10px 0;
						}
						.blocphb .text2 {
							font-size: 16px;
							line-height: 18px;
						}
						.blocphb .text3 {
							font-size: 30px;
							line-height: 30px;
							font-weight: bold;
						}
	.ztxtfbien {
		margin: 20px 0;
		color: #fff;
	}
		.ztxtfbien .g {
			float:left;
			width: 67%;
		}
			.ztxtfbien .g .z {
				border-right: solid 1px rgba(150, 150, 150, 0.5);
				padding: 10px 5% 10px 0;
			}
				.ztxtfbien .g p {
					font-size:14pt;
					text-align: justify;
				}
				
				.ztxtfbien .cara {
					list-style: none;
					padding-top: 10px;
					
				}
					.ztxtfbien .cara li {
						display: inline-block;
						padding: 4px 10px;
						margin: 0 10px 10px 0;
						background-color: #b2002d;
					}
				.ztxtfbien .diag {
					background-color: #fff;
					border-radius: 6px;
					margin:20px 0;
					color:#000;
					padding:2%;
				}
					.ztxtfbien .diag h3 {font-size:20pt;}
					.ztxtfbien .diag h4 {
						text-transform: uppercase;
						font-size:12pt;
						margin:4px 0;
					}
					.ztxtfbien .diag p {font-size:12pt;}
					.ztxtfbien .etiquette {
						position: relative;
						display: inline-block;
						width: 50%;
					}
						.ztxtfbien .etiquette img {
							width: 200px;
							height: auto;
						}
						.ztxtfbien .diag .nombre {
							position: absolute;
							line-height: 28px;
							font-weight: bold;
							padding: 0 10px;
							color:#fff;
							background-color: #000;
						}
							.ztxtfbien .diag .nombre:after {
								position: absolute;
								content: " ";
								top:0;
								left: -14px;
								width: 0; 
								height: 0;
								border-style: solid;
								border-width: 14px 14px 14px 0;
								border-color: transparent #000 transparent;
							}
							.nombre.ch-a {top:29px;left:90px;}
							.nombre.ch-b {top:59px;left:114px;}
							.nombre.ch-c {top:89px;left:138px;}
							.nombre.ch-d {top:119px;left:162px;}
							.nombre.ch-e {top:149px;left:186px;}
							.nombre.ch-f {top:179px;left:210px;}

		.ztxtfbien .d {
			float:left;
			width: 32.88%;
		}
			.lesbt {
				padding:5%;
			}
		
		
		.ztxtfbien h2 {
			font-size: 20pt;
		}
				
		.blocbienfiche	h2 {
			font-size: 20pt;
			margin: 0 0 20px 0;
			color:#fff;
		}
					
	/*les agences */
	.nagence .a1, .nagence .a2 {
		display: inline-block;
		width: 46%;
		padding: 1%;
		margin: 1%;
		background-color: #222;
		text-align: center;
	}
	.nagence .a1:hover, .nagence .a2:hover {
		background-color: #111;
	}
	
	.nagence h3 {
		color:#fff;
		padding: 5px;
		margin: 0 0 10px 0;
		text-transform: uppercase;
	}
	
	.nagence div {
		text-align: center;
	} 
	.nagence div.ad {
		font-size: 14pt;
		margin: 10px 0 0 0;
	} 



					
	.zoneblanc {
		margin:20px 0;
		background: #fff;
		padding:2%;
	}
		.icocdc {
			float:left;
			width: 28px;
			height: 27px;
			background: url(img/st/group.png) no-repeat -39px -39px;
			margin: 2px 6px 0 0;
		}
		
		.zonecdc {
			list-style:  none;
		}
			.zonecdc li {
				float: left;
				width:  25%;
				
			}
				.zonecdc li .bloc {
					margin: 3%;
					position: relative;
				}
					.zonecdc li .bloc .bien
					{
						overflow: hidden;
						height: 200px;
						width: 100%;
						
					}
						.zonecdc li div.bloc1 {
							position: absolute;
							cursor:  pointer; 
							height: 200px;
							width: 100%;
							top: 0;
						}
						
				.zonecdc h3 {
					color: #a0072d;
					margin: 6px 0;
				}
					.zonecdc h3 a { text-decoration: none;}
						
	.zonevide {
		color: #C9C9C9;
		 margin: 2%;
	}
		.zonevide p {
			margin: 10px 0;
			text-align:justify; 
		}
		
		.zonevide a {
			color:#c50536;  
		}
		
		.zonevide h2:not(.ztb)  {
			position: relative;
			display: inline-block; 
			font-size: 16pt;
			color: #fff;
			padding:6px 20px 6px 20px; 
			margin: 10px 0;
		}
			.zonevide h2 a {
				color: #fff;
				text-decoration: none;
			}
		.zonevide ul { 
			/*margin: 0 0 10px 3%;*/
			text-align:justify; 
		}
		
	.zonealerte {
		padding: 1%;
		color: #fff;
	}
	.zonealerte a {color: #000;}
	
		.zonealerte .icoalerte {
			float:left;
			width: 90px;
			height: 90px;
			background: url(img/st/group.png) no-repeat -209px -2px;
			margin: 0 20px 0 0;	
		}
		.zonealerte .txt {
			float:left;
			width: 60%;
		}
			.zonealerte .txt input {
				margin: 6px 0;
				border: none;
				padding: 4px 10px;
				width: 30%;
			}
			
			.zonealerte .btalerte {
				display: inline-block;
				background-color: #fff;
				padding:4px;
				color: #000; 
				font-size: 10pt;
				font-weight: bold;
				margin: 1px 0 0 5px;
				cursor: pointer;
			}
			.zonealerte .btalerte:hover {
				color: #a0072d;
			}
		.zonealerte .bt {
			float:right;
			background-color: #C5C5C5;
			width: 200px;
			padding:10px;
			margin: 14px 0 0 0;
			-moz-transition: all .5s;
			-webkit-transition: all .5s;
			transition: all .5s;
		}
			.zonealerte .bt:hover {background-color: #fff;}
			.zonealerte .icocontact {
				float:left;
				width: 39px;
				height: 39px;
				background: url(img/st/group.png) no-repeat -168px -46px;
				margin: 0 20px 0 0;	
			}
			.zonealerte .txtcon1 {
				font-size:14pt;
				line-height: 18px;
			}
				.zonealerte .txtcon1 span {
					font-size:12pt;
					color: #a0072d;
				}
				
				
	.zonebas {
		color: #C9C9C9;
		margin: 20px 0;
	}
		.zonebas .adress {float:left;}
		.zonebas .adress p { font-size: 14pt;}
		.zonebas .blocad {margin: 20px 0;}
		
		.zonebas .blocad .icologo {
			float:left;
			width: 88px;
			height: 88px;
			background: url(img/st/group.png) no-repeat 0 -72px;
			margin: 0 40px 0 0;
		}
		
		.zonebas .blocad .adress1,
		.zonebas .blocad .adress2 {
			float:left;
			margin: 0 40px 0 0;
		}
		.zonebas .blocad a {
			color:#C9C9C9;
			text-decoration: none;
		}
		.zonebas .blocad a:hover{
			color:#fff;
			text-decoration: underline;
		}
		.zonebas .suivr {float:right;}
		.reso2  {margin: 10px 0 0 0;}
		.reso2 div {
			width: 40px;
			height: 40px;
			background-size: 300px;
		}
		.reso2 .facebook {background-position: 0 0;}
		.reso2 .twitter {background-position: -40px 0;}
		.reso2 .googleplus {background-position: -80px 0;}
		
		.zonebas .mention {margin: 20px 0; font-size:10pt;}
		.zonebas .mention a {
			color:#C9C9C9;
		}
		.zonebas .mention a:hover{
			color:#fff;
		}

/* FORMULAIRE */
	fieldset.form {
		width: 88%;
		margin: 10px 5%;
		padding:1%;
		border: none;
	}
		fieldset.form p { margin : 0}
		fieldset.form label:not(.nolabel)
		{
			width: 35%;
			float:left;
			margin: 4px 1% 6px 0;
			text-align:right;
			color: #eee;
		}
		
		fieldset.form input[type="text"]:-moz-placeholder,
		fieldset.form input[type="text"]:-moz-placeholder,
		fieldset.form input[type="text"]:-ms-input-placeholder,
		fieldset.form input[type="text"]:-webkit-input-placeholder {
			color: #ddd; 
		}
		fieldset.form input[type="text"],
		fieldset.form textarea,
		fieldset.form select {
			display: block;
			width: 60%;
			padding: 6px 1%;
			margin: 6px 0;
			color: #555555;
			vertical-align: middle;
			background-color: #ffffff;
			border: 1px solid #cccccc;
			border-radius: 4px;
			-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		}
			fieldset.form input[type="text"]:focus,
			fieldset.form textarea:focus {
				border-color: #b3b2b2;
				outline: 0;
				-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(88,88,88, 0.6);
				box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(88,88,88, 0.6);
			}
			.form-control[disabled],
			.form-control[readonly],
			fieldset[disabled] .form-control {
				cursor: not-allowed;
				background-color: #FBF8F7;
			}
			fieldset.form textarea {height: auto;}
			select.form-control {height: 26px; padding: 3px 2%; width: 96%;}
		

		fieldset.form input[type="file"],
		fieldset.form p,
		fieldset.form h4 {
			width: 64%;
			float:right;
			margin: 4px 0;
		}
		
		fieldset.form h4 {
			font-size: 16pt;
			color: #c50536;
			border-bottom: 1px dotted #c50536;
			margin:10px 0;
		}
		fieldset.form p.desc {
			width: 100%;
			float: inherit;
			margin: 10px 0;
		}
		fieldset.form .etoile {
			color: #a0072d;
		}
		
/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
   /* margin: 0;
    padding: 0;*/
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-loading .slick-list
{
    background: #fff url('scr/slick/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

 }

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

			
/*RESPONSIVE*/
@media screen and (max-width: 1250px) 
{
	.zonel {margin: 0 2%;}
	
}	
/*TAB 900 1024 Paysage */
@media screen and (max-width: 1100px) 
{
	.lesbiens li { width:100%; }
	.lesbiens li:nth-child(odd) {margin: 10px 0 10px 0;}
	
	.slide-photo .slick-next { right:41%;}
	.liste .photo {
		height: 650px;
		
	}
		.bloc-photo {
			width: 40%;
			height: 650px;
		}
		
		.ztxtfbien .g {
	
			width: 60%;
		}
	
		.ztxtfbien .d {
		
			width: 39.88%;
		}
		
}

@media screen and (max-width: 950px) 
{
	.menumob { display: block;}
	ul.menu {
		display: none;
		position: absolute;
		height: inherit;
		z-index: 12;
		top:136px;
		width: 60%;
		background-color: #6b1629;
		padding:5px 0 10px 0;
	}
		ul.menu li
		 {
			display: inline-block;
			line-height: inherit;
			width: 100%;
			float:left;
			background-color: #6b1629;
		}
			ul.menu li a
			 {
				float:left;
				border-radius: none;
				padding: 5px 2%;
				margin: 2px 2%;
				color:#6b1629;
				background-color: #fff;
				width: 92%;
			}
			ul.menu li a.on,
			ul.menu li a:hover { 
				background-color: #c50536;
				color:#fff;
			}
	#slide-pano { zoom: 0.6;  z-index: -1; }
	.moteur {
		height: 590px;
	}
	.z-moteur {
		width: 90%;
		left:5%;
		right: 5%;
	}
 	 .z-moteurpage, .zm-result {
		width: 90%;
	}
	.smot#surface { width: 40%; }
	.zonecdc li {
		width:  33.333332%;
		height: 300px;
	}
	
	.zonealerte .txt {width: 40%;}
	.zonealerte .txt input {width: 40%;}
	
	.zonebas .suivr {float: left; width: 100%; margin-top:10px;}
	
	.slide-photo .slick-next { right:51%;}
	.liste .photo {height: 600px;}
		.bloc-photo {
			width: 50%;
			height: 600px;
		}
		
			.ztxtfbien .g, .ztxtfbien .d {
	
			width: 100%;
			float:inherit;
		}
	.ztxtfbien .g .z {
				border-right: none;
				padding: 0;
			}
	
	
}

/*TAB 720 768 Porttrait et smartphone PAysage */
@media screen and (max-width: 800px) 
{
	.blocexclu {margin: 0;}
	#slide-pano { zoom: 1;  z-index: -1 }
	.z-moteur {
		position: absolute;
		top: 40px;
		width: 70%;
		left:15%;
		right: 15%;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
		filter:none;
	}
	
	.z-moteurpage, .zm-result {
		width: 70%;
		background-color: inherit;
	}
	
	.slogan2 { display: none;}
		.mot .limot, .motp .limot {
			display: block; 
			width: 96%;
			margin-right: 0;
			margin-bottom: 0;
			margin: 3px 0;
			padding: 0 2%;
			background-color: #efefef;
			z-index: 12;
		}
			.mot #transaction,
			.mot #localisation,
			.mot #type,
			.mot #prix,
			.mot #surface,
			.motp #localisation,
			.motp #type,
			.motp #prix,
			.motp #surface,
			.motp #reference { width: inherit; border-left: none;}
			.mot .rechercher {  width: inherit; text-align: center; font-size: 11pt; color:#fff; font-weight: bold; text-transform: uppercase;} 

		.smot {
			display: none;
			position: relative;
			border-top:none;
			padding:2%; 
			margin: 0;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			-o-box-shadow: none;
			box-shadow: none;
			filter:none;
		}
			.smot#transaction,
			.smot#localisation,
			.smot#reference,
			.smot#type,
			.motp .smot#type,
			.smot#prix,
			.motp .smot#prix,
			.smot#surface { width: 96%;  margin:0;}

			.smot .check, .smot .radio {  
				display: inline-block;
				margin: 0 10px 0 0;				
			}
			
			.zonecdc li {
				width:  50%;
			}
			
		.slide-photo .slick-next { right:1%;}
		.bloc-photo {
			position: relative;
			background-color: rgba(68, 68, 68, 1);
			width: inherit;
			height: inherit;
		}
	

}
@media screen and (max-width: 640px) 
{
	.slogan { display: none;}
	.reso div { margin: 0 5px;}
	.zonealerte  { padding: 2%;}
	.zonealerte .txt {
		float:left;
		width: 70%;
	}
	.zonealerte .bt { display: none;}
	
	.top .res {float: inherit; }
	.top .tri {float: inherit;	clear: both;}
		.tri .tripar {padding:5px 10px 5px 0;}
		.tri .tribt {float: left; cursor:pointer;}
		.liste .photo {height: 450px;}
		.ztxtfbien .etiquette {
					
						width: 100%;
					}

}
/*TAB 320 480 Portrait Smartphone */
@media screen and (max-width: 520px) 
{
	.zmenu {margin: 0;}
	.menumob {margin: 6px 0 6px 170px; float: right;}
	ul.menu {
		width: 100%;
		padding:30px 0 10px 0;
	}
	.z-moteur{
		width: 90%;
		left:5%;
		right:5%;
	}
	.z-moteurpage, .zm-result {
		width: 90%;
	}
	.zonecdc li {
		float: left;
		width:  100%;	
	}
	
	.zonealerte .icoalerte, .lesbiens .z2 .bt { display: none;}
	.zonealerte .txt {width: 100%;}
	
	.zonebas .blocad .icologo {display: none;}
	
	.lesbiens .bloc
	{
		height:inherit; border-right: none;}
				.lesbiens .ph
				{
					
					float:inherit;	
					width: 100%;
					height: auto;

				}
					.lesbiens .ph img
					{
						width: 100%;
						height: 100%;
				
					}
					.liste .photo {height: 300px;}
					
				
				.lesbiens .zonetxt
				{
					margin: 0 0 0 0;
					height: inherit;
				}
					
					.lesbt .text {
						
					
				
						font-size: 18px;
					}
					
						.blocphb div.prix {
					font-size: 30px;

				}
				
			
	
					.blocphb .text,
					.lesbt .text {
						position: relative;
						margin: 0 0 0 50px;
						z-index: 21;
						font-size: 18px;
					}
		
}
/*TAB 320 Portrait Smartphone */
@media screen and (max-width: 320px) 
{
	.slidexclu .li .ph img {
		min-width: inherit;
		width: 100%;
		margin:0 ;
	}
	.zonecdc li .bloc .bien .photo {
		height: 200px;
		width: 100%;
	}
	
	.zonebas {padding: 0 2%;}			
	.zonevide {font-size: 14pt;} 
	.top .tri {font-size: 12pt;}
	

}

/* bouton */
fieldset.form .bouton
{
	display: inline-block;
	margin:10px 0;
    padding: 8px 20px;
    text-align: center;
    color: #ffffff;			 
	font-weight: bold;	
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
	text-decoration: none;	 
}

fieldset.form .bouton:hover
{
     color: #ffffff;
     background: #060;
     background: -webkit-linear-gradient( #060, #090);
     background:    -moz-linear-gradient( #060, #090);
     background:     -ms-linear-gradient( #060, #090);
     background:      -o-linear-gradient( #060, #090);
     background:         linear-gradient( #060, #090);
	 text-decoration: none;
}

/* fond gris bandeau haut  */	
.mot .rechercher:hover,
.slidexclu .li div.prix
{ 
	background: #464646;
    background: -webkit-linear-gradient( #464646, #727272);
    background:    -moz-linear-gradient( #464646, #727272);
    background:     -ms-linear-gradient( #464646, #727272);
    background:      -o-linear-gradient( #464646, #727272);
    background:         linear-gradient(#515151, #3d3436);
}  

/* fond rouge  */	
.z-moteur,
.mot .rechercher,
.slidexclu .li div.exclu,
.zonecdc li div.prix,
.zonealerte,
.lesbiens .z2 .bt,
.lesbiens .btp,
.blphoto .exclu,
.blphoto .nbphoto:hover, 
.smot .bt, 
fieldset.form .bouton,
.zonevide h2:not(.ztb),
.nagence h3
{ 
	background: #464646;
    background: -webkit-linear-gradient(#7c0a23, #a90630);
    background:    -moz-linear-gradient(#7c0a23, #a90630);
    background:     -ms-linear-gradient(#7c0a23, #a90630);
    background:      -o-linear-gradient(#7c0a23, #a90630);
    background:         linear-gradient(#7c0a23, #a90630);
}

/* fond gris clair */
.lesbiens .zonetxt
{
	background: #cacaca;
    background: -webkit-linear-gradient(#fff, #cacaca);
    background:    -moz-linear-gradient(#fff, #cacaca);
    background:     -ms-linear-gradient(#fff, #cacaca);
    background:      -o-linear-gradient(#fff, #cacaca);
    background:         linear-gradient(#fff, #cacaca);
}
/* fond gris clair inversé */
.lesbiens li:hover .zonetxt
{
	background: #fff;
    background: -webkit-linear-gradient(#cacaca, #fff);
    background:    -moz-linear-gradient(#cacaca, #fff);
    background:     -ms-linear-gradient(#cacaca, #fff);
    background:      -o-linear-gradient(#cacaca, #fff);
    background:         linear-gradient(#cacaca, #fff);
}

@media screen and (max-width: 800px) 
{
	.z-moteur
	{ 
		background: inherit;

	}
}