html,
	button,
	input,
	select,
	textarea {
		color: #222;
	}

	body {
		font-size: 14px;
		line-height: 1.4;
	}

	::-moz-selection {
		background: #b3d4fc;
		text-shadow: none;
	}

	::selection {
		background: #b3d4fc;
		text-shadow: none;
	}

	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc;
		margin: 1em 0;
		padding: 0;
	}

	img {
		vertical-align: middle;
	}

	fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}

	textarea {
		resize: vertical;
	}

/*
    // ========================================== \
   ||                                              ||
   ||                I. GENERAL                    ||
   ||                                              ||
    \ ========================================== //
*/
	body {
	}

	#global {
	}

	#main-container {
	}

	/* Hint.css Tooltip http://kushagragour.in/lab/hint/ */
	.hint,
	[data-hint] {
		position: relative;
		display: inline-block;
	}

	.hint:before,
	.hint:after,
	[data-hint]:before,
	[data-hint]:after {
		position: absolute;
		visibility: hidden;
		opacity: 0;
		z-index: 1000000;
		pointer-events: none;
		-webkit-transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		transition: 0.3s ease;
	}

	.hint:hover:before,
	.hint:hover:after,
	[data-hint]:hover:before,
	[data-hint]:hover:after {
		visibility: visible;
		opacity: 1;
	}

	.hint:before,
	[data-hint]:before {
		content: '';
		position: absolute;
		background: transparent;
		border: 6px solid transparent;
		z-index: 1000001;
	}

	.hint:after,
	[data-hint]:after {
		content: attr(title);
		background: #383838;
		color: white;
		text-shadow: 0 -1px 0px black;
		padding: 8px 10px;
		font-size: 0.857em;
		line-height: 12px;
		white-space: nowrap;
		box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
	}

	.hint:before {
		margin-bottom: -12px;
		border-top-color: #383838;
	}

	.hint:after {
		margin-left: -1.286em;
	}

	.hint:before,
	.hint:after {
		bottom: 100%;
		left: 50%;
	}

	.hint:hover:before,
	.hint:hover:after {
		-webkit-transform: translateY(-8px);
		-moz-transform: translateY(-8px);
		transform: translateY(-8px);
	}

	.btn-submit,
	.btn-submit-like {
		background-color: #0face2;
		height: 35px;
		padding: 0 15px;
		border: none;
		color: #fff;
		font: 1em/1em 'LatoRegular', sans-serif;
		letter-spacing: 0.05em;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
		filter: dropshadow(color=#e5e5e5, offx=1, offy=1);
		text-transform: uppercase;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.btn-submit:hover,
	.btn-submit-like:hover {
		background-color: #595959;
	}

	.mobile-show {
		display: none !important;
	}

	/* Facebook */
	.fb_edge_widget_with_comment {
		z-index: 1000;
	}

/* 1.1 Fontes
----------------------------------------------------------------------------------------------------*/

	/*-- Lato --*/
	@font-face {
		font-family: 'LatoLight';
		src: url('webfonts/Lato-Lig-webfont.woff') format('woff');
		src: url('webfonts/Lato-Lig-webfont.eot');
		src: url('webfonts/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Lato-Lig-webfont.ttf') format('truetype'), url('webfonts/Lato-Lig-webfont.svg#LatoLight') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'LatoRegular';
		src: url('webfonts/Lato-Reg-webfont.woff') format('woff');
		src: url('webfonts/Lato-Reg-webfont.eot');
		src: url('webfonts/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Lato-Reg-webfont.ttf') format('truetype'), url('webfonts/Lato-Reg-webfont.svg#LatoRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'LatoItalic';
		src: url('webfonts/Lato-RegIta-webfont.woff') format('woff');
		src: url('webfonts/Lato-RegIta-webfont.eot');
		src: url('webfonts/Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Lato-RegIta-webfont.ttf') format('truetype'), url('webfonts/Lato-RegIta-webfont.svg#LatoItalic') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'LatoBold';
		src: url('webfonts/Lato-Bol-webfont.woff') format('woff');
		src: url('webfonts/Lato-Bol-webfont.eot');
		src: url('webfonts/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Lato-Bol-webfont.ttf') format('truetype'), url('webfonts/Lato-Bol-webfont.svg#LatoBold') format('svg');
		font-weight: normal;
		font-style: normal;
	}

/* 1.2 Hierarchie de titres
----------------------------------------------------------------------------------------------------*/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: 100%;
		font: inherit;
		margin: inherit;
	}

	.heading1 {
		color: #272727;
		font: 2.357em/1.231 'LatoLight', sans-serif;
		text-transform: uppercase;
	}

	.heading2 {
		color: #eee;
		font: 1.286em/1.231 'LatoBold', sans-serif;
		text-transform: uppercase;
		letter-spacing: .15em;
	}

	.heading3 {
		color: #fff;
		font: 1.714em/1.231 'LatoLight', sans-serif;
		text-transform: uppercase;
		margin-bottom: 20px;
	}

	.heading4 {
		color: #eee;
		font: 0.929em/1 'LatoBold', sans-serif;
		text-transform: uppercase;
		letter-spacing: .15em;
	}

	.heading5 {
		color: #eee;
		font: 20px/1.231 'LatoLight', sans-serif;
		text-transform: uppercase;
		margin-bottom: 20px;
	}

	.heading6 {
		color: #eee;
		font: 20px/1.231 'LatoLight', sans-serif;
		text-transform: uppercase;
		margin: 1em 0;
	}

	.smaller {
		font-size: 95%;
	}

/* 1.3 Jquery UI
----------------------------------------------------------------------------------------------------*/

	/* Dialog */
	#DialogFriend,
	#DialogFriendAnnonce,
	#DialogFriendSelection,
	#DialogVideo,
	#DialogDetailContact,
	#DialogVCard {
		width: 500px;
	}

	#DialogCalc {
		width: 700px;
	}

	#DialogAlertOk,
	#DialogAlertErr,
	#DialogFriendOk,
	#DialogFriendErr {
		width: 400px;
	}

	/* Assombrissement */
	.ui-widget-overlay {
		background: #000 !important;
		opacity: 0.7 !important;
	}

	.ui-dialog {
		padding: 10px;
		border-radius: 0 !important;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	}

	.ui-widget-content {
		border: none !important;
		color: #fff;
	}

	.ui-dialog .form-critere {
		margin-bottom: 5px;
		font-size: 0.857em;
	}

	/* footer de la box */
	.ui-dialog-buttonpane {
		background-image: none !important;
		background-color: transparent !important;
	}

	/* Dialog vcard */
	.dialog-vcard {
		background: #fff;
		width: 90% !important;
		max-width: 500px;
	}

	.dialog-vcard .ui-dialog-titlebar {
		border: none;
		background: none;
		height: 20px;
		border-radius: 0;
		padding: 0;
	}

	.dialog-vcard .ui-dialog-title {
		display: none
	}

	.dialog-vcard .ui-dialog-titlebar-close {
		top: 14px;
		padding: 0;
		border: #ddd 1px solid;
	}

	.dialog-vcard .ui-dialog-buttonpane {
		display: none
	}

	.dialog-vcard-title {
		text-align: center;
		font: 1.4em/1 'LatoLight', sans-serif;
		color: #69747b;
		padding: 20px 0 40px;
	}

	.dialog-vcard-title div:first-child {
		color: #9fa3a5;
		font: 1.214em/1 'LatoBold', sans-serif;
		text-transform: uppercase;
	}

	.dialog-vcard label {
		font: 0.929em/1 'LatoRegular', sans-serif;
		text-transform: uppercase;
		color: #666;
	}

	.dialog-vcard .input-text {
		width: 100%;
		padding: 5px 10px;
	}

	.dialog-vcard-submit {
		margin-top: 30px;
		text-align: right;
	}

/*
    // ========================================== \
   ||                                              ||
   ||               II. LAYOUT                     ||
   ||                                              ||
    \ ========================================== //
*/
	.wrapper {
		width: 98%;
		max-width: 1150px;
		margin: 0px auto;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-khtml-box-sizing: border-box;
		box-sizing: border-box;
	}

	.nomargin {
		margin: 0;
	}

	.nopadding {
		padding: 0;
	}

	/*
	    // ========================================== \
	   ||                                              ||
	   ||               II. HEADER                     ||
	   ||                                              ||
	    \ ========================================== //
	*/

	/* 2.1 Header
	----------------------------------------------------------------------------------------------------*/

	#top {
	    background-color: #fff;
	}

	.header-container {
		min-height: 240px;
		padding-bottom: 10px;
	}

	.home .header-container {
		min-height: 190px;
	}

	.header-content {
		position: relative;
	}

	#header-logo {
		width: 26%;
		display: inline-block;
		z-index: 10;
		position: absolute;
	}

	#header-logo a {
		margin-top: 50px;
		display: inline-block;
		width: 241px;
		height: 161px;
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: center top;
		background-image: url(/images/logo.png);
		background-image: -webkit-image-set(url(/images/logo.png) 1x, url(/images/logo@2x.png) 2x);
		background-image: image-set("/images/logo.png" 1x, "/images/logo@2x.png" 2x);
		background-size: contain;
	}


	.header-title {
		display: inline-block;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		font-family: 'LatoBold', sans-serif;
		line-height: 1.231;
		color: #404040;
		padding-bottom: 15px;
	}

	.header-title-ribbon-wrapper {
		display: inline-block;
	}

	.header-title-ribbon {
		padding: 10px 30px;
		background-color: #d52c19;
		display: inline-block;
		color: white;
		font-size: 1.6em;
		font-family: 'LatoBold', sans-serif;
		letter-spacing: 0.04em;
	}

	.header-title-ribbon::after,
	.header-title-ribbon::before {
		content: "";
		width: 35px;
		display: inline-block;
		border-bottom: white solid 1px;
		position: relative;
		top: -8px;
		opacity: 0.5;
	}

	.header-title-ribbon::after {
		left: 15px;
	}

	.header-title-ribbon::before {
		right: 15px;
	}

	.header-title-ope {
		display: block;
		padding: 0 20px 0;
	}

	.header-title-geo {
		display: inline-block;
		width: 100%;
		margin: 0 auto;
		font: 1.643em 'LatoRegular', Arial, sans-serif;
		padding-top: 15px;
		color: #949494;
	}

	.header-title-type {
		display: inline-block;
		width: 50%;
		margin: 0 auto;
		font-size: 2.3em;
		color: #353535;
		text-transform: uppercase;
	}

	.header-title-type > span {
		position: relative;
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}

	.header-title-ville {
		display: block;
		font: 1.286em 'LatoRegular', Arial, sans-serif;
		text-transform: inherit !important;
		color: #949494;
		padding-top: 5px;
	}

	.header-title-line-wrapper {
		display: inline-block;
		width: 50%;
	}

	.header-title-line {
		background-color: #d52c19;
		display: inline-block;
		width: 110px;
		height: 5px;
	}

	.exit {
		position: absolute;
		top: 100px;
		right: 0;
		font: 10px/1.231 'LatoRegular', Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	.exit a {
		display: block;
		cursor: pointer;
		color: #bfbfbf;
	}

	.exit a:link,
	.exit a:visited {
		color: #b5b5b5;
	}

	.exit a:hover,
	.exit a:active {
		color: #777777;
		text-decoration: none;
	}

	.negoprint {
		position: absolute;
		top: 20px;
		right: 0;
		width: 300px;
		background: #f39;
		display: none;
		visibility: hidden;
	}

	.negoprint-photo {
		float: left;
		width: 85px;
	}

	.negoprint-content {
		margin-left: 100px;
		font: 0.857em/1.231 'LatoBold', sans-serif;
	}

	.negoprint-name {
		text-transform: uppercase;
		font-size: 1.000em;
		margin-bottom: 5px;
	}

	.negoprint-adr {
		margin-bottom: 5px;
	}

	.negoprint-tel {
	}

	/*
	    // ========================================== \
	   ||                                              ||
	   ||               III. SIDEBAR                   ||
	   ||                                              ||
	    \ ========================================== //
	*/
	aside#sidebar {
		float: left;
		width: 30%;
		margin-left: 3%;
	}

	.mentions {
		font-size: 0.786em;
		color: #c6c8c9;
		margin-top: 10px;
	}

	.nego-content {
		padding: 35px;
		background: #f6f8f8;
	}

	.nego-photo {
		border: 5px #fff solid;
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
		text-align: center;
	}

	.nego-photo img {
		width: 100%;
		max-width: 200px;
	}

	.nego-photo h3 {
		font: 1.000em/1.231 'LatoBold', sans-serif;
		text-align: center;
		background: #fff;
		padding: 12px 0 6px;
		color: #a0a4a6;
		text-transform: uppercase;
	}

	.nego-photo h3 span {
		display: block;
		font-size: 1.143em;
		color: #42494d;
	}

	.nego-coords {
		font: 0.929em/1.231 'LatoBold', sans-serif;
		color: #69747b;
		text-align: center;
		margin-top: 20px;
	}

	.nego-coords ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.nego-coords ul li {
		margin-bottom: 5px;
	}

	.nego-coords ul li.nego-tel {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		padding: 17px 0;
		margin-top: 10px;
		position: relative;
	}

	.nego-coords hr {
		height: 1px;
		width: 80%;
		background: #e5e8e8;
		margin: 20px auto;
	}

	.nego-coords .heading5 {
		color: #69747b;
    	font-family: 'LatoRegular', Arial, sans-serif;
	}

	.nego-actions {
		font: 0.929em/1.231 'LatoBold', sans-serif;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
		padding: 0 0px;
	}

	.nego-actions ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.nego-actions ul li {
		margin-bottom: 15px;
		margin-bottom: 20px;
	}

	.nego-actions ul li a,
	.nego-actions ul li span {
		padding: 15px 14px 12px;
		display: block;
	}

	.nego-actions ul li a:link,
	.nego-actions ul li a:visited {
		color: #404040;
		background: #e7e7e7;
	}

	.nego-actions ul li a:hover,
	.nego-actions ul li a:active {
		color: #ffffff;
		background: #d52c19;
		text-decoration: none;
	}

	.nego-actions ul li.out-vcard span {
		background-repeat: no-repeat;
		background-position: 15px 15px;
		color: #404040;
		background-color: #e7e7e7;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.nego-actions ul li.out-vcard span:hover {
		background-position: 15px -22px;
		color: #fff;
		background-color: #d52c19;
		text-decoration: none;
	}

/*
    // ========================================== \
   ||                                              ||
   ||               IV. CONTENT                    ||
   ||                                              ||
    \ ========================================== //
*/

/* 4.0 Conteneur central / Éléments communs
----------------------------------------------------------------------------------------------------*/

	.page {
		padding: 0px 30px;
		margin-top: -10px;
	}

	.detail .page {
		padding: 0px 15px;
	}

	.page-content {
		float: left;
		width: 67%;
	}

	.contact-intro {
		padding-bottom: 45px;
		margin-bottom: 65px;
		position: relative;
	}

	.contact-intro::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #eeefef;
	}

	.contact-intro blockquote {
		background: transparent url(/images/msb-blockquote.png) no-repeat 0 0;
		font: 1.643em/1.231 'LatoLight', cursive;
		color: #69747b;
		margin: 0;
		padding: 30px 0 20px 3%;
	}

	.contact-intro p {
		padding-left: 3%;
		font: 1.071em/1.231 'LatoBold', sans-serif;
		color: #72787c;
		margin-top: 0;
	}

	.main-menu {
		position: relative;
		width: 100%;
		margin: 0;
	}

	.home .main-menu {
		z-index: 3;
	}

	.main-menu ul {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: top;
		z-index: 3;
		background: #fff;
		padding: 0;
		list-style: none;  /* Inline-Block disable margin */
		height: 90px;
		position: relative;
		margin: -45px auto 0 auto;
		width: 78%;
		display: table;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.home .main-menu ul {
		margin: 0;
	}

	.main-menu ul li {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: top;
		text-transform: uppercase;
		padding: 0 4% 10px;
		display: table-cell;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.main-menu ul li a {
		display: block;
		font-family: 'LatoBold', sans-serif;
		padding-top: 30px;
	}

	.home .main-menu ul li.btn-home a {
		height: 40px;
	}

	.main-menu ul li a span {
		display: block;
		color: #d52c19;
		font-size: 1.000em;
	}

	.main-menu ul li a:link,
	.main-menu ul li a:visited {
		color: #43484c;
	}

	/*.main-menu ul li a:hover {
		padding-top: 25px;
	}*/

	.main-menu ul li a:hover,
	.main-menu ul li a:active {
		text-decoration: none;
		color: #6e6e6e;
	}

	.main-menu ul li a {
		border-bottom: 5px solid transparent;
	}

	.main-menu ul li a:hover,
	.main-menu ul li.current a {
		border-bottom: 5px solid #d52c19;
	}

	.page-title {
		border-left: 5px solid #e5e5e5;
		padding-left: 30px;
		margin-bottom: 40px;
		position: relative;
		padding-top: 10px;
	}

	.page-title h2 {
		font: 1.786em/1.231 'LatoBold', sans-serif;
		color: #43484c;
		text-transform: uppercase;
	}

	.page-title h2:first-child {
		font-size: 1.571em;
		color: #9fa3a5;
	}

	.remerciement-content {
		padding-left: 30px;
		color: #72787c;
	}

	.remerciement-content ul {
		list-style: none;
	}

	.remerciement-content ul li {
		padding-left: 20px;
		list-style-type: circle;
	}

	.fr .liste-bien-ribbon {
	    background: transparent no-repeat;
	    width: 120px;
	    height: 84px;
	    background-image: url(/img_fr/bg-ribbons-all.png);
	    background-image: -webkit-image-set(url(/img_fr/bg-ribbons-all.png) 1x, url(/img_fr/bg-ribbons-all@2x.png) 2x);
	    background-image: image-set("/img_fr/bg-ribbons-all.png" 1x, "/img_fr/bg-ribbons-all@2x.png" 2x);
	    position: absolute;
	    top: 0px;
	}

	.liste-bien-ribbon.ribbon-left {
	    left: -2px;
	}

	.liste-bien-ribbon.ribbon-right {
		right: -2px;
	}

	.detail-photo-container .large-flap-frame {
		position: relative;
	}

	.ribbon-nouveau {background-position: 0 -86px !important;}
	.ribbon-exclu {background-position: 0 -180px !important;}
	.ribbon-vendu {background-position: 0 -270px !important;}
	.ribbon-baisse {background-position: 0 -359px !important;}
	.ribbon-compromis {background-position: 0 -450px !important;}
	.ribbon-sousoffre {background-position: 0 -642px !important;}
	.ribbon-loue {background-position: 0 -546px !important;}

/* 4.1 Home
----------------------------------------------------------------------------------------------------*/

	.extra-desc {
		text-align: right;
		position: relative;
	}
	.extra-desc .extra-desc-content h2 {
		display: inline-block;
	}

	.extra-desc .extra-desc-content .extra-desc-content-btns-wrapper2 {
		background: #FFF;
		display: inline-block;

	}

	.extra-desc .extra-desc-content .extra-desc-content-btns-wrapper1 {
		display: inline-block;
		width: 100%;
		float: left;
		position: absolute;
		top: 0;
		left: 0;
	}

	.extra-desc-content-line {
		display: inline-block;
		width: 100%;
		float: left;
		border-top: #d6d6d6 solid 1px;
		margin-top: 13px;
	}

	.extra-desc .extra-desc-content-right {
		display: inline-block;
		width: 50%;
		text-align: right;
		float: right;
		height: 0;
	}

	.home .extra-desc .extra-desc-content .extra-desc-content-btns {
		text-align: right;
	}

	.extra-desc {
		min-height: 60px;
   		margin-top: 20px;
	}

	.extra-desc .extra-desc-content span.home-type,
	.extra-desc .extra-desc-content span.home-surf,
	.extra-desc .extra-desc-content span.home-rooms,
	.extra-desc .extra-desc-content span.home-ref,
	.extra-desc .extra-desc-content span.home-print {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		color: #43484c;
		font: 1.071em/1 'LatoRegular', sans-serif;
		margin-left: 20px;
		vertical-align: middle;
	}

	.extra-desc .extra-desc-content span.home-type {
		margin-left: 10px;
		padding-left: 15px;
	}

	.extra-desc .extra-desc-content span.home-type::before,
	.extra-desc .extra-desc-content span.home-surf::before,
	.extra-desc .extra-desc-content span.home-rooms::before {
		content: "";
		background-color: transparent;
		display: inline-block;
		width: 4px;
		height: 4px;
		border-radius: 10px;
		margin-right: 8px;
		border: #d52c19 solid 4px;
	}

	.extra-desc .extra-desc-content span.home-surf {
		margin-left: 10px;
		padding-left: 15px;
	}

	.extra-desc .extra-desc-content span.home-ref {
		background: #ededed;
		color: #888b8e;
		padding: 8px 11px;
		font-size: 0.786em;
		text-transform: uppercase;
	}

	.extra-desc .extra-desc-content span.home-rooms {
		margin-left: 10px;
		padding-left: 15px;
	}

	.extra-desc .extra-desc-content span.home-print {
		background: #ededed;
		color: #888b8e;
		padding: 8px 11px;
		font-size: 0.786em;
		text-transform: uppercase;
		cursor: pointer;
		display: none;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.extra-desc .extra-desc-content span.home-print:hover {
		background: #42494d;
		color: #e1e4e5;
	}

	.detail .extra-desc .extra-desc-content span.home-print {
		display: inline-block;
	}

	.txt-inactif {
	}

	.txt-inactif .TxtVendu {
		text-align: center;
		display: block;
		margin: 0px 15px 40px 15px;
		font: 1.214em 'LatoBold', Arial, sans-serif;
		background-color: #d52c19;
		padding: 20px;
		color: #FFF;
	}

	.txt-inactif .TxtVendu a {
		color: #FFF !important;
		text-decoration: underline;
	}

	.home-txt {
		padding: 30px 4%;
		min-height: 100px;
	}

	.home-txt h3 {
		font: 1.000em/1.531 Arial, Helvetica, Geneva, sans-serif;
		color: #575757;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-moz-column-gap: 70px; /* Firefox */
		-webkit-column-gap: 70px; /* Safari and Chrome */
		column-gap: 70px;
	}

	.home-txt:first-letter {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 50px;
		line-height: 40px;
		margin-right: 10px;
		float: left;
		color: #d52c19;
	}

/* 4.3 Mode Liste (Texte)
----------------------------------------------------------------------------------------------------*/

	.ui-effects-transfer {
		border: #979DA3 2px dotted;
		z-index: 1000;
	}

	.mention-inter-agence,
	#MentionInterAgence {
		margin: 10px 0;
		font-style: italic;
		font-size: 0.786em;
		color: #8C9298;
	}

/* 4.4 Contact
----------------------------------------------------------------------------------------------------*/

	.main-content-demicol {
		float: left;
		width: 50%;
	}

	.mention-nego {
		font-size: 0.857em;
		color: #a0a4a6;
		padding-right: 20px;
		margin-top: 10px;
	}

/* 4.5 Mode Detail
----------------------------------------------------------------------------------------------------*/

	.detail-actions {
		width: 100%;
		position: absolute;
		bottom: 29px;
		height: 65px;
		overflow: hidden;
		left: 50%;
		margin-left: -490px;
	}

	.detail-actions-content {
		padding-top: 25px;
		font: 0.786em/1 'LatoBold', sans-serif;
		color: #4f565c;
		text-transform: uppercase;
	}

	.sharebox {
		width: 180px;
		position: relative;
		z-index: 1;
	}

	.detail .sharebox {
		display: inline-block;
	}

	.sharebox {
		display: none !important;
	}

	.detail-display {
	}

	.detail-display-content {
	}

	.detail-photo-frame {
		background: #eee;
		padding: 12px;
	}

	.detail-photo-img img {
		display: block;
		width: 574px;
		height: 370px;
	}

	.detail-photo-nav {
		z-index: 100;
		position: relative;
	}

	.photo-prev,
	.photo-next {
		width: 37px;
		height: 37px;
		position: absolute;
		bottom: 160px;
	}

	.photo-prev {
		left: -16px;
		background: transparent url(/images/msb-slider-controls.png) no-repeat 0 0;
	}

	.photo-prev:hover {
		background: transparent url(/images/msb-slider-controls.png) no-repeat 0 -39px;
	}

	.photo-next {
		right: -16px;
		background: transparent url(/images/msb-slider-controls.png) no-repeat -39px 0;
	}

	.photo-next:hover {
		background: transparent url(/images/msb-slider-controls.png) no-repeat -39px -39px;
	}

	.detail-photo-pagination {
		margin-top: 20px;
	}

	.detail-photo-pagination ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.detail-photo-pagination ul li {
		float: left;
		margin-right: 12px;
	}

	.detail-photo-pagination ul li img {
		width: 100px;
		height: 72px;
		padding: 3px;
		background: #e0e0e0;
	}

	.detail-bien-infos {
		margin-top: 60px;
	}

	.detail-bien-desc {
		font: 1.071em/1.46 Georgia, "Times New Roman", Times, serif;
	}

	.detail-bien-desc-content {
		float: left;
		width: 35%;
		font: 1.000em/1.531 Arial, Helvetica, Geneva, sans-serif;
		color: #575757;
		padding-left: 2%;
	}

	.detail-bien-desc-content h3:first-letter {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 50px;
		line-height: 40px;
		margin-right: 10px;
		float: left;
		color: #d52c19;
	}

	.detail-bien-desc-content > p {
		margin-top: 0;
	}

	.detail-bien-desc-content > p:first-child:first-letter {
		font-size: 3.3em;
		line-height: 80%;
		float: left;
		padding-right: .1em;
	}

	.detail-annotation {
		font-style: italic;
		font-size: 0.786em;
		color: #bbb;
	}

	.detail-bien-specs h4 {
		border-top: #eef1f1 1px solid;
		padding: 15px 0;
		font: 0.929em/1.231 'LatoBold', sans-serif;
		color: #555a5e;
		text-transform: uppercase;
		width: 290px;
		margin: 0 15px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: top;
		position: relative;
	}

	/* CSS3 Multi Columns IE10 / FF / Chrome (prefix) */
	.csscolumns .detail-bien-specs {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		-ms-column-count: 3;
		column-count: 3;
		-moz-column-gap: 2%; /* Firefox */
		-webkit-column-gap: 2%; /* Safari and Chrome */
		-ms-column-gap: 2%;
		column-gap: 2%;
	}

	.csscolumns .detail-bien-specs h4 {
		margin: 0;
	}

	.detail-bien-specs h4:hover {
		background: #f6f8f8;
	}

	.detail-bien-specs h4 span.label {
		width: 90px;
		position: absolute;
		top: 15px;
		left: 0;
		font: 0.786em/16px 'LatoRegular', sans-serif;
		color: #9a9fa2;
		white-space: nowrap;
	}

	.detail-bien-specs h4 span.ellipsis {
		padding-left: 115px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: block;
	}

	.detail-bien-specs h4 em {
		font-style: italic;
		text-transform: none;
		color: #94979b;
	}

	.detail-bien-desc-suppl {
		margin-top: 60px;
	}

	.pinned-photo {
		width: 290px;
		height: 245px;
		position: absolute;
		top: 2px;
		right: 2px;
		z-index: 10;
	}

	.csstransforms .pinned-photo {
		right: -19px;
	}

	.csstransforms .contact .pinned-photo {
		right: -10px;
	}

	.contact .pinned-photo {
		right: -10px !important;
	}

	.proximite .pinned-photo {
		top: 15px !important;
	}

	.proximite .gg-map-container {
	    z-index: 1;
	}

	.csstransforms .remerciement .pinned-photo {
		right: -10px;
	}

	.remerciement .pinned-photo {
		right: -10px;
	}

	.pinned-photo-content {
		width: 253px;
		height: 187px;
		position: absolute;
		top: 19px;
		right: 9px;
		background: #fff;
		z-index: 1;
		border: white solid 9px;
	    -moz-box-shadow: 0 2px 11px #bfbfbf;
	    -webkit-box-shadow: 0 2px 11px #bfbfbf;
	    box-shadow: 0 2px 11px #bfbfbf;
	}

	/* DPE & Contact Agence*/
	.detail-bien-dpe,
	.detail-bien-prestas,
	.detail-bien-prix {
		float: left;
	}

	.detail-bien-dpe {
		width: 43%
	}

	.detail-bien-prestas {
		width: 20%;
		border-left: 5px solid #e5e5e5;
		padding-left: 2%;
		padding-bottom: 20px;
	}

	.detail-bien-prestas ul,
	.detail-bien-prix ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.detail-bien-prestas ul li {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		color: #94979b;
		font: italic 14px/1.5 'LatoRegular', sans-serif;
	}

	.detail-bien-prix {
		width: 30%;
		margin-left: 2%;
	}

	.detail-bien-prix ul {
		background: #f6f8f8;
		padding: 20px;
	}

	.detail-bien-prix li {
		font: 0.929em/1.231 'LatoBold', sans-serif;
		color: #555a5e;
		text-transform: uppercase;
	}

	.detail-bien-prix li:first-child {
		margin-bottom: 15px;
	}

	.detail-bien-prix li span {
		width: 120px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		font-size: 0.857em;
		color: #9a9fa2;
	}

	.detail-bien-dpe-title,
	.detail-bien-prestas-title {
		margin-bottom: 1.286em;
	}

	.detail-bien-dpe-title {
		border-left: 5px solid #e5e5e5;
		padding-left: 20px;
	}

	.detail-bien-dpe-title > div,
	.detail-bien-prestas-title > div {
		font: 1.214em/1 'LatoRegular', sans-serif;
		color: #d52c19;
		text-transform: uppercase;
	}

	.detail-bien-dpe-title > div:first-child,
	.detail-bien-prestas-title > div:first-child {
		font: 1.071em/16px 'LatoBold', sans-serif;
		color: #43484c;
		text-transform: uppercase;
	}

	/* DPE */
	.TitreDpe {
		font-size: 0.929em;
		font-weight: bold;
		padding-top: 25px;
		padding-bottom: 15px;
	}

	.NrjGrad,
	.GesGrad {
		float: left;
		width: 200px;
		height: 200px;
		margin-right: 20px;
		border: 1px solid #CCC;
		margin-top: 10px;
	}

	.GesGrad {
		margin-right: 0;
	}

	.DpeImage {
		z-index: 100;
		width: 200px;
		height: 200px;
		position: absolute;
	}

	.DpeCursor {
		width: 191px;
		height: 50px;
		z-index: 200;
		text-align: right;
		position: absolute;
	}

	.DpeNote {
		color: #fff;
		width: 186px;
		height: 39px;
		z-index: 200;
		font-size: 0.857em;
		font-weight: bold;
		text-align: right;
		position: absolute;
		padding: 20px 10px 0px 0px;
		font-family: Arial, Helvetica, sans-serif;
	}

	/* Inactif */
	.detail-photo-container-inactif {
		background-color: #eee;
		height: 70px;
		padding: 30px 20px 0 140px;
		color: #666;
	}

	.detail-inactif-title {
		font-size: 0.929em;
		text-transform: uppercase;
		margin-bottom: 5px;
		color: #666;
		font-weight: bold;
	}

	/* Neuf */
	.detail-bien-lots {
		float: left;
		padding: 35px 35px 0 0;
		width: 430px;
	}

	.detail-bien-lots table {
		font-size: .8em;
	}

	.detail-bien-lots table th {
		font-family: 'LatoLight', sans-serif;
		text-transform: uppercase;
	}

	/* POI */
	.agents .gg-map {
		margin-top: 30px;
	}

	#GGMapPoi {
		background: #eef1f1 url(/images/msb-loading-light.gif) no-repeat 50% 50%;
	}

	ul.gg-map-marker {
		display: none;
	}

	.gg-map-poi-loading {
		background: #fff url(../images/msb-loading-light.gif) no-repeat center center;
		width: 100%;
		height: 340px;
		position: absolute;
		z-index: 5;
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
	}

	#GGMapPoiMSBien {
		height: 500px;
	}

	.detail-bien-poi {
		margin-top: 30px;
		position: relative;
	}

	.gg-map-poi-container {
		padding: 0;
	}

	.poi-col {
		float: left;
		margin-left: 1%;
		width: 32%;
		min-height: 160px;
	}

	.poi-col:first-child {
		margin-left: 0;
	}

	.poi-col label {
		color: #6E767E;
		text-transform: uppercase;
		margin-bottom: 2px;
		cursor: pointer;
		padding-bottom: 4px;
		font: 10px/1.231 'Helvetica Neue', Helvetica, Arial, sans-serif;
		white-space: nowrap;
	}

	.poi-col ul {
		padding: 10px 0 0 0;
		margin: 0px 0px !important;
	}

	.poi-col ul li {
		margin-bottom: 2px;
	}

	.poi-col .poi-col-title {
		color: #333;
		text-transform: uppercase;
		padding-bottom: 5px;
		font: 1.071em/1 'LatoBold', sans-serif;
		border-bottom: 2px solid #dddddd;
	}

	.poi-col.poi-col1 {
	}

	.poi-col.poi-col2 {
	}

	.poi-col.poi-col3 {
	}

	.poi-col.poi-col4 {
	}

	.poi-col.poi-col5 {
	}

	/* pictos poi en légende */
	.poi-item {
		padding-left: 20px !important;
		background-repeat: no-repeat;
		background-position: 0px 5px;
	}

	.poi-hopital {
		background-image: url(/images/poi-icons/hopital.png);
	}

	.poi-medecin {
		background-image: url(/images/poi-icons/medecin.png);
	}

	.poi-dentiste {
		background-image: url(/images/poi-icons/dentiste.png);
	}

	.poi-pharmacie {
		background-image: url(/images/poi-icons/pharmacie.png);
	}

	.poi-hypermarche {
		background-image: url(/images/poi-icons/cart.png);
	}

	.poi-boucherie {
		background-image: url(/images/poi-icons/boucherie.png);
	}

	.poi-boulangerie {
		background-image: url(/images/poi-icons/boulangerie.png);
	}

	.poi-creche {
		background-image: url(/images/poi-icons/creche.png);
	}

	.poi-ecole {
		background-image: url(/images/poi-icons/ecole.png);
	}

	.poi-lycee {
		background-image: url(/images/poi-icons/lycee.png);
	}

	.poi-univ {
		background-image: url(/images/poi-icons/universite.png);
	}

	.poi-cafe {
		background-image: url(/images/poi-icons/cafe.png);
	}

	.poi-resto {
		background-image: url(/images/poi-icons/resto.png);
	}

	.poi-culture {
		background-image: url(/images/poi-icons/culture.png);
	}

	.poi-sport {
		background-image: url(/images/poi-icons/sport.png);
	}

	.poi-parkings {
		background-image: url(/images/poi-icons/parking.png);
	}

	.poi-stations {
		background-image: url(/images/poi-icons/station.png);
	}

	.poi-transports {
		background-image: url(/images/poi-icons/transport.png);
	}

	.poi-commissariats {
		background-image: url(/images/poi-icons/commissariat.png);
	}

	.poi-postes {
		background-image: url(/images/poi-icons/poste.png);
	}

	.poi-banques {
		background-image: url(/images/poi-icons/banque.png);
	}

	.poi-velo {
	    background-image: url(/images/poi-icons/velo.png);
	}

	.poi-metro {
	    background-image: url(/images/poi-icons/metro.png);
	}

	.poi-bus {
	    background-image: url(/images/poi-icons/bus.png);
	}

	/*  poi window */
	.poi-window-container {
		max-width: 470px;
		width: auto !important;
		width: 470px;
	}

	.poi-window-ico {
		float: left;
		width: 40px;
		text-align: center;
	}

	.poi-window-title {
		font: bold 14px Arial, Helvetica, Geneva, sans-serif;
		color: #000;
	}

	.poi-window-content {
		font-size: 0.857em;
		float: left;
		color: #545454;
		overflow: hidden;
	}

	.poi-window-content.prix {
		font-size: 0.857em;
		float: none;
		color: #d52c19;
		overflow: hidden;
		font-weight: bold;
		clear: both;
	}

/* 4.7 Adapt Slideshow jQuery
----------------------------------------------------------------------------------------------------*/

	.detail-photo-container {
		width: 60%;
		float: left;
		margin-left: 2%;
	}

	.detail-photo-container .slideshow {
	}

	/* Personalisation */
	.detail-photo-container .large-flap-frame {
		width: 100%;
		position: relative;
		background: url(/images/msb-loading-light.gif) 50% 50% no-repeat #eeeeee;
	}

	.detail-photo-container .large-flap-container {
		overflow: hidden;
		width: 100%;
		height: 442px; /* Dimension des images voir numage.txt */
		position: relative;
		text-align: center;
	}

	.detail-photo-container .anti-cheat {
		overflow: hidden;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		z-index: 960;
	}

	.detail-photo-container .anti-cheat img {
		height: 100%;
		width: 100%;
		display: block;
	}

	.detail-photo-container .empty-slideshow {
		background: #e0e0e0 url(/images/msb-vide_detail_grande.jpg) no-repeat 50% 50%;
	}

	.detail-photo-container .large-flap-container div.diapo {
		width: 100%;
		height: 100%;
		text-align: center;
		cursor: pointer;
	}

	.detail-photo-container .large-flap-container div.is-flap {
		display: none;
		overflow: hidden;
	}

	.detail-photo-container .large-flap-container div.is-flap img {
		max-width: 100%;
		height: auto;
	}

	.large-flap-controls-content {
		margin-left: 40%;
	}

	.large-flap-controls .play,
	.large-flap-controls .stop {
		float: left;
		width: 20px;
		height: 20px;
		margin: 0 5px;
		cursor: pointer;
	}

	.large-flap-controls .play {
		background: transparent url(/images/msb-slider-controls.png) no-repeat -1.286em -78px;
	}

	.large-flap-controls .play.slideshow-control-active {
		background: transparent url(/images/msb-slider-controls.png) no-repeat -1px -78px;
	}

	.large-flap-controls .stop {
		background: transparent url(/images/msb-slider-controls.png) no-repeat -56px -78px;
	}

	.large-flap-controls .stop.slideshow-control-active {
		background: transparent url(/images/msb-slider-controls.png) no-repeat -39px -78px;
	}

	.large-flap-controls .video {
		float: left;
		margin-left: 10px;
		cursor: pointer;
	}

	.large-flap-controls .visite {
		float: left;
		margin-left: 5px;
		vertical-align: middle;
	}

	.large-flap-controls .visite a:hover {
		background: none;
	}

	.large-flap-controls .position {
		float: left;
		line-height: 20px;
		margin: 0 5px 0 10px;
		color: #aaa;
		font-style: italic;
		font-size: 0.786em;
	}

	.large-flap-controls .position .pos-flap,
	.large-flap-controls .position .nb-flap {
		color: #999;
		font-weight: bold;
	}

	.large-flap-nav {
		z-index: 970;
		position: relative;
		filter: alpha(opacity=0); /* internet explorer */
		-khtml-opacity: 0;      /* khtml, old safari */
		-moz-opacity: 0;       /* mozilla, netscape */
		opacity: 0;           /* fx, safari, opera */
	}

	.large-flap-nav .previous,
	.large-flap-nav .next {
		width: 56px;
		height: 55px;
		position: absolute;
		top: 194px;
		cursor: pointer;
	}

	.large-flap-nav .previous img,
	.large-flap-nav .next img {
		width: 100%;
		height: 100%;
		display: block;
	}

	.large-flap-nav .previous {
		left: 20px;
		background: transparent url(/images/msb-slider-controls.png) no-repeat -4px -63px;
	}

	.large-flap-nav .previous:hover {
		background: transparent url(/images/msb-slider-controls.png) no-repeat -4px -6px;
	}

	.large-flap-nav .next {
		right: 20px;
		background: transparent url(/images/msb-slider-controls.png) no-repeat -67px -63px;
	}

	.large-flap-nav .next:hover {
		background: transparent url(/images/msb-slider-controls.png) no-repeat -67px -6px;
	}

	.no-flap {
		display: none;
	}

	.controls {
		display: block;
	}

	/* Loading */
	.slideshow-loaded.detail-photo-container .large-flap-container div.is-flap {
		display: block;
	}

	.slideshow-loaded.detail-photo-container .large-flap-frame {
		background-image: none;
	}

	/* Thumbs */
	.detail-photo-container .thumbs-flap-wrapper {
		padding: 14px 40px;
		position: relative;
	}

	.thumbs-flap-container {
		font-size: 0; /* inline-block margin cancel */
	}

	.thumbs-flap-container .is-flap {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		background: #fff;
		text-align: center;
		cursor: pointer;
		overflow: hidden;
		margin-right: 10px;
	}

	/* Home */
	.home .scrollpane {
		overflow: visible !important;
		height: 100%;
		width: 100%;
	}

	.home .scrollpane > div {
		overflow: visible;
	}

	.home .scrollpane > div .jspPane {
		white-space: nowrap;
	}

	.home .scrollpane * {
		margin: 0 !important;
	}

	.home .scrollpane .is-flap {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		background: #cfcdcb;
		text-align: center;
		position: relative;
		overflow: hidden;
		margin: 0;
		width: 100%;
		height: 100%;
	}

	/* Pour passer en ScaleToFit, il
	faut changer l'option ScaleToFill de la fonction MiniListeBien
	en page MSBien_accueil, ensuite pour le css
	enlever la width à 100%, puis centrer les images */
	.home .scrollpane .is-flap img {
		background: #fff;
		height: 100%;
		width: 100%;
		max-width: 100%;
		display: block;
	}

	.home .scrollpane .thumbs-active img {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	.home .detail-photo-container {
		float: none;
		height: 685px;
		background: transparent url(/images/msb-loading-light.gif) no-repeat 50% 50%;
		margin: 0;
		width: 100%;
		overflow: hidden;
	}

	.home .thumbs-flap-wrapper {
		height: 100%;
		padding: 0;
		background: none #cfcdcb;
		margin: 0 auto;
		position: relative;
		bottom: inherit;
	}

	.home .slideshow-loaded .thumbs-flap-wrapper {
		display: block;
	}

	.home .mask-left,
	.home .mask-right {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(206,206,206,.6);
		top: 0;
		z-index: 1;
	}

	.home .mask-left {
		left: -100%;
	}

	.home .mask-right {
		left: 100%;
	}

	.home .anti-cheat {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		z-index: 1;
	}

	.home .anti-cheat > img {
		width: 100%;
		height: 100%;
	}

	.home .thumbs-control-prev,
	.home .thumbs-control-next {
		position: absolute;
		top: 45%;
		width: 60px;
		height: 60px;
		background: transparent url(/images/msb-bg-arrow-all.png) no-repeat;
		cursor: pointer;
		z-index: 2;
		filter: alpha(opacity=100); /* internet explorer */
		-khtml-opacity: 1;      /* khtml, old safari */
		-moz-opacity: 1;       /* mozilla, netscape */
		opacity: 1;           /* fx, safari, opera */
	}

	.home .thumbs-control-prev {
		left: 20px;
		background-position: -2px -197px;
	}

	.home .thumbs-control-next {
		right: 20px;
		background-position: -1px -266px;
	}

	.thumbs-flap-container .is-flap:first-child {
		margin-left: 0;
	}

	.thumbs-flap-container .last-thumbs {
		margin-right: 0;
	}

	.thumbs-flap-container .is-flap img {
		background: #fff;
		height: 65px;
		width: auto;
		max-width: 93px;
	}

	.thumbs-flap-container .thumbs-active img {
		filter: alpha(opacity=50); /* internet explorer */
		-khtml-opacity: 0.5;      /* khtml, old safari */
		-moz-opacity: 0.5;       /* mozilla, netscape */
		opacity: 0.5;           /* fx, safari, opera */
	}

	.thumbs-control-prev,
	.thumbs-control-next {
		position: absolute;
		top: 32px;
		width: 17px;
		height: 32px;
		background: transparent url(/images/msb-bg-arrow-all.png) no-repeat;
		cursor: pointer;
		filter: alpha(opacity=70); /* internet explorer */
		-khtml-opacity: 0.7;      /* khtml, old safari */
		-moz-opacity: 0.7;       /* mozilla, netscape */
		opacity: 0.7;           /* fx, safari, opera */
	}

	.thumbs-control-prev {
		left: 12px;
		background-position: 0 -114px;
	}

	.thumbs-control-next {
		right: 12px;
		background-position: -7px -171px;
	}

	/* jScrollPane */
	.scrollpane {
		outline: none;
		width: 100% !important;
	}

	.scrollpane > div {
		position: relative;
		white-space: nowrap;
		overflow: hidden;
	}

	.scrollpane .jspPane {
		position: absolute;
	}

	.jspVerticalBar {
		position: absolute;
		top: 0;
		right: 0;
		width: 16px;
		height: 100%;
		display: none;
		visibility: hidden;
	}

	.jspHorizontalBar {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 16px;
		display: none;
		visibility: hidden;
	}

	.jspVerticalBar *,
	.jspHorizontalBar * {
		margin: 0;
		padding: 0;
	}

	.jspCap {
		display: none;
	}

	.jspHorizontalBar .jspCap {
		float: left;
	}

	.jspTrack {
		background: #dde;
		position: relative;
	}

	.jspDrag {
		background: #bbd;
		position: relative;
		top: 0;
		left: 0;
		cursor: pointer;
	}

	.jspHorizontalBar .jspTrack,
	.jspHorizontalBar .jspDrag {
		float: left;
		height: 100%;
	}

	.jspArrow {
		background: #50506d;
		text-indent: -20000px;
		display: block;
		cursor: pointer;
	}

	.jspArrow.jspDisabled {
		cursor: default;
		background: #80808d;
	}

	.jspVerticalBar .jspArrow {
		height: 16px;
	}

	.jspHorizontalBar .jspArrow {
		width: 16px;
		float: left;
		height: 100%;
	}

	.jspVerticalBar .jspArrow:focus {
		outline: none;
	}

	.jspCorner {
		background: #eeeef4;
		float: left;
		height: 100%;
	}

	/* Captions */
	.detail-photo-container .caption {
		background-color: #000;
		color: #fff;
		text-align: left;
	}

	.detail-photo-container .large-caption {
		position: absolute;
		left: 0;
		top: 376px;
		height: 70px;
		width: 800px;
		padding: 15px;
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}

	.detail-photo-container .thumbs-caption {
		position: absolute;
		top: 3px;
		left: 3px;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

	.detail-photo-container .caption-title {
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 5px;
	}

	/* Diaporama Overlay BIG */
	.big-flap-box {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		z-index: 980;
		background: #000;
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

	.big-flap-container {
		position: absolute;
		display: none;
		top: 50%;
		left: 50%;
		width: 1px;
		height: 1px;
		z-index: 990;
		overflow: hidden;
		background: #282828 url(/images/msb-loading-light.gif) no-repeat 50% 50%;
		border: #eee 10px solid;
	}

	.big-flap-container .anti-cheat {
		width: 100%;
		height: 100%;
	}

	.big-flap-container .previous,
	.big-flap-container .next {
		width: 34px;
		height: 60px;
		position: absolute;
		top: 50%;
		margin-top: -30px; /* Centrage vertical */
		cursor: pointer;
		z-index: 9999;
	}

	.big-flap-container .previous {
		left: 10px;
		background: transparent url(/images/msb-slider-controls.png) no-repeat 0 -121px;
	}

	.big-flap-container .previous:hover {
		background: transparent url(/images/msb-slider-controls.png) no-repeat 0 -181px;
	}

	.big-flap-container .next {
		right: 10px;
		background: transparent url(/images/msb-slider-controls.png) no-repeat -46px -121px;
	}

	.big-flap-container .next:hover {
		background: transparent url(/images/msb-slider-controls.png) no-repeat -46px -181px;
	}

	.big-flap-container .pagination {
		z-index: 9999 !important;
	}

	.close-big {
		width: 24px;
		height: 24px;
		position: absolute;
		top: 5px;
		right: 5px;
		background: transparent url(/images/msb-slider-controls.png) no-repeat -9px -244px;
		cursor: pointer;
		z-index: 9999;
	}

	.close-big:hover {
		background: transparent url(/images/msb-slider-controls.png) no-repeat -48px -245px;
		cursor: pointer;
	}

	/* Pagination */
	.home .detail-photo-container .pagination {
		width: 157px;
		height: 30px;
		text-align: left;
		padding: 20px 0 0 22px;
	}

	.detail-photo-container .pagination {
		width: 100%;
		height: 30px;
		background: rgba(65, 65, 65, 0.55);
		padding: 10px 0 5px;
		position: absolute;
		z-index: 4; /* Placement de la pagination */
		right: 0;
		bottom: 0;
		white-space: nowrap;
		text-align: center;
	}

	.detail-photo-container .pagination-init {

		/* met le premier point en current */
	}

	.detail-photo-container .pagination-init .pagination-page:first-child {
		background: #d52c19;
	}

	.detail-photo-container .pagination .pagination-page {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 10px;
		height: 10px;
		background: #fff;
		overflow: hidden;
		cursor: pointer;
		margin-left: 12px;
		border-radius: 10px;
	}

	.detail-photo-container .pagination .pagination-page:first-child {
		margin-left: 0;
	}

	.detail-photo-container .pagination .pagination-page-active {
		background: #d52c19;
	}

/*
   // ========================================== \
  ||                                              ||
  ||               V. FOOTER                      ||
  ||                                              ||
   \ ========================================== //
*/

/* 5.1 Footer
----------------------------------------------------------------------------------------------------*/

	#footer {
	}

	#footer-container {
		background: #353535;
		color: #878a8d;
		padding-bottom: 20px;
	}

	#footer-content {
		padding-top: 30px;
	}

	#footer-content a:link,
	#footer-content a:visited {
		color: #717171;
	}

	#footer-content a:hover,
	#footer-content a:active {
		color: #fff;
		text-decoration: none;
	}

	.footer-slogan {
		font: 1.500em/1.231 'LatoLight', Arial, sans-serif;
		text-align: center;
		color: #d52c19;
		padding: 20px 0;
		margin-bottom: 30px;
		padding-top: 60px;
	}

	.home .footer-slogan {
		padding-top: 30 !important;
	}

	.footer-slogan a:link,
	.footer-slogan a:visited {
		text-decoration: none;
	}

	.footer-slogan a:hover {
		color: #5c6b70 !important;
	}

	/*.footer-slogan::before{ content:''; position: absolute; top:0; width: 250px; left:50%; margin-left: -125px; height: 1px; background: #eeefef; }*/

	/* Barres horizontales de séparation dans le pied */
	#pied-ref-content,
	.likes-badges,
	.sign-links {
		border-color: #63686c;
	}

	/* Pied Menu */
	.pied-menu {
		margin: 0;
		color: #eee;
		font-size: 0.786em;
		float: left;
	}

	.pied-menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.pied-menu-left,
	.pied-menu-right {
		float: left;
	}

	.pied-menu li {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		margin: 0 0 0 5px;
		padding: 0 0 0 15px;
	}

	.pied-menu li:first-child {
		padding-left: 0;
		margin-left: 0;
	}

	.pied-menu a:link {
		white-space: nowrap;
	}

	/* Pied Menu Right */
	.pied-menu-right {
		width: 35%;
		float: right;
	}

	.pied-menu-right ul {
		border-left: 1px dotted #c8c8c8;
		padding-left: 4px;
	}

	/* Signature Adapt */
	.sign-adapt {
		display: inline-block;
		margin: 10px 0;
		float: right;
		font-size: 10px;
	}

	.sign-adapt ul {
		border-left: 1px dotted #5a5a5a;
	    padding-left: 11px;
	    float: right;
	}

	.sign-adapt li {
		display: block;
		line-height: 13px !important;
		margin: 0;
		padding: 0;
		vertical-align: top;
	}

	.sign-adapt a.logo-adapt-footer {
		width: 95px;
		height: 40px;
		background-repeat: no-repeat;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: top;
		float: left;
		background-position: center;
		background-image: url(/images/logo-adapt-footer.png);
		background-image: -webkit-image-set(url(/images/logo-adapt-footer.png) 1x, url(/images/logo-adapt-footer@2x.png) 2x);
		background-image: image-set("/images/logo-adapt-footer.png" 1x, "/images/logo-adapt-footer@2x.png" 2x);
		margin-right: 5px !important;
	}

	/* Footer Share */
	.footer-share {
		width: 50%;
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.footer-share-text {
		font-size: 1.3em;
	    font-family: 'LatoItalic', sans-serif;
	    margin-top: 4px;
	}

	/*-- Icones reseeaux sociaux --*/
	.social-menu {
		margin: 10px 0;
		text-align: center;
	}

	.footer-share ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	.footer-share li {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: top;
		margin-left: 8px;
		padding: 0 !important;
	}

	.footer-share ul li:first-child {
		margin-left: 0;
	}

	/* Boutons ronds White or Color*/
	.footer-share li a.social-circle,
	.footer-share li span.social-circle {
		width: 32px;
		background-repeat: no-repeat;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: top;
		background-color: transparent;
		background-image: url(/images/social-circle.png);
		background-image: -webkit-image-set(url(/images/social-circle.png) 1x, url(/images/social-circle@2x.png) 2x);
		background-image: image-set("/images/social-circle.png" 1x, "/images/social-circle@2x.png" 2x);
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		height: 32px;
		cursor: pointer;
	}

	.footer-share li a.social-circle-color,
	.footer-share li span.social-circle-color {
		width: 32px;
		background-repeat: no-repeat;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: top;
		background-repeat: no-repeat;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: top;
		background-image: url(/images/social-circle-color.png);
		background-image: -webkit-image-set(url(/images/social-circle-color.png) 1x, url(/images/social-circle@2x.png) 2x);
		background-image: image-set("/images/social-circle-color.png" 1x, "/images/social-circle@2x.png" 2x);
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		height: 32px;
		cursor: pointer;
	}

	.footer-share li a.SocialBusinessFacebook,
	.footer-share li span.SocialBusinessFacebook {
		background-position: -1px -1px;
	}

	.footer-share li a.SocialBusinessFacebook:hover,
	.footer-share li span.SocialBusinessFacebook:hover {
		background-position: -1px -35px;
	}

	.footer-share li a.SocialBusinessTwitter,
	.footer-share li span.SocialBusinessTwitter {
		background-position: -35px -1px;
	}

	.footer-share li a.SocialBusinessTwitter:hover,
	.footer-share li span.SocialBusinessTwitter:hover {
		background-position: -35px -35px;
	}

	.footer-share li a.SocialBusinessGoogle,
	.footer-share li span.SocialBusinessGoogle {
		background-position: -69px -1px;
	}

	.footer-share li a.SocialBusinessGoogle:hover,
	.footer-share li span.SocialBusinessGoogle:hover {
		background-position: -69px -35px;
	}

	.footer-share li a.SocialBusinessRss,
	.footer-share li span.SocialBusinessRss {
		background-position: -103px -1px;
	}

	.footer-share li a.SocialBusinessRss:hover,
	.footer-share li span.SocialBusinessRss:hover {
		background-position: -103px -35px;
	}

/* 5.2 Badges Réseaux Sociaux
----------------------------------------------------------------------------------------------------*/

	#pied-social {
		width: 100%;
		float: left;
		border-bottom: 1px solid #464646;
		margin-bottom: 20px;
	}

	/* Partage */
	.share-badges {
		color: #0eb1da;
	}

	.share-badges ul {
		list-style: none;
		font-size: 0;
	}

	.share-badges li {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		font: 0.857em/1.231 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

	.share-badges li img {
		margin-right: 5px;
	}

	.share-badges li a:hover {
		background: none;
	}

	.share-badges .addfav {
		margin-left: 10px;
	}

	.share-badges .link {
		text-transform: uppercase;
		color: #a1e1e9;
	}

	.share-badges .link-hover {
		text-transform: uppercase;
		color: #eee;
		cursor: pointer;
	}

	/* Likes */
	.likes-badges {
		padding-left: 0;
		margin-bottom: 12px;
		padding-bottom: 12px;
		float: right;
		margin-top: 10px;
	}

	.likes-badges ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.likes-badges li {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		height: 24px;
		line-height: 24px;
		vertical-align: middle;
		margin-left: 5px;
		overflow: hidden;
	}

	.likes-badges li.badge-facebook {
	}

	.likes-badges li.badge-rss {
		width: 32px;
		background-repeat: no-repeat;
		display: inline-block;
		vertical-align: top;
		background-color: transparent;
		background-image: url(/images/social-circle.png);
		background-image: -webkit-image-set(url(/images/social-circle.png) 1x, url(/images/social-circle@2x.png) 2x);
		background-image: image-set("/images/social-circle.png" 1x, "/images/social-circle@2x.png" 2x);
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		height: 32px;
		cursor: pointer;
		background-position: -103px -1px;
	}

	.likes-badges li.badge-ggplus {
		width: 70px;
	}

	.likes-badges li.badge-tweeter {
		width: 90px;
	}

	.likes-badges li.badge-linkedin {
	}

	/* @surcharge
	----------------------------------------*/
	.capitalize {
		text-transform: capitalize;
	}

	.uppercase {
		text-transform: uppercase;
	}


	/* @@surcharge
	----------------------------------------*/
/*
   // ========================================== \
  ||                                              ||
  ||               VI. FORMULAIRES               ||
  ||                                              ||
   \ ========================================== //
*/

/* 7.1 Formulaires
----------------------------------------------------------------------------------------------------*/

	form ul {
		margin: 0 !important;
		list-style: none;
		padding: 0;
	}

	form {
		font-size: 1em;
	}

	form label {
		cursor: pointer;
	}

	.form-critere label {
		padding-right: 5px;
	}

	.form-critere li {
		margin-bottom: 3px;
		margin-right: 10px;
		padding-left: 0;
		background: none;
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}

	.form-critere textarea {
		height: 90px;
	}

	.form-critere-title {
		padding-bottom: 3px;
	}

	.form-critere-title-left {
		padding-bottom: 3px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 150px;
		vertical-align: top;
	}

	.annuaire .form-critere-title-left {
		vertical-align: top;
	}

	.form-critere-content {
		width: 485px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}

	.form-critere-content ul {
		padding: 0 !important;
	}

	.form-critere-typerech {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		padding-left: 20px;
	}

	.form-critere-typerech ul li {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		background: none;
		margin-right: 20px;
		padding-left: 0;
	}

	.form-critere-typerech .form-critere-title {
		margin-bottom: 10px;
	}

	.form-rubrique {
		display: inline-block;
		width: 125px;
		*display: inline;
		*zoom: 1;
		font: 0.786em/1 'LatoBold', sans-serif;
		color: #6E767E;
		text-transform: uppercase;
	}

	.form-critere,
	.form-critere-ope {
		margin-bottom: 15px
	}

	.form-highlight-items {
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}

	.form-pieces label {
		font-weight: normal;
		font-size: 95%;
	}

	.form-pieces label.custom-checkbox {
		padding: 1px 3px 1px 1.286em;
	}

	.form-pieces ul li {
		margin-right: 5px;
	}

	.form-extend {
	}

	.page-home .form-extend {
		margin-top: 20px;
	}

	.form-link-container {
		margin-right: 140px;
		font-size: 0.857em;
	}

	.form-link {
		padding-right: 20px;
	}

	.form-submit-container {
		position: relative;
		height: 35px;
		min-height: 35px;
	}

	input.form-submit {
		display: inline-block;
		padding: 12px 14px;
		background-color: #d52c19;
		border: none;
	    color: white;
	    font-family: 'LatoRegular', sans-serif;
	}

	input.form-submit-contact {
		position: absolute;
		right: 20px;
	}

	/* Colonnes page de formulaire */
	.form-leftcol {
		float: left;
		width: 190px;
		padding-right: 15px;
	}

	.form-rightcol {
		float: left;
		width: 280px;
		padding-left: 30px;
	}

	.form-legend {
		font-size: 0.786em;
		font-style: italic;
		color: #6E767E;
	}

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

/* 7.3 Perso graphique
----------------------------------------------------------------------------------------------------*/

	.input-text,
	textarea {
		border: none;
		padding: 8px 8px;
		outline: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.required {
		color: #d52c19;
		font-weight: bold;
		margin: 0 2px;
	}

	.separateur-simple {
		height: 5px;
		margin: 20px 0;
		border-top: #444F59 1px solid;
	}

	/* Tailles */
	.input-tiny {
		width: 50px;
	}

	.input-xtiny {
		width: 75px;
	}

	.input-smaller {
		width: 100px;
	}

	.input-small {
		width: 125px;
	}

	.input-medium {
		width: 150px;
	}

	.input-xmedium {
		width: 175px;
	}

	.input-large {
		width: 200px;
	}

	.input-xlarge {
		width: 250px;
	}

	.input-xxlarge {
		width: 300px;
	}

	.input-larger {
		width: 350px;
	}

	.input-largest {
		width: 400px;
	}

	.input-full {
		width: 100%;
	}

/* 7.4 Custom Checkbox / Radios / Select
----------------------------------------------------------------------------------------------------*/

	/* Pour les checkbox */
	.custom-input {
		clip: rect(0, 0, 0, 0);
		position: absolute !important;
		outline: none;
		z-index: -999;
	}

	/* Formulaires pour les sites clairs (classe white-form) */
	.white-form .input-text,
	.white-form textarea {
		background: #eeeeee;
		color: #374552;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.white-form .input-text:focus {
		background: #e9e9e9;
		color: #464e54;
	}

	.liste-minimoteur .white-form .input-text {
		background: #223344;
		color: #a4aeb7;
	}

	.liste-minimoteur .white-form .input-text:focus {
		background: #283b4e;
		color: #eee;
	}

	.white-form .form-highlight {
		padding: 15px 0 15px 20px;
		margin-bottom: 10px;
		background: #374552;
	}

	.white-form form label,
	.white-form .form-rubrique label {
		color: #6E767E;
	}

	.white-form .unite {
		font-size: .9em;
	}

	.white-form .legend {
		color: #83898f;
		font-size: 0.714em;
	}

	.white-form .custom-checkbox,
	.white-form .custom-checkbox-checked {
		padding-left: 20px;
		background: transparent url('/images/msb-bg-form-sprite.png') no-repeat;
	}

	.white-form .custom-checkbox {
		background-position: 0 -1px;
	}

	.white-form .custom-checkbox-checked {
		background-position: 0 -39px;
	}

	.white-form .custom-radio,
	.custom-radio-checked {
		padding-left: 20px;
		background: transparent url('/images/msb-bg-form-sprite.png') no-repeat;
	}

	.white-form .custom-radio {
		background-position: 0 -77px;
	}

	.white-form .custom-radio-checked {
		background-position: 0 -115px;
	}

	.white-form .custom-select-choice {
		background-position: 100% -155px;
	}

	.white-form .custom-select-container {
		background-position: 0 -183px;
		color: #959595;
	}

	.white-form .custom-select-list {
		background: #eee url('/images/msb-bg-form-sprite.png') no-repeat 0 -213px;
	}

	.boxshadow .white-form .custom-select-list {
		-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 6px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 6px;
		box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 6px;
	}

	.no-boxshadow .white-form .custom-select-list {
		border-bottom: #ccc 1px solid;
	}

	.white-form .custom-select-list-selected {
		background-color: #eee;
		color: #666;
	}

	/* Custom Select */
	.custom-select {
		visibility: hidden;
	}

	.custom-select-container {
		width: 185px;
		background: transparent url('/images/msb-bg-form-sprite.png') no-repeat;
	}

	.custom-select-choice {
		height: 24px;
		line-height: 24px;
		margin-left: 6px;
		padding-left: 4px;
		cursor: pointer;
		background: transparent url('/images/msb-bg-form-sprite.png') no-repeat;
	}

	.custom-select-list {
		z-index: 20;
		width: 200px;
		padding: 0;
		display: none;
		overflow: auto;
		max-height: 150px;
		position: absolute;
	}

	.custom-select-list ul li {
		display: block;
		padding: 5px 0 5px 10px;
		margin: 0;
		cursor: pointer;
		float: none;
		background: transparent;
	}

	ul.custom-select-list-container {
		margin: 0;
		padding: 0;
	}

	.custom-select-option {
		cursor: pointer;
		list-style: none;
		line-height: 1.286em;
		padding-left: 3px;
	}

	.input-place-holder {
		color: #787e82 !important;
	}

/*
   // ========================================== \
  ||                                              ||
  ||               VII. LINKS                     ||
  ||                                              ||
   \ ========================================== //
*/

	a:link,
	a:visited {
		color: #d52c19;
		text-decoration: none;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	a:hover,
	a:active {
		color: #d52c19;
		text-decoration: underline;
	}

/* ==========================================================================
  Helper classes
  ========================================================================== */

	.ir {
		background-color: transparent;
		border: 0;
		overflow: hidden;
		*text-indent: -9999px;
	}

	.ir:before {
		content: "";
		display: block;
		width: 0;
		height: 100%;
	}

	.hidden {
		display: none !important;
		visibility: hidden;
	}

	.visuallyhidden {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.visuallyhidden.focusable:active,
	.visuallyhidden.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
	}

	.invisible {
		visibility: hidden;
	}

	.clearfix:before,
	.clearfix:after {
		content: " ";
		display: table;
	}

	.clearfix:after {
		clear: both;
	}

	.clearfix {
		*zoom: 1;
	}

/* ==========================================================================
  Print styles
  ========================================================================== */

	@media print {
		* {
			background: transparent !important;
			color: #000 !important; /* Black prints faster: h5bp.com/s */
			box-shadow: none !important;
			text-shadow: none !important;
		}

		.exit,
		.main-menu,
		#footer,
		.DpeCursor,
		.page-title,
		.thumbs-flap-wrapper {
			display: none !important;
		}

		.header-title {
			margin: 0;
			text-align: left;
		}


		.header-title-ope {
			padding: 50px 0 0 0;
		}

		.detail-bien-prix ul {
			border: #ccc 1px solid;
		}

		.negoprint {
			display: block;
			visibility: visible;
		}

		a,
		a:visited {
			text-decoration: underline;
		}

		pre,
		blockquote {
			border: 1px solid #999;
			page-break-inside: avoid;
		}

		thead {
			display: table-header-group; /* h5bp.com/t */
		}

		tr,
		img {
			page-break-inside: avoid;
		}

		img {
			max-width: 100% !important;
		}

		@page {
			margin: 0.5cm;
		}

		p,
		h2,
		h3 {
			orphans: 3;
			widows: 3;
		}

		h2,
		h3 {
			page-break-after: avoid;
		}

	}

/* ==========================================================================
  VVV
  ========================================================================== */
.detail-all-btns {
    position: absolute;
    left: 0;
    bottom: 100px;
    z-index: 1000;
}

.btn-visite-virtuelle,
.btn-visite-video,
.btn-video {
    background-color: #FFF;
    padding: 10px;
    display: inline-block;
    cursor: pointer;
}

.btn-visite-virtuelle:hover,
.btn-visite-video:hover,
.btn-video:hover {
    color: #d52c19;
}

.btn-visite-virtuelle .icon, .btn-visite-video .icon, .btn-video .icon {
    font-size: 2em;
    vertical-align: middle;
    margin-right: 5px;
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: middle;
    pointer-events: stroke;
}


/* ==========================================================================
  Media Queries
  ========================================================================== */

	/*-- Menu Responsive --*/

	.responsive-menu {
		display: none;
	}

	#nav .block {
		z-index: 2;
		position: relative
	}

	.nav-btn {
		width: 44px;
		height: 44px;
		position: absolute;
		z-index: 10;
		top: 26px;
		right: 15px;
		padding: 0;
		border: 0;
		outline: none;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 100%;
		background: transparent left center no-repeat;
		background-image: url(/images/ico-menu.png);
		background-image: -webkit-image-set(url(/images/ico-menu.png) 1x, url(/images/ico-menu@2x.png) 2x);
		background-image: image-set("/images/ico-menu.png" 1x, "/images/ico-menu@2x.png" 2x);
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		background-color: transparent;
	}

	.search-responsive-btn,
	.offers-responsive-btn {
		width: 44px;
		height: 44px;
		position: absolute;
		z-index: 10;
		top: 26px;
		right: 65px;
		padding: 0;
		border: 0;
		outline: none;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 100%;
		background: transparent -54px center no-repeat;
		background-image: url(/images/ico-menu.png);
		background-image: -webkit-image-set(url(/images/ico-menu.png) 1x, url(/images/ico-menu@2x.png) 2x);
		background-image: image-set("/images/ico-menu.png" 1x, "/images/ico-menu@2x.png" 2x);
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		background-color: #00abe4;
		cursor: pointer;
	}

	.close-btn {
		display: block;
		width: 45px;
		height: 45px;
		margin: 0;
		padding: 0 !important;
		border: 0;
		outline: none;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 100%;
		background: transparent left center no-repeat;
		background-image: url(/images/ico-close-menu.png);
		background-image: -webkit-image-set(url(/images/ico-close-menu.png) 1x, url(/images/ico-close-menu@2x.png) 2x);
		background-image: image-set("/images/ico-close-menu.png" 1x, "/images/ico-close-menu@2x.png" 2x);
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		background-color: transparent;
	}

@media (min-width:768px) and (max-width:1024px) {
		body {
			font-size: 12px;
		}

		.home .main-menu {
			z-index: 3;
			top: 0px !important;
		}


		.main-menu nav ul {
			width: 90%;
		}

		.home .detail-photo-container {
			height: 485px;
		}

		.contact .pinned-photo {
			display: none;
		}

		#header-logo a {
			background-size: contain;
		    -webkit-background-size: contain;
		    width: 200px;
		    height: 130px;
		}

	}

@media (max-width:767px) {

		#header-logo {
			display: block;
			width: 100%;
			text-align: center;
		}

		#header-logo a {
			margin-top: 0;
		    display: inline-block;
		    background-size: contain;
		    -webkit-background-size: contain;
		    width: 200px;
		    height: 110px;
		}

		#content {
			padding-top: 10px;
			margin-top: 10px;
		}

		.page-title {
			margin-bottom: 20px;
		}

		.mobile-hide {
			display: none;
		}

		.mobile-show {
			display: block !important;
		}

		/* ---HEADER ---- */
		.header-container,
		.home .header-container {
			height: auto;
		}


		.header-title-type {
			display: inline-block;
			width: 50%;
			margin: 0 auto;
			font-size: 1.8em;
		}

		.exit {
			position: relative;
			top: 40px;
			left: 10px;
			z-index: 20;
			display: inline-block;
		}

		.header-title {
			font-size: 11px !important;
			padding-top: 120px !important;
			margin-bottom: 10px;
		}

		/* ---Info extras ---- */
		.main-menu,
		.home .main-menu {
			position: relative;
			top: inherit;
			width: 98%;
			margin: 0 1% 20px 0;
		}

		.extra-desc {
			background: none;
			margin: 0 3% 3%;
			border-bottom: 1px solid #e8e8e8;
			padding-bottom: 10px;
		}

		.responsive-menu .extra-desc {
			display: none;
		}

		.extra-desc .extra-desc-content {
			text-align: left;
		}

		.extra-desc .extra-desc-content .extra-desc-content-btns-wrapper1 {
			position: static;
		    padding-bottom: 13px;
		    padding-top: 5px;
		}

		.sharebox {
			width: auto !important;
			position: relative;
			z-index: 1;
			margin: 0 !important;
			text-align: left;
		}

		.detail .extra-desc .extra-desc-content-btns {
		    width: 100%;
		}

		.extra-desc-content-line {
			display: none;
		}

		/* ---HOME PAGE ---- */
		.home .detail-photo-container {
			height: 385px;
		}

		.home .detail-photo-container img {
			height: auto !important;
			width: auto !important;
		}

		.home .mask-left,
		.home .mask-right {
			display: none;
		}

		.thumbs-flap-wrapper.wrapper.thumbs-flap-container {
			margin: 0;
			width: 100%;
		}

		.home-txt h3 {
			-moz-column-count: inherit;
			-webkit-column-count: inherit;
			column-count: inherit;
			-moz-column-gap: inherit; /* Firefox */
			-webkit-column-gap: inherit; /* Safari and Chrome */
			column-gap: inherit;
		}

		/* ---DETAIL ---- */
		.detail-bien-desc-content {
			float: none;
			width: 100%;
			padding-left: 0%;
		}

		.detail-photo-container {
			width: 100%;
			float: left;
			margin-left: 0%;
		}

		.detail-photo-container .large-flap-container {
			height: 380px;
		}

		.detail-bien-infos {
			margin-top: 10px;
		}

		.detail-bien-dpe,
		.detail-bien-prestas,
		.detail-bien-prix {
			float: none;
			width: 100%;
			padding-bottom: 0px;
			margin: 20px 0 0;
		}

		.detail-bien-desc-suppl {
			margin-top: 0px;
		}

		.csscolumns .detail-bien-specs {
			-moz-column-count: inherit;
			-webkit-column-count: inherit;
			column-count: inherit;
			-moz-column-gap: inherit; /* Firefox */
			-webkit-column-gap: inherit; /* Safari and Chrome */
			column-gap: inherit;
		}

		/* ---PAGE PROXIMITE ---- */
		.poi-col {
			margin-left: 1%;
			width: 46%;
			margin-right: 2%;
		}

		#GGMapPoiMSBien {
			height: 350px;
		}

		.pinned-photo {
			display: none;
		}

		/* ---PAGE CONTACT ---- */
		.page-content,
		aside#sidebar {
			width: 100%;
			float: none;
			margin: 0 0 30px;
		}

		.contact-intro {
			padding-bottom: 25px;
			margin-bottom: 25px;
		}

		.main-content-demicol {
			float: none;
			width: 100%;
		}

		.form-critere-title-left,
		.form-critere-content {
			width: 100%;
		}

		/* ---FOOTER ---- */
		.footer-slogan {
			padding-top: 80px;
			background-position: 65% top;
		}

		.footer-slogan span {
			display: inline-block;
			width: 100%;
			height: 0;
		}

		.footer-share {
			background: none;
			float: none;
			padding-left: 0;
			text-align: center;
			width: 100%;
		}

		.likes-badges {
			width: 100%;
			text-align: center;
			margin-top: 10px;
		}

		.pied-menu,
		.pied-menu-right {
			float: none;
			text-align: left !important;
			padding-left: 20px;
			width: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.sign-adapt {
			float: left;
		}

		/* --- MENU RESPONSIVE ---- */

		/* On masque le main menu  */
		.main-menu nav {
			display: none;
		}

		/* Menu responsive devient visible  */
		.responsive-menu {
			display: block !important;
		}

		/*-- Et on masque le Main menu et Alt Menu  --*/
		.bg-header-menu,
		.bg-alt-menu {
			display: none;
		}

		.search-responsive-btn {
			display: none
		}

		.liste .search-responsive-btn {
			display: block
		}

		/* le bouton devient visible */
		.offers-responsive-btn {
			display: block
		}

		/* le bouton devient visible */
		.liste .offers-responsive-btn {
			display: none !important
		}

		#nav {
			position: absolute;
			top: 0;
			padding-top: 6.25em;
			overflow: hidden;
		}

		#nav .bulle-gratuit {
			display: none;
		}

		#nav:not(:target) {
			z-index: 1;
			height: 0;
		}

		#nav:target .close-btn {
			display: block;
		}

		#nav .close-btn {
			position: absolute;
			top: 1.75em;
			left: 1.875em;
		}

		.csstransforms3d.csstransitions.js-ready #nav {
			left: 0;
			-webkit-transform: translate3d(-100%, 0, 0);
			-moz-transform: translate3d(-100%, 0, 0);
			-ms-transform: translate3d(-100%, 0, 0);
			-o-transform: translate3d(-100%, 0, 0);
			transform: translate3d(-100%, 0, 0);
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			-o-backface-visibility: hidden;
			backface-visibility: hidden;
		}

		.csstransforms3d.csstransitions.js-ready #global-content

		/* #global-content */
		{
			left: 0 !important;
			-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);
			-webkit-transition: -webkit-transform 500ms ease;
			-moz-transition: -moz-transform 500ms ease;
			-o-transition: -o-transform 500ms ease;
			transition: transform 500ms ease;
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			-o-backface-visibility: hidden;
			backface-visibility: hidden;
		}

		.csstransforms3d.csstransitions.js-nav #global-content

		/* #global-content */
		{
			-webkit-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
			-moz-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
			-ms-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
			-o-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
			transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
		}

		.csstransforms3d.csstransitions.js-ready #nav .block {
			-webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
			-webkit-transition-delay: ease, 0s;
			-moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
			-o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
			transition: opacity 300ms 100ms ease, transform 500ms ease;
			-webkit-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9);
			-moz-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9);
			-ms-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9);
			-o-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9);
			transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9);
			-webkit-transform-origin: 50% 0%;
			-moz-transform-origin: 50% 0%;
			-ms-transform-origin: 50% 0%;
			-o-transform-origin: 50% 0%;
			transform-origin: 50% 0%;
		}

		.csstransforms3d.csstransitions.js-nav #nav .block {
			-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);
		}

		.js-ready #nav {
			height: 100%;
			width: 60%;
			background: #414141;
			-webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
			box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
		}

		.js-ready #nav .block {
			background: transparent;
		}

		.js-ready #nav .close-btn {
			display: block;
		}

		.js-ready #nav {
			left: -60%;
		}

		.js-ready #global-content

		/* #global-content */
		{
			left: 0;
		}

		.js-nav #global-content

		/* #global-content */
		{
			left: 60%;
		}

		.fcts-menu:after {
			margin-left: -10px;
		}

		/* Menu gris : Mise en forme */
		.header-menu {
			margin-top: 0;
			font: 1.1em/1.231 'LatoRegular', sans-serif;
		}

		.header-menu ul {
			display: inline-block;
			width: 100%;
		}

		.header-menu ul li {
			margin: 0 !important;
			padding: 0 !important;
			display: inline-block;
			border-bottom: 1px solid rgba(255, 255, 255, 0.1);
			-webkit-font-smoothing: antialiased;
			font-smooth: always;
			position: relative;
			text-align: right;
			background-image: none;
			width: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			min-width: inherit !important;
			max-width: inherit !important;
		}

		.header-menu ul li:hover {
			background: #3a3a3a;
		}

		.header-menu li.last-link a {
			margin-right: 17px;
		}

		.header-menu ul li a,
		.header-menu ul li a:link,
		.header-menu ul li a:visited {
			color: #fff;
			padding: 15px !important;
			display: inline-block !important;
			width: 100%;
			text-align: right;
			margin: 0 !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			text-decoration: none;
		}

		.header-menu ul li a:hover,
		.header-menu ul li a:active,
		.header-menu ul li a.current {
			color: #fff;
			border: none;
		}

		.header-menu ul li.c2a a:link,
		.header-menu ul li.c2a a:visited {
			background: none;
			text-transform: uppercase;
		}

		.header-menu ul li.current:after {
			z-index: 50;
			display: block;
			content: "";
			position: absolute;
			bottom: 50%;
			right: -.03125em;
			margin-bottom: -.625em;
			border-top: .625em transparent solid;
			border-bottom: .625em transparent solid;
			border-right: .625em #fff solid;
		}

		.header-menu ul li a.current-lang {
			display: inline-block;
			padding: 0 !important;
			margin: 10px 20px 10px 0 !important;
			width: 45px;
			height: 20px;
			background-image: url(/images/current-lang.png);
			background-image: -webkit-image-set(url(/images/current-lang.png) 1x, url(/images/current-lang@2x.png) 2x);
			background-image: image-set("/images/current-lang.png" 1x, "/images/current-lang@2x.png" 2x);
			background-repeat: no-repeat;
		}

		.header-menu ul li.maselection a {
			background: none;
		}

		.header-menu ul li.maselection .mobile-show {
			display: inline-block !important;
		}

		/* Menu deroulant */
		.sf-menu ul {
			position: inherit;
    		padding: 0;
		}

		.sf-menu li {
			height: auto;
		}

		.sf-menu li:hover ul,
		.sf-menu li.menu-deroulant.sfHover ul {
			top: 2px !important;
			background-image: none;
			box-shadow: 0 0 0 rgba(0, 0, 0, 0);
			width: 100% !important;
			left: 0 !important;
		}

		.sf-menu ul li {
			display: block;
			vertical-align: top;
			width: 100%;
			text-align: right;
		}

		.sf-menu li.sfHover ul {
			background: none !important;
			border-top-color: #5b5b5b;
			min-width: inherit !important;
		}

		.sf-menu li.sfHover li {
			background: none !important;
			text-align: right !important;
		}

		.sf-menu li.sfHover li a:link,
		.sf-menu li.sfHover li a:visited {
			border-bottom: none;
			padding: 10px 20px !important;
			margin: 0;
			color: #838383 !important;
			width: 100% !important;
			background-color: transparent !important;
			line-height: 25px !important;
			display: block !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			color: #838383 !important;
		}

		.sf-menu li.sfHover li a:hover,
		.sf-menu li.sfHover li a:active {
			color: #fff;
			background-color: #323332 !important;
		}

		.sf-menu.menu-top li:hover ul,
		.sf-menu.menu-top li.sfHover ul {
			width: 100%;
		}

		.sf-menu li.sfHover a:first-child {
			margin: 0;
			padding: 18px 31px 17px;
		}

		.sf-menu li.menu-deroulant.sfHover ul:before {
			display: none !important;
		}

		.sf-menu li.emphase {
			margin-top: 30px !important;
			padding-right: 20px !important;
			padding-bottom: 10px !important;
			font-style: italic;
			color: #a0a0a0;
			text-transform: uppercase;
			letter-spacing: 1px;
		}

		.sf-menu li.emphase:hover {
			background: none;
		}

		/* Menu responsive (fin) */
	}

@media (max-width:480px) {

		#header-logo a {
	        background-size: contain;
		    -webkit-background-size: contain;
		    width: 190px;
		    height: 90px;
		}

		.header-title img {
			width: 80% !important;
		}


		/* HOME */
		.home .detail-photo-container {
			height: 215px;
		}

		/* ---DETAIL ---- */
		.detail-photo-container .large-flap-container {
			height: 250px;
		}

		.extra-desc .extra-desc-content span.home-ref {
			margin-left: 0;
		}

		/* ---PAGE PROXIMITE ---- */
		.poi-col {
			width: 100%;
		}

		#GGMapPoiMSBien {
			height: 250px;
		}

	}
/* Google map show-on-click */
.gg-map.gg-map-show-on-click{ background: url("/images/beforemap.jpg") !important; background-position: center !important; background-size: cover !important; cursor: pointer !important; text-align: center; }
.gg-map.gg-map-show-on-click:before{ content: "Click to show the map"; display: inline-block; background: rgba(95, 95, 95, 0.76); color: #FFF; padding: 10px; position: relative; top: 45%; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.gg-map.gg-map-show-on-click:hover:before{ background: rgba(57, 57, 57, 0.88); }.gg-map.gg-map-show-on-click:hover:before{ background: rgba(57, 57, 57, 0.88); }
.fr .gg-map.gg-map-show-on-click:before{ content: "Cliquez pour afficher la carte"; }