/* @override
	http://www.versionbeta33.com/css/style.css
	http://drome-immobilier.versionbeta33.com/css/style.css
	http://leroy.franck.versionbeta33.com/css/style.css
	http://pierrette.jean.versionbeta33.com/css/style.css
	http://www.mainbeta.com/css/style.css
*/

/* @group Onviewport  */

/* Déclencheurs */

.onviewport-add {
	/*background: red;*/
	height: 1px;
	width: 200px;
	position: absolute;
	top: 101vh;
}

.onviewport-remove {
	/*background: green;*/
	height: 1px;
	width: 200px;
	position: absolute;
	top: 1px;
}

/* @end */


/* @group Effects / animations */

/* Effets Lazy Load*/

img[src*=".jpg"]{
	background: url(/images/lazy-loader-anim.gif) center center no-repeat;
}

/* Effets ( delay du animate */


.effect1{
animation-delay:100ms, 700ms;
-moz-animation-delay:100ms, 700ms; /* Firefox */
-webkit-animation-delay:100ms, 700ms; /* Safari and Chrome */
-o-animation-delay:100ms, 700ms; /* Opera */
}

.effect2{
animation-delay:700ms, 1300ms;
-moz-animation-delay:700ms, 1300ms; /* Firefox */
-webkit-animation-delay:700ms, 1300ms; /* Safari and Chrome */
-o-animation-delay:700ms, 1300ms; /* Opera */
}

.effect3{
animation-delay:1300ms, 1900ms;
-moz-animation-delay:1300ms, 1900ms; /* Firefox */
-webkit-animation-delay:1300ms, 1900ms; /* Safari and Chrome */
-o-animation-delay:1300ms, 1900ms; /* Opera */
}

.effect4{
animation-delay:1900ms, 2500ms;
-moz-animation-delay:1900ms, 2500ms; /* Firefox */
-webkit-animation-delay:1900ms, 2500ms; /* Safari and Chrome */
-o-animation-delay:1900ms, 2500ms; /* Opera */
}

.effect5{
animation-delay:2500ms, 3100ms;
-moz-animation-delay:2500ms, 3100ms; /* Firefox */
-webkit-animation-delay:2500ms, 3100ms; /* Safari and Chrome */
-o-animation-delay:2500ms, 3100ms; /* Opera */
}
.os-animation {
	opacity: 0;
}

.os-animation.animated {
	opacity: 1;
}

/* Scrollto Ancre : dans le contenu on fait une ancre décalée pour compenser la hauteur du header  */
.ancre {
	width: 0px; height: 0px;
	border:0px solid #000;
	display: block;
	top: -95px;
	position: relative;
}

/* Dot pulse */


.dot-pulse {
	position: relative;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.dot-pulse-centre{
	position: absolute;
    width: 10px;
    height: 10px;
	margin: 5px;
	border-radius: 100%;
	opacity: .8;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	color:#3e4854;
	background: #3e4854;
	text-align: center;
}
.dot-pulse-pulse{
	position: absolute;
	width: 20px;
    height: 20px;
	border-radius: 100%;
	background-color: #3e4854;
	opacity: .3;
	-moz-animation: dot-pulse 0.8s ease infinite;
	-webkit-animation: dot-pulse 0.8s ease infinite;
	-ms-animation: dot-pulse 0.8s ease infinite;
	animation: dot-pulse 0.8s ease infinite;
}



@-moz-keyframes dot-pulse{
	0% { -moz-transform: scale3d(1, 1, 1); }
	50% { -moz-transform: scale3d(1.5, 1.5, 1.5); }
	100% { -moz-transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes dot-pulse{
	0% { -webkit-transform: scale3d(1, 1, 1); }
	50% { -webkit-transform: scale3d(1.5, 1.5, 1.5); }
	100% { -webkit-transform: scale3d(1, 1, 1); }
}
@-keyframes dot-pulse{
	0% { transform: scale3d(1, 1, 1); }
	50% { transform: scale3d(1.5, 1.5, 1.5); }
	100% { transform: scale3d(1, 1, 1); }
}

/* @end */

/* @group Helpers */

html {
	font-smooth: always;
	position: relative;
}

body {
	background-color: #fff;
	position: relative;
}

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

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

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

img {
	vertical-align: middle;
}

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

textarea {
	resize: vertical;
}

.clear {
	clear: both;
}

.nomargin {
	margin: 0;
}

.nopadding {
	padding: 0;
}

.noborder {
	border: none;
}

.pointer {
	cursor: pointer;
}

.nolist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.acenter {
	text-align: center;
}

.ajustify {
text-align: justify;
}

.aright {
	text-align: right;
}

.aleft {
	text-align: left;
	margin: 0 !important;
}

.fleft {
	float: left !important;
}

.fright {
	float: right !important;
}

.smaller {
	font-size: 0.9em;
}

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



#global {
	top: 0;
	overflow: hidden;
	width: 100%;
	position: relative;
}

.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 */

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

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}


/* Icon SVG : donne la taille et la couleur de l'element parent */

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

/* Img COVER : l'image couvre toute la div qui l'englobe */

.cover-img {
	position: relative; z-index: 1;
}

/*.cover-img img {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	height: 100%;
	width: auto;
	margin-left: -10%;
}*/

.cover-img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

}


/* Pour les navigateurs qui prennent en charge object-fit */

@supports (object-fit: cover) {
	.cover-img
	img {
		width: 100%;
		top: 0px;
		left: 0px;
		bottom: 0px;
		right: 0px;
		height: 100%;
		object-fit: cover;
		transform: translate(0, 0);
		}
	}


/* Img CONTAIN : l'image prend la taille de la div qui l'englobe */

.contain-img img {
	height: auto;
	width: 100%;
	object-fit: contain;
}

/* Responsive Image : image en taille auto resize */

.responsive-img {
	width: auto; max-width: 100%;
}

/* @end */

/* @group [THEME] Couleurs */

/* @couleurs-variables
	Couleur principale : #28b8d7  > rgba = 39, 184, 215
Couleur hover : #004a9a
*/


/* Bloc couleur principale*/

.color1 {
	color: #28b8d7 !important;
}

.bg-color {
	background-color: #28b8d7 !important;
}

.bg-color-alpha {
	background-color: rgba(39, 184, 215, 0.9) !important;
}

/* Bloc Gris foncé*/

.bg-gray-dark {
	background-color: #474747 !important;
	color: #FFF;
}

/* Bloc Gris clair*/

.bg-gray-light {
	background-color: #f8f8f8 !important;
}

/* Bloc blanc */

.bg-white {
	background-color: #FFF;
	color: #232323 !important;
}

.color-white {
	color: #fff !important;
}

/* Lignes */

.big-hr {
	width: 100%;
	margin: 20px 0;
	border-top: 3px solid #e6e6e6;
	display: inline-block;
}

.small-hr {
	width: 50%;
	max-width: 100px;
	margin-top: 10px;
	border-top: 4px solid #28b8d7;
	display: inline-block;
}

.small-hr-gray {
	width: 50%;
	max-width: 100px;
	margin-top: 10px;
	border-top: 4px solid #dadada;
	display: inline-block;
}

/* @end */

/* @group [THEME] Fontes / Hierarchies titre */

html, body, button, input, select, textarea, .ui-dialog-title, .ui-dialog-content  {
	font-size: 15px;
	line-height: 1.5em;
	font-family: 'Open Sans', Arial, sans-serif;
	color: #303030;
	font-weight: 300;

}

/* == Reset des titres pour le ref == */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-rendering: optimizelegibility;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
}

p {
	margin: .7em 0 1em;
}

strong, b {
	font-weight: bold;
}

.heading1, .heading2, .heading3, .heading4, .heading5, .heading6 {
	padding: 5px 0;
}

.heading1 {
	color: #7e7e7e;
	line-height: 1.23em;
	font-weight: bold;
	display: inline-block;
}

.heading2 {
	color: #28b8d7;
	font-size: 1.85em;
	line-height: 1.1em;
	font-weight: 600;
}

.heading3 {
	color: #4a4a4a;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .15em;
}

.heading4 {
	color: #7a7a7a;
	font-size: 1.2em;
	line-height: 1.231em;
	text-transform: uppercase;
}

.heading5 {
	color: #353535;
	font-size: 1em;
	line-height: 1.231em;
	font-weight: bold;
	text-transform: uppercase;
}

.heading6 {
	color: #999797;
	font-size: 1em;
	line-height: 1.231em;
	text-transform: uppercase;
}

/* Simple title ( titre avec trait en dessous ) */

.simple-title {
	font-size: 1.4em;
	text-transform: uppercase;
	padding: 40px 0;
	font-weight: bold;
}

.simple-title span {
	width: 100%;
	display: inline-block;
}

.simple-title hr {
	margin: 15px 0 0;
	display: inline-block;
	width: 80px;
	border-top: 4px solid #28b8d7;
}

/* Simple title Smaller ( titre avec trait en dessous ) */

.simple-title-smaller {
font-size: 1.5em;
font-weight: bold;
padding: 10px 0;
}

.simple-title-smaller span {
	width: 100%;
	display: inline-block;
}

.simple-title-smaller hr {
	margin: 15px 0 0;
	display: inline-block;
	width: 80px;
	border-top: 4px solid #28b8d7;
}

/* Titre onglet ( titre avec trait de chaque cotés ) */

.titre-onglet {
	margin: 20px auto;
	text-align: center;
}

.titre-onglet-title {
	display: inline-block;
	width: 49%;
	text-align: center;
	font-size: 1.7em;
	float: left;
	font-weight: 600;
}

.titre-onglet-line {
	display: inline-block;
	width: 25%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.21);
	float: left;
	height: 1em;
}

.titre-onglet-title span {
	color: #28b8d7;
}


/* @end */

/* @group [THEME] Boutons / Liens */

/* Boutons en ligne ( on place les <a> ou autre dans un ul avec la class=inline-buttons */

ul.inline-buttons {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

ul.inline-buttons li {
	display: inline-block;
	vertical-align: middle;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}

/*ul.inline-buttons li:first-child {
	margin-left: 0;
}

ul.inline-buttons li:last-child {
	margin-right: 0;
}*/

/* Base */

a:link, a:visited {
	color: #28b8d7;
	text-decoration: none;
}

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

a:link.submit-classique, a:visited.submit-classique {
	color: #fff;
	padding: 11px 4% 0;
	height: 24px;
	display: inline-block;
	white-space: nowrap; *
	vertical-align: top;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover.submit-classique, a:active.submit-classique {
	color: #fff;
	text-decoration: none;
	background-color: #28b8d7;
}


/* Bouton avec contour + texte couleur principale */

.simple-btn .icon, .inline-buttons .icon {
	margin: 0 5px;
	vertical-align: middle;
}

a.simple-btn, span.simple-btn {
	border: 1px solid #28b8d7;
	font-size: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 15px 18px;
	color: #28b8d7;
	display: inline-block;
	text-decoration: none !important;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer !important;
	letter-spacing: 1px;
	margin: 2px 0;
}

.simple-btn a {color: #FFF!important;}

a.simple-btn:hover, span.simple-btn:hover {
	text-decoration: none;
	background-color: #28b8d7;
	color: #FFF;
}



/* Bouton plus petit */

a.tiny-btn, span.tiny-btn {
	border: 1px solid #28b8d7;
	font-size: 0.8em;
	padding: 12px;
	letter-spacing: 0.5px;
}


/* Bouton plus gros */

a.big-btn, span.big-btn {
	font-size: 1em;
}


/* Bouton avec applat de couleur + hover gris*/

a.simple-btn.color-btn, span.simple-btn.color-btn {
	border: none;
	color: #fff;
	background-color: #28b8d7;
}

a.simple-btn.color-btn:hover, span.simple-btn.color-btn:hover {
	background-color: #353535;
	color: #fff;
}






/* Bouton avec contour blanc + texte blanc  */

a.simple-btn.white-btn, span.simple-btn.white-btn {
	border: 1px solid #fff;
	color: #fff;
}

a.simple-btn.white-btn:hover, span.simple-btn.white-btn:hover {
	background-color: #fff;
	color: #28b8d7;
}

/* Bouton avec contour gris + texte gris  */

a.simple-btn.gray-btn, span.simple-btn.gray-btn {
	border: 1px solid #d5d5d5;
	color: #797979;
}

a.simple-btn.gray-btn:hover, span.simple-btn.gray-btn:hover {
	background-color: #3d3d3d;
	color: #fff;
}

/* Bouton avec fond gris + texte blanc  */

a.simple-btn.gray2-btn, span.simple-btn.gray2-btn {
	border: none;
	color: #fff;
	background-color: #3d3d3d;
}

a.simple-btn.gray2-btn:hover, span.simple-btn.gray2-btn:hover {
	border: none;
	background-color: #28b8d7;
}

/* Simple link */

a.simple-link, span.simple-link {
	color: #28b8d7;
	border-bottom: 2px solid #28b8d7;
	font-size: 1em;
	padding-bottom: 5px;
	font-weight: bold;
}

a.simple-link:hover, a.simple-link:hover {
	background-color: #3d3d3d;
	color: #fff;
}

a.nodecoration:hover {
text-decoration: none;
}

/* @end */

/* @group [LAYOUT] Généralités */

.wrapper {
	width: 100%;
	margin: 0 auto;
	max-width: 1300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 2%;
}

.wrapper-small {
	max-width: 980px;
}

.wrapper-medium {
	max-width: 1100px;
}

.wrapper-large {
	max-width: 1900px;
}

#content {
	vertical-align: top;
}

.home #content {
	background: transparent !important;
}

.page-container {
	padding-top: 20px;
	min-height: 800px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 20px;

}

.page-container-bg {
	/*background-image: -webkit-linear-gradient(bottom, white 20%, #efefef 100%);
	background-image: -moz-linear-gradient(bottom, white 20%, #efefef 100%);
	background-image: -ms-linear-gradient(bottom, white 20%, #efefef 100%);
	background-image: linear-gradient(to top, white 20%, #efefef 100%);*/
}


.header-banner-title {
	padding: 1% 0;
	/*background-image: linear-gradient(to bottom, rgba(47, 47, 47, 0.5) 100%, rgba(47, 47, 47, 0.5) 100%), url(/images/bg-header.jpg);
	background-size: cover;
	background-position: top;*/
}

.header-banner-title hr {
	border-top: 8px solid #005bbe;
    width: 100px;
    margin: 20px 0;
    text-align: left;
}

.header-banner-title .heading1 {
	color: #7e7e7e;
	font-size: 2.2em;
}

/* @end */

/* @group [LAYOUT] Conteneur Square & Round */

/* Square ( bloc carré )  */

.square {
	height: 0;
	padding-bottom: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}



/* Rectangle Horizontal  */

.rectangle-h {
	height: 0;
	padding-bottom: 70%;
	width: 100%;
	position: relative;
	overflow: hidden;
}




/* Round ( bloc rond )  */

.round {
	height: 0;
	padding-bottom: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 240px;
}

/* @end */

/* @group [LAYOUT] Round Widgets */

.round-widgets {
	margin: 0px auto;
	text-align: center;
	max-width: 1100px;
}

.round-widget-item {
	margin: 0px auto;
	display: inline-block;
	max-width: 240px;
	max-height: 240px;
	text-align: center;
}

.round-widgets .round-widget-text {
	display: inline-block;
	width: 100%;
	font-size: 1.9em;
	line-height: 1.4em;
	color: #005bbe;
	padding: 42% 22px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
}

.round-widgets .round-widget-text.two-lines {
	padding: 37% 22px;
}

.round-widgets .round-widget-icon {
	margin-top: 15px;
	display: inline-block;
	max-width: 60%;
	width: 100%;
}

.round-widget-item .round {
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.16);
	background: rgba(255, 255, 255, 0.6);
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.round-widget-item:hover .round {
	background: rgba(0, 91, 190, 0.7);
}

.round-widget-item:hover .round-widget-text {
	color: #fff;
}

.round-widget-item .round:hover {
	cursor: pointer;
}

/* @end */

/* @group [LAYOUT] Losange Widgets */

.losange-widgets {
	margin: 0px auto;
	text-align: center;
	max-width: 800px;
	z-index: 1;
	position: relative;
}

.losange-widget-item {
	margin: 0px auto;
	display: inline-block;
	max-height: 160px;
	max-width: 160px;
	text-align: center;
	background: rgba(49, 49, 49, 0.8);
	-ms-transform: rotate(45deg); /* Internet Explorer */
	-moz-transform: rotate(45deg); /* Firefox */
	-webkit-transform: rotate(45deg); /* Safari et Chrome */
	-o-transform: rotate(45deg); /* Opera */
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
}

.losange-widgets .losange-widget-text {
	display: inline-block;
	width: 100%;
	font-size: 1.2em;
	color: #fff;
	padding: 0 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
}

.losange-widgets .losange-widget-icon {
	margin-top: 15px;
	display: inline-block;
	max-width: 50%;
	width: 100%;

}

.losange-widget-item .square {
	-ms-transform: rotate(-45deg); /* Internet Explorer */
	-moz-transform: rotate(-45deg); /* Firefox */
	-webkit-transform: rotate(-45deg); /* Safari et Chrome */
	-o-transform: rotate(-45deg); /* Opera */

}

.losange-widget-item:hover{
	color: #FFF;
	background: #28b8d7;
}

.losange-widget-item .round:hover {
	cursor: pointer;
}

/* @end */

/* @group [LAYOUT] Card ( Bloc de contenu avec texte + image + link ) */
.shadow {
	box-shadow: 0 0 20px rgba(143, 143, 143, 0.26);
}


.card-image, .card-content {
	padding: 10px;
	margin: 0px auto;
	min-height: 50px;
}

.card-image img {
	width: 100%;
}

.card-title {
	font-size: 1.11em;
	line-height: 1.4em;
	color: #28b8d7;
	margin-bottom: 5px;
	font-weight: bold;
}

/* @end */

/* @group [LAYOUT] Side menu */

.side-menu {
	max-width: 360px;
}

.side-menu li a {
	display: inline-block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	border-bottom: 1px solid #ececec;
	text-transform: uppercase;
	font-size: 0.9em;
	line-height: 1.4em;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #5d5d5d;
	text-decoration: none;
}

.side-menu li a:hover {
	padding-left: 15px;
}

.side-menu li.current a, .side-menu li a:hover {
	background: #f0f0f0;
	color: #353535;
}

/* @end */

/* @group [LAYOUT] HEADER */

/* @group Header ref defilant */

.header-ref-h1 {
	height: 18px;
	line-height: 18px;
	padding: 4px 0 0 0;
	font-size: 85%;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	color: #dfdfdf;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.header-ref-h1, .header-ref-h1 table {
	color: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	position: absolute;
	width: 100%;
}

.header-ref-h1 h1, .header-ref-h1 span {
	margin: 0;
	display: inline;
	font-size: 0.8em;
}

.header-ref-h1 a:link, header-ref-h1 a:visited {
	color: #606060;
}

/* AffTableau Défilant  */

.header-ref-h1 ul {
	display: block;
	width: 100%;
	height: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.header-ref-h1 ul li {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	white-space: nowrap;
}

.header-ref-h2 {
	height: 57px;
	position: absolute;
	top: 22px;
	left: 330px;
	color: #fff;
	overflow: hidden;
}

.header-ref-h2 h2 {
	font-size: 10px;
	margin: 0;
}

/* @end */

#top {
	box-shadow: 4px 0 10px rgba(0, 0, 0, 0.31);
}

.home #top.scroll-to-fixed-fixed {
	background: #FFF;
}

.home #top {
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	box-shadow: none;
}

.home.onviewport-off #top {
	background: transparent;
}

.header-top {

}

.header-content {
	vertical-align: middle;
	text-align: right;
	padding: 5px 0;
}

/* Logo */

#header-logo {
	display: inline-block;
	vertical-align: middle;
    margin: 30px 0;
}

#header-logo img {
	width: 100%;
	height: auto;
	max-width: 467px;
}

/* @end */

/* @group [LAYOUT] Footer */

/*-- Scroll to Top btn --*/

a.scroll-btn-top {
	background: rgba(129, 129, 129, 0.7);
	position: fixed;
	bottom: 2%;
	left: 2%;
	padding: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-decoration: none;
	color: #FFF;
	cursor: pointer;
	z-index: 1000;
}

a.scroll-btn-top:hover {
	background: rgba(58, 58, 58, 0.9);
}

.onviewport-off .scroll-btn-top {
	display: none !important;
}



/*-- Adresse --*/

.pied-adresse {
	font-size: 1.5em;
	line-height: 1.5;
	margin: 40px 0;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 100%;
}

.pied-adresse hr {
	margin: 15px auto !important;
	width: 80px;
	border-top: 4px solid #4e4e4e !important;
}

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

.pied-adresse ul li {
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
}

.pied-agence-name {
	font-size: 1.3em;
	font-weight: bold;
	text-transform: lowercase;
}

/* Pour contrer la coloration des numéros de tél et fax sur mobiles */

.pied-adresse ul li.pied-agence-tel, .pied-adresse ul li.pied-agence-fax, .pied-adresse ul li.pied-agence-tel a:link, .pied-adresse ul li.pied-agence-fax a:link, .pied-adresse ul li.pied-agence-tel a:visited, .pied-adresse ul li.pied-agence-fax a:visited, .pied-adresse ul li.pied-agence-tel a:hover, .pied-adresse ul li.pied-agence-fax a:hover, .pied-adresse ul li.pied-agence-tel a:active, .pied-adresse ul li.pied-agence-fax a:active {
	color: #fff !important;
}

/*-- Footer Menu --*/

.footer-menu {
	margin: 30px 0;
	text-align: center;
	color: #838383;
}

.footer-menu a {
	color: #838383 !important;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.footer-menu a:hover {
	color: #fff !important;
	text-decoration: none;
}

/*.footer-menu a::before {
	content: "›";
	margin-right: 10px;
}*/

.footer-menu ul {
	float: left;
	display: inline-block;
	width: 25%;
	text-align: left;
	margin
}

.footer-menu li {
	padding: 3px 0 !important;
}

.footer-menu li:first-child {
	padding-bottom: 18px!important;
	text-transform: uppercase;
}


/*-- Footer Menu REF VILLES + REF ARBO--*/

.footer-menu .pied-ref-villes,
.footer-menu .pied-ref-arbo {
	width: 100%;
}

.footer-menu .pied-ref-villes,
.footer-menu .pied-ref-arbo{
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

.footer-menu .pied-ref-villes li:first-child,
.footer-menu .pied-ref-arbo li:first-child {
	text-transform: inherit;
	padding-bottom: 3px !important;
}

/*-- Message responsive --*/

.message-responsive {
	font-size: 1.15em;
	line-height: 1.6em;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	min-height: 45px;
	color: #838383;
}

.message-responsive .icon-responsive-logo {
	float: left;
	font-size: 50px;
	margin: -5px 10px 10px 0;
}

/* Signature Adapt */

.sign-adapt {
	display: inline-block;
	text-align: left !important;
	margin: 10px auto;
}

.sign-adapt ul {
	border-left: 1px dotted #838383;
	padding-left: 5px !important;
	margin-left: 5px !important;
	float: right;
	line-height: 12px;
	max-width: 130px;
	text-align: left !important;
}

.sign-adapt li {
	display: inline-block;
	font-size: 0.85em;
	vertical-align: text-top !important;
	margin: 0 !important;
	padding: 0 !important;
}

a.logo-adapt-footer {
	width: 95px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	font-size: 27px;
	line-height: 40px;
	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;
}

.logo-adapt-footer svg {
	width: 100%;
	margin-top: 8px;
}

#footer {
	background: #353535;
	color: #fff;
	padding-bottom: 150px;
	bottom: 0;
	width: 100%;
}

#footer hr {
	border-top: 1px solid #4e4e4e;
	margin: 0;
	padding: 0;
}


/* Menu */

.pied-menu {
	color: #838383;
	padding: 10px 0;
	margin: 20px 0;
	font-size: 0.9em;
}

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

.pied-menu-left {
	text-align: left;
}

.pied-menu-right {
	text-align: right;
}

.pied-menu li {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 0 0;
	padding: 0 15px 0 0;
}

.pied-menu li:last-child {
	padding-right: 0;
	margin-right: 0;
}

.pied-menu a, .pied-menu a:link, .pied-menu a:visited {
	white-space: nowrap;
	color: #838383;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.pied-menu a:hover, .pied-menu a:active {
	white-space: nowrap;
	color: #fff;
	background-color: transparent;
}



#pied-social {
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* @end */

/* @group [LAYOUT] Dialog ( Jquery Standard) */

/* on masque le bouton ok  */

.no-ok .ui-dialog-buttonpane, .no-ok .ui-dialog-buttonpane,
.no-title .ui-dialog-title {
	display: none !important;
}
.no-title .ui-widget-header {
padding: 20px 0 0 !important;
}


/* Assombrissement */

/* fade-in-classic */
@-webkit-keyframes fade-in-classic {
0% {
	opacity: 0;
}

100% {
	opacity: 1;
}
}
@keyframes fade-in-classic {
0% {
	opacity: 0;
}

100% {
	opacity: 1;
}
}

/* fade-in-top */

@-webkit-keyframes fade-in-top {
0% {
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
	opacity: 0;
}

100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
}
@keyframes fade-in-top {
0% {
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
	opacity: 0;
}

100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
}





.ui-widget-overlay {
	background: rgba(16, 16, 16, 0.6) !important;
	-webkit-animation: fade-in-classic 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in-classic 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.ui-dialog {
	padding: 1%;
	background: #fff !important;
	border-radius: 0 !important;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	max-height: 90% !important;
	width: 95% !important;
	max-width: 850px !important;
	overflow-y: auto !important;
	-webkit-border-radius: 8px !important;
	border-radius: 8px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-animation: fade-in-classic 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in-classic 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.ui-widget-content {
	border: none !important;
	color: #4a4a4a;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

/* Header de la box */

.ui-widget-header {
	background: none;
	border: none !important;
}

.ui-dialog-title {
	font-size: 1.4em;
	letter-spacing: normal;
	text-transform: none;
	font-weight: bold;
}

button.ui-button.ui-widget {
	background-color: transparent !important;
	padding: 0 !important;
	border: none;
}

.ui-button-text {
	background-color: #28b8d7;
	font-size: 15px;
	color: #FFF;
	border: none;
	text-transform: uppercase;
	padding: 10px !important;
}

.ui-button-text:hover {
	background: #535353;
}

.ui-dialog-titlebar-close {
	border: 1px solid #333;
	padding: 0px !important;
	width: 32px !important;
	height: 32px !important;
	text-align: center !important;
	line-height: 32px !important;
	-webkit-border-radius: 16px !important;
	border-radius: 16px;
	top: 10px !important;
	-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;
}

.ui-dialog-titlebar-close:hover {
	background: #28b8d7 !important;
	border: 1px solid #28b8d7 !important;
}

.ui-dialog-titlebar-close .ui-icon-closethick {
	margin: 0px auto !important;
	margin-top: 8px !important;
	background-image: url(/css/images/ui-icons_454545_256x240.png);
}

.ui-dialog-titlebar-close:hover .ui-icon-closethick {
	background-image: url(/css/images/ui-icons_ffffff_256x240.png);
}



.ui-dialog-titlebar {
	padding-bottom: 10px !important;
	margin-bottom: 5px !important;
	border-radius: 0 !important;
	color: #4a4a4a !important;
	font: .75em/1em Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .15em;
	padding-top: 10px !important;
}

.ui-dialog-content {
	font-size: .8em;
}

/* Footer de la box */

.ui-dialog-buttonpane {
	background-image: none !important;
	background-color: transparent !important;
}

/* Dialog avec iframe ( visite virtuel , video etc..) */

.ui-dialog-content iframe{
	max-width: 100% !important;
	margin: 0px auto;
	display: block;
	border: none;
}

#DialogVVV .ui-dialog-buttonpane {
display: none !important;
}



/* Dialog Alert FirstVisit*/

#DialogAlertFirstVisit .lieu{
	z-index: 10000!important;
}



	/* Dialog Share box */

#DialogFriend, .DialogFriend {
	background: url('/images/share-ill.png') no-repeat left bottom !important;
}

.dialog-share {
	float: left;
	width: 31%;
}

.dialog-send {
	float: left;
	width: 50%;
}

.dialog-or {
	float: left;
	width: 5%;
	margin: 7% 7% 4% 5%;
}

.dialog-or span {
	display: inline-block;
	background: #bfbfbf;
	color: #FFF;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.dialog-share-title, .dialog-send-title {
	border-bottom: 3px solid #eaeaea;
	padding: 10px 0 15px;
	text-align: left;
	color: #28b8d7;
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 10px;
	display: inline-block;
}

.dialog-share .social-menu {
	text-align: left;
}

/* @end */


/* @group [LAYOUT] Dialog ( Fullscreen) */

.dialog-fullscreen {
	padding: 0;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	max-width: inherit !important;
	max-height: inherit !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	width: 100% !important;
	height: 100vh !important;
	background: rgba(23, 23, 23, 0.5) !important;
}

.dialog-fullscreen .ui-widget-header {
	margin: 0 !important; padding: 0 !important;
}

.dialog-fullscreen .ui-dialog-title,
.dialog-fullscreen .ui-dialog-buttonpane {
display: none !important;
}



.dialog-fullscreen .ui-dialog {
	padding: 0% !important;
	box-shadow: none;
	max-height: inherit !important;
	width: 100% !important;
	max-width: inherit !important;
	overflow-y: auto !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	-webkit-animation: fade-in-classic 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in-classic 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;



}

.dialog-fullscreen .ui-widget-content {
	padding: 0 !important;
	border: none !important;
	color: #4a4a4a;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100% !important;
	height: 100% !important;
	overflow: inherit !important;
}


.dialog-fullscreen a.ui-dialog-titlebar-close.ui-corner-all {
	z-index: 1000 !important;

}

.dialog-fullscreen iframe {
	width: 100% !important;
	height: 100% !important;
	border: 0 !important;
}


.dialog-fullscreen .ui-dialog-titlebar-close {
	border: 1px solid #28b8d7;
	padding: 0px !important;
	width: 32px !important;
	height: 32px !important;
	text-align: center !important;
	line-height: 32px !important;
	-webkit-border-radius: 16px !important;
	border-radius: 16px;
	top: 20px !important;
	-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;
	background: #28b8d7 !important;
	right: 20px;
}

.dialog-fullscreen .ui-dialog-titlebar-close .ui-icon-closethick {
	margin: 0px auto !important;
	margin-top: 8px !important;
	background-image: url(/css/images/ui-icons_ffffff_256x240.png);
}

.ui-dialog-titlebar-close:hover .ui-icon-closethick {
	background-image: url(/css/images/ui-icons_ffffff_256x240.png);
}


.dialog-fullscreen .ui-dialog-titlebar-close:hover {
	background: #565656 !important;
	border: 1px solid #565656 !important;
}


/* @end */



/* @group [MENU] SF Menu / Menu deroulant */

.sf-menu ul {
	position: absolute;
	top: -999em;
	max-width: 330px;
	min-width: 190px;
	z-index: 100000;
}

.sf-menu ul li {
	display: block;
	width: 100%;
	text-align: left;
	height: auto;
}

.sf-menu li:hover {
	visibility: inherit;
}

.sf-menu li {
	position: relative;
}

.sf-menu li.menu-deroulant ul {
	display: none;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0;
	top: 0;
	z-index: 100000;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 4px rgba(0,0,0,.3);
}

.sf-menu li.sfHover ul::before {
	bottom: 100.5%;
	left: 30px;
	content: "\25BE";
	font-size: 20px;
	line-height: 0;
	position: absolute;
	color: rgba(255, 255, 255, 0.9);
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
	text-shadow: -1px 1px 2px rgba(128, 128, 128, 0.2);
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 10em;
	top: 0;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left: 180px;
	top: 0;
}

.sf-menu ul li a:link, .sf-menu ul li a:visited {
	background: none;
	color: #000;
	border-bottom: 1px solid #cfdadc !important;
	display: block;
	width: 100%;
	vertical-align: middle;
	padding: 10px 12px !important;
	margin: 0 !important;
	text-transform: none;
	letter-spacing: 0;
	font-size: 13px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: normal;
	font-style: normal;
}

.sf-menu ul li a:hover {
	background-color: #fff;
	color: #000;
}

.sf-menu ul li:last-child a {
	border-bottom: none
}

/*-- Pour caler le déroulant à droite de l'item --*/

.sf-menu  li.right-deroulant:hover ul, .sf-menu  li.right-deroulant.sfHover ul {
	left: 0 !important;
	right: 0 !important;
}

.sf-menu li.right-deroulant.sfHover ul::before {
	left: 20px !important;
}

/*-- Pour caler le déroulant au centre de l'item --*/

.sf-menu  li.center-deroulant:hover ul, .sf-menu  li.center-deroulant.sfHover ul {
	left: -200% !important;
}

.sf-menu li.center-deroulant.sfHover ul::before {
	left: 50%;
}

/* @end */

/* @group [MENU] Langues */

/*-- Langues --*/

.deroulant-lang  a {
	margin-right: 0 !important;
}


/*-- En mode texte --*/

.deroulant-lang  a.current-lang {
	border-bottom: 4px solid #28b8d7 !important;
}

.deroulant-lang .current-lang span::after {
	display: inline-block;
	font-size: 0.9em;
}

.fr .current-lang span::after {
	content: "FR";
}

.uk .current-lang span::after {
	content: "UK";
}

.sf-menu  .deroulant-lang ul {
	width: 60px !important;
	min-width: inherit;
}

/*-- En mode drapeaux --*/

.deroulant-lang.deroulant-flag .current-lang span {
	display: inline-block;
	width: 22px;
	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;
	vertical-align: bottom;
}

.deroulant-lang.deroulant-flag .current-lang span::after {
	display: none;
}

.fr .current-lang span {
	background-position: 0px 0px;
}

.uk .current-lang span {
	background-position: 0px -20px;
}

/* @end */

/* @group [MENU] Little Menu ( menu sur le coté)  */

.little-menu {
	position: fixed;
	color: #FFF;
	right: 0;
	top: 22%;
	width: 46px;
	z-index: 10;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	padding-top: 10px;
	background-color: rgba(0, 0, 0, 0.6);
	padding-right: 5px;
}

.home .little-menu {
	top: 200px;
}

.little-menu li {
	text-align: center;
	position: relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.little-menu li .icon {
	font-size: 1.5em !important;
}

.little-menu li a {
	color: #FFF;
	text-decoration: none;
}

.little-menu li .little-menu-txt {
	position: absolute;
	display: none;
	white-space: nowrap;
	font-size: 0.9em;
	color: #FFF;
	padding: 2px 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	right: 50px;
	background-color: rgba(0, 0, 0, 0.9);
}

.little-menu li:hover .little-menu-txt {
	display: inline-block;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	right: 65px;
}

.little-menu li .little-menu-ico {
	display: inline-block;
	height: 40px;
	width: 40px;
	cursor: pointer;
}

/* @end */

/* @group [MENU] Header Menu */

.header-menu {
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: bold;
}

.header-menu ul {
	margin: 0;
	padding: 0;
	display: inline-block;
}

.header-menu li {
	display: inline-block;
}

.header-menu li a:link, .header-menu li a:visited {
	color: #fff;
	text-decoration: none;
	letter-spacing: 0.02em;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	padding: 0 2px 10px;
	margin: 0 10px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.header-menu li a:hover, .header-menu li a:active, .header-menu li.current a {
	text-decoration: none;
	border-bottom: 4px solid #28b8d7;
}

.header-menu li:first-child a {
	margin-left: 0;
}

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

.header-menu.sf-menu  ul {
	top: 40px !important;
}

.header-menu .icon-arrow-down {
	font-size: 0.5em;
	margin-left: 5px;
}

.header-menu .menu-with-icon a {
	margin: 4px !important;
}

.header-menu .menu-with-icon .icon {
	vertical-align: middle;
	font-size: 1.2em;
}

.header-menu .menu-with-icon .menu-with-icon-label {
	margin-right: 15px;
	display: none;
}/* on fait apparaitre le label dans le menu responsive*/

/* Notification */

.ui-effects-transfer {
	border: #000 2px dotted;
}

.maselection.menu-with-icon {
	text-align: center;
}

.maselection.menu-with-icon a {
	margin-left: 0 !important;
}

.notif-nb {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	text-align: center;
	background-color: #28b8d7;
	line-height: 16px;
	font-size: 10px;
	-webkit-border-radius: 50%%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.maselection a .notif-nb {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.maselection a:hover .notif-nb {
	color: #fff;
	text-decoration: none;
	background-color: #232d32;
}

.little-menu .notif-nb {
	position: absolute;
	right: 2px;
}

/* @end */

/* @group [MENU] Main Menu */

.home .main-menu {
    position: fixed;
    bottom: 0;
    z-index: 15;
    width: 100%;
}

.main-menu ul, .main-menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-menu li:first-child {
	background: #3a8b0f;
}

.main-menu {
	background-color: #28b8d7;
}

.main-menu-wrapper {
	color: #FFF;
	text-align: center;
	width: 100%;
	display: table;
	position: relative;
	margin: 0px auto;
	vertical-align: top !important;
}

.main-menu ul {
	display: table-row;
	width: 100%;
	vertical-align: top;
}

.main-menu li {
	display: table-cell;
	min-width: 100px;
	width: 16%;
	vertical-align: middle;
}

.main-menu li a {
	display: inline-block;
	font-size: 1.2em;
	color: #FFF;
	text-decoration: none;
	padding: 30px 0;
	width: 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	vertical-align: middle;
	font-weight: bold;
	height: 30px;
}

.main-menu li a:hover, .main-menu li.current a {
	background: #004a9a;
}

.main-menu .sf-menu  ul {
	top: 80px !important;
}

/* @end */

/* @group [MENU] Alt Menu */

.alt-menu {
	font-size: 1em;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 5px;
}

.alt-menu li {
	display: inline-block;
	margin: 5px 10px;
}

.alt-menu li a {
	color: #666666;
	text-decoration: none;
	letter-spacing: 0.02em;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	padding: 0 2px;
	margin: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.alt-menu li a:hover, .alt-menu li a:active, .alt-menu li a.current {
	text-decoration: none;
}

/* @end */

/* @group [MENU] Menu Responsive Panel */

/* JS nav : la class .panel-open est ajoutée à HTML quand le panel est ouvert :
on bloque le scroll du body et on l'ajoute au responsive menu */
.panel-open,
.panel-open body{ overflow: hidden !important; position: fixed !important; top: 0;}

.panel-open .responsive-menu{
	overflow: auto;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.31);
}


/* Bouton Nav Open */

#nav-open-btn {
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background-color: #28b8d7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 15px;
	color: #fff;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 15px;
}

#nav-open-btn:hover {
	background-color: #6b6b6b;
}

.nav-open-btn-label {
	display: none;
}



/* Bouton Nav Close */

#nav-close-btn {
	font-size: 30px;
	color: #6b6b6b;
	margin: 20px 20px 10px 10px;
	display: inline-block;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
}

#nav-close-btn:hover {
	color: #fff;
}

.nav-close-btn-label {
	display: none;
}


/* Panel */

.panel-overlay {
	display: none;
	position: absolute;
	width: 100%;
	height: 100vh;
	z-index: 1000;
	top: 0;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background: -webkit-linear-gradient(right, rgba(6, 6, 6, 0) 0%, rgba(0, 0, 0, 0.49) 100%) rgba(36, 38, 41, 0.4);
	background: -moz-linear-gradient(right, rgba(6, 6, 6, 0) 0%, rgba(0, 0, 0, 0.49) 100%) rgba(36, 38, 41, 0.4);
	background: -ms-linear-gradient(right, rgba(6, 6, 6, 0) 0%, rgba(0, 0, 0, 0.49) 100%) rgba(36, 38, 41, 0.4);
	background: linear-gradient(to left, rgba(6, 6, 6, 0) 0%, rgba(0, 0, 0, 0.49) 100%) rgba(36, 38, 41, 0.4);
}

.panel-open .panel-overlay {
	display: block;
}

.responsive-menu {
	visibility: hidden;
	position: fixed;
	z-index: 1100;
	width: 85%;
	max-width: 250px;
	left: -45%;
	top: 0;
	height: 100vh;
	-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;
	background-color: #242424;
	text-align: right;
	-webkit-animation: responsive-menu-closing 0.8s cubic-bezier(0.860, 0.000, 0.070, 1.000);
	animation: responsive-menu-closing 0.8s cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.responsive-menu .block {
	margin-bottom: 100px;
}

.panel-open .responsive-menu {
	visibility: visible;
	left: 0;
	-webkit-animation: responsive-menu-opening 0.4s cubic-bezier(0.860, 0.000, 0.070, 1.000);
	animation: responsive-menu-opening 0.4s cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

/* Panel opening */
@-webkit-keyframes responsive-menu-opening {
0% {
	-webkit-transform: translateX(-1000px);
	transform: translateX(-1000px);
	opacity: 0;
}

100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
}
@keyframes responsive-menu-opening {
0% {
	-webkit-transform: translateX(-1000px);
	transform: translateX(-1000px);
	opacity: 0;
}

100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
}

/* Panel Closing */
@-webkit-keyframes responsive-menu-closing {
0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

100% {
	-webkit-transform: translateX(-1000px);
	transform: translateX(-1000px);
	opacity: 0;
}
}
@keyframes responsive-menu-closing {
0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

100% {
	-webkit-transform: translateX(-1000px);
	transform: translateX(-1000px);
	opacity: 0;
}
}



/* Menu (Aspect) */

.responsive-menu li {
	border-bottom: 1px solid #333;
	list-style: none;
}

.responsive-menu li a {
	display: inline-block;
	width: 100%;
	padding: 10px 25px 10px 10px;
	color: #FFF;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-transform: uppercase;
	font-size: 1em !important;
	letter-spacing: 1px;
}

.responsive-menu li a:hover {
	background-color: rgba(76, 76, 76, 0.86);
}

/* Menu deroulant */

.responsive-menu .sf-menu ul {
	position: relative;
	display: none;
	background: transparent;
	box-shadow: none !important;
	margin: 0 !important;
	padding: 0;
	max-width: inherit !important;
	width: inherit !important;
}

.responsive-menu .sf-menu li.menu-deroulant:hover ul {
	height: auto;
	display: block;
	right: 0px !important;
}


.responsive-menu .sf-menu ul li {
	display: block;
	width: 100%;
	text-align: right; /* height: auto; */
	height: 43px;
	background: transparent;
}

.responsive-menu .sf-menu ul li {
	height: auto;
	background: #2a2a2b;
}

.responsive-menu .sf-menu ul li a {
	color: rgba(255, 255, 255, 0.74) !important;
	border-bottom: none;
	display: block;
	width: 100%;
	height: auto;
	line-height: inherit;
	font-size: 1em !important;
	padding: 10px 40px 10px 10px !important;
	background-color: #545454;
}

.responsive-menu .sf-menu ul li a:hover {
	background-color: #494949;
	color: #fff;
}

/* Petits fleches*/

.responsive-menu .sf-menu li.sfHover ul::before {
	display: none;
}

.responsive-menu .sf-menu li .icon-arrow-down {
	font-size: 8px;
	margin-left: 10px;
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
	-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;
}

.responsive-menu .sf-menu li:hover .icon-arrow-down {
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
}

/* Ajustements*/

.responsive-menu .deroulant-lang  a.current-lang {
	border-bottom: none !important;
}

.responsive-menu .maselection {
	text-align: inherit;
}

.responsive-menu .maselection {
	text-align: inherit;
}

.responsive-menu .maselection .icon{
	display: none;
}

/* @end */

/* @group [MODULE] Bg Header */
.bg-header {
	position: absolute;
	height: 150px;
	width: 100%;
	z-index: 0;
	background: url('/images/superslide/bg-superslide1.jpg') center top no-repeat fixed #f5f5f5;
	background-size: cover;
}

.home .bg-header {
	position: fixed;
	width: 100%;
	min-height: 100vh;
	background: url('/images/superslide/bg-superslide1.jpg') center top no-repeat  #f5f5f5;
	background-size: cover;
	z-index: -2;
}

/* @end */

/* @group [MODULE] Video FullSize Background */

#video-bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: #d1d1d1
}

#video-bg > video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0 !important;
}

#video-bg.alpha > video {
	opacity: 0.6 !important;
}

	/* 1. No object-fit support: */

@media (min-aspect-ratio: 16/10) {
	#video-bg > video {
		height: 300%;
		top: -100%;
	}
}
	@media (max-aspect-ratio: 16/10) {
	#video-bg > video {
		width: 300%;
		left: -100%;
	}
}
	/* 2. If supporting object-fit, overriding (1): */

@supports (object-fit: cover) {
	#video-bg >
	video {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
	}

/* @end */

/* @group [MODULE] Superslide */

.superslides {
	z-index: -1;
	position: fixed !important;
	top: 0;
}

.slidesuperslide-1 {
	background: url('/images/superslide/bg-superslide1.jpg');
	background-size: cover;
	background-position: center;
}

.slidesuperslide-2 {
	background: url('/images/superslide/bg-superslide2.jpg');
	background-size: cover;
	background-position: center;
}

.slidesuperslide-3 {
	background: url('/images/superslide/bg-superslide3.jpg');
	background-size: cover;
	background-position: center;
}

/* @end */

/* @group [MODULE] Contact map + liste agence */

/* Liste Agences / Agents */


.liste-contact-container {
	height: 650px;
	overflow: auto;
	width: 100%;
	display: block;
}

.liste-contact-item {
	line-height: 1.4em;
	font-size: 1em;
	border-top: 1px solid #dbdbdb;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.liste-contact-item:first-child {
	border-top: none;
}

.liste-contact-item:hover {
	background-color: #f1f1f1;
}

.liste-contact-image {
	text-align: center;
}

/*.liste-contact-image img {
	width: 100%;
	height: 100%;
}*/

.liste-contact-desc {

}

.liste-contact-name {
	text-transform: uppercase;
	color: #28b8d7;
	font-weight: bold;
}

.btn-agent, .btn-agent-only, .btn-agence, .btn-agence-only, .btn-minisite-agence, .btn-minisite-agent, .minisite-contact.contact-agent .btn-minisite-agence, .minisite-contact.contact-agence .btn-minisite-agent, .minisite-contact.contact-agent .btn-agent-only, .minisite-contact.contact-agence .btn-agence-only {
	display: none!important;
}

.contact-agent .btn-agent, .contact-agence .btn-agence, .contact-agent .btn-agent-only, .contact-agence .btn-agence-only, .minisite-contact.contact-agence .btn-minisite-agence, .minisite-contact.contact-agent .btn-minisite-agent {
	display: inline-block!important;
}

/* Map Agences / Agents */

.contact-liste .gm-style .gm-style-iw {
	width: 420px !important;
}

/* Detail Agences / Agents */

.detail-contact-desc-intro * {
	color: #4a4a4a !important;
	font-size: 1em !important;
	line-height: 1.55em !important;
}

.detail-contact-coordonnees {
	line-height: 1.8em;
	display: inline-block;
	text-align: left;
}

.detail-contact-image {
	margin-bottom: 20px;
}

.detail-contact-image img {
	width: auto;
	max-width: 100%;
}

.detail-contact-name {
	text-transform: uppercase;
	color: #28b8d7;
	font-weight: bold;
}

.detail-contact-map {
	height: 800px;
	max-height: 75vh;
}

.detail .btn-agence,
.detail .btn-agent,
.detail .btn-agence-only,
.detail .btn-agent-only {
	display: block!important;
	color: #fff;
}

.contact-agence-tel:hover {
	text-decoration: none!important;
}

.detail .minisite-contact .btn-minisite-agent,
.detail .minisite-contact .btn-minisite-agence {
	display: block;
	color: #fff;
}

.detail .minisite-contact .btn-agence-only,
.detail .minisite-contact .btn-agent-only {
	display: none;
}



/* @end */

/* @group [MODULE] Avis clients Opinion System */

/* OS Preview ( Etoile avec pourcentage et logo Opinion System )  */

.os-preview a{
	text-decoration: none !important;}

.os-etoiles {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	height: 21px;
	width: 108px;
	background-position: 0 center;
	background-repeat: no-repeat;
	-webkit-background-size: auto auto;
	background-size: auto auto;
	background-image: url(/images/stars.png);
	background-image: -webkit-image-set(url(/images/stars.png) 1x, url(/images/stars@2x.png) 2x);
	background-image: image-set("/images/stars.png" 1x, "/images/stars@2x.png" 2x);
}

.os-etoiles .masque-os-etoiles {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-repeat: no-repeat;
	background-position: 0 center;
	-webkit-background-size: auto auto;
	background-size: auto auto;
	background-image: url(/images/stars-masque.png);
	background-image: -webkit-image-set(url(/images/stars-masque.png) 1x, url(/images/stars-masque@2x.png) 2x);
	background-image: image-set("/images/stars-masque.png" 1x, "/images/stars-masque@2x.png" 2x);
}

.os-taux-satisfaits {
	padding-left: 6px;
	color: #707070;
	display: inline-block;
	vertical-align: bottom;
}

/* @end */

/* @group [MODULE] Avis clients Opinion System */

/* Etoiles - Poucentage de satisfaction */
/*.satisfaction-container {display: block; width: 100%; text-align: center; margin-top: 17px;margin-bottom:40px }
.home-avis-container .home-avis-ico.ico-etoiles {display: inline-block; *display:inline; *zoom:1; vertical-align: top; position: relative; height: 21px; width: 108px; background-position: 0 center; -webkit-background-size: auto auto; background-size: auto auto;
	background-image: url(/images/stars.png);
	background-image: -webkit-image-set(url(/images/stars.png) 1x, url(/images/stars@2x.png) 2x);
	background-image: image-set("/images/stars.png" 1x, "/images/stars@2x.png" 2x);
}
.home-avis-container .home-avis-ico.ico-etoiles .masque-etoiles {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 0 center; -webkit-background-size: auto auto; background-size: auto auto;
	background-image: url(/images/stars-masque.png);
	background-image: -webkit-image-set(url(/images/stars-masque.png) 1x, url(/images/stars-masque@2x.png) 2x);
	background-image: image-set("/images/stars-masque.png" 1x, "/images/stars-masque@2x.png" 2x);
}*/

/* @end */

/* @group [MODULE] Avis Clients Adapt */

.ma-widget-feedback {
	margin: 0 auto;
}

/* @end */

/* @group [MODULE] Widget prendre rdv avec assistant immo */

#assistant-immo-integrated-button {
	bottom: 20px!important;
	right: 110px!important;
	z-index: 20 !important;
}

/* @end */



/* @group [MODULE] Avis Clients Adapt */

/* @group Avis clients (communs) */

.rating{
	display: inline-block ;
	vertical-align: middle;
}


.star {
	background-image: url(/images/star0.png);
	background-image: -webkit-image-set(url(/images/star0.png) 1x, url(/images/star0@2x.png) 2x);
	background-image: image-set("/images/star0.png" 1x, "/images/star0@2x.png" 2x);
	background-repeat: no-repeat;
	width: 21px;
	height: 21px;
	display: inline-block;
	vertical-align: top;
}

.star-active {
	background-image: url(/images/star1.png);
	background-image: -webkit-image-set(url(/images/star1.png) 1x, url(/images/star1@2x.png) 2x);
	background-image: image-set("/images/star1.png" 1x, "/images/star1@2x.png" 2x);
	background-repeat: no-repeat;
	cursor: pointer;
}

.star-nopointer {
	cursor: default!important;
}

.nb-rating {
	padding-left: 6px;
	color: #707070;
	display: inline-block;
	vertical-align: bottom;
}

.rating a {
	text-decoration: none !important;
}

/* @end */

/* @group Avis Client - Home */

.home-slide-avis {
	background-color: #fff;
	min-height: 350px;
	position: relative;
	width: 100%;
	text-align: left;
}

.home-avis-col1 {
	width: 33%;
	display: inline-block;
}

.home-avis-col2 {
	width: 66%;
	display: inline-block;
	vertical-align: middle;
}

.rating-home {
	margin-top: 40px;
	margin-left: 31%;
}

.nb-rating-home, .infos-avis {
	text-align: center;
	font-size: 1.3em;
}

/* @end */

/* @group Avis Satisfaction Resume */

.satisfaction-resume {
	color: #333333;
	font-size: 1.1em;
	font-weight: bold;
}

.round-number {
	display: inline-block;
	width: 30px;
	text-align: center;
	color: #FFF;
	background-color: #28b8d7;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}

/* @end */

/* @group Avis liste */

.liste-avis {

}

.liste-avis-item {
	margin-bottom: 10px;
	border-top: 1px solid #d7d7d7;
	padding-top: 10px;
}

.infos-avis, .date-avis {
	color: #999;
}

.equart-span {
	background: #eee;
	padding: 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.liste-avis-indice-btn:after {
	background-image: url(/images/bg-custom-selector.png);
	background-image: -webkit-image-set(url(/images/bg-custom-selector.png) 1x, url(/images/bg-custom-selector@2x.png) 2x);
	background-image: image-set("/images/bg-custom-selector.png" 1x, "/images/bg-custom-selector@2x.png" 2x);
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 45%;
	width: 10px;
	height: 6px;
	content: "";
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
	-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;
}

.liste-avis-indice-btn.closed:after {
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
}

.service-rating-detail {
	float: right
}

.service-rating-detail .star {
	width: 18px;
	height: 18px;
}

.indice-deroulant {
	float: right;
	margin-top: -10px;
}

.page-container .nb-rating {
	color: #000;
	font-size: 80%;
	line-height: 1.4em;
	vertical-align: top;
}

.share-title {
	text-align: center;
	color: #28b8d7;
	font-size: 1.1em;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* @end */

/* @end */

/* @group [MODULE] Trust pilot */

.trustpilot-top {
	display: inline-block;
	vertical-align: bottom;
}

/* @end */

/* @group [MODULE] Google map - Généralités */

/* Google map infos-bulle */

.gg-map .DivBubble, .gg-map .infos_bulle {
	display: inline-block;
	width: 100%;
}


/* 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);
}

.fr .gg-map.gg-map-show-on-click:before {
	content: "Cliquez pour afficher la carte";
}

.uk .gg-map.gg-map-show-on-click:before {
	content: "Click to show the map";
}

/* @end */

/* @group [MODULE] Geopoly Search */

.geopoly {
	border-top: 1px dashed #c8c8c8;
	border-bottom: 1px dashed #c8c8c8;
	margin-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
}

.or-geopoly {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #777777;
	display: inline-block;
	background-color: #e6e6e6;
	width: 25px;
	height: 25px;
	line-height: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ui-dialog #DialogPolyMap .gg-map {
	height: 475px !important;
}

button.ggmap-polygon-clear, button.ggmap-polygon-remove, button.ggmap-polygon-ok, button.ggmap-polygon-submit {
	border: none !important;
	background-color: #565656 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	font-size: 0.95em !important;
	color: #FFF !important;
	background-image: url(/images/ico-geopoly.png) !important;
	background-image: -webkit-image-set(url(/images/ico-geopoly.png) 1x, url(/images/ico-geopoly@2x.png) 2x) !important;
	background-image: image-set("/images/ico-geopoly.png" 1x, "/images/ico-geopoly@2x.png" 2x)!important;
	background-repeat: no-repeat !important;
	padding-left: 15px !important;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	font-weight: bold;
}

button.ggmap-polygon-clear:hover, button.ggmap-polygon-remove:hover, button.ggmap-polygon-ok:hover, button.ggmap-polygon-submit:hover {
	background-color: #3f3f3f !important;
}

button.ggmap-polygon-clear {
	background-position: left -2px !important;
}

button.ggmap-polygon-remove {
	background-position: left -31px !important;
}

button.ggmap-polygon-ok, button.ggmap-polygon-submit {
	background-position: left -62px !important;
	background-color: #28b8d7 !important;
}

button.ggmap-polygon-clear {
	background-position: left -2px !important;
}

button.ggmap-polygon-remove {
	background-position: left -31px !important;
}

button.ggmap-polygon-ok, button.ggmap-polygon-submit {
	background-position: left -62px !important;
	background-color: #28b8d7 !important;
}

.poly-error {
	font-size: 1.5em !important;
	margin-bottom: 20px;
	background-color: rgba(254, 101, 101, 0.5);
	color: #ee0000;
	padding: 5px;
}

/* Message Tablette ( visible que sur les tablettes) */

.geopoly-message-tablette {
	font-size: 1em !important;
	background-image: url(/images/ill-geopoly.png);
	background-image: -webkit-image-set(url(/images/ill-geopoly.png) 1x, url(/images/ill-geopoly@2x.png) 2x);
	background-image: image-set("/images/ill-geopoly.png" 1x, "/images/ill-geopoly@2x.png" 2x);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 110px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.geopoly-message-tablette strong {
font-size: 1.15em !important;
font-weight: bold;
color: #28b8d7;
}

/* @end */

/* @group [MODULE] MYA */

/* MYA Side menu*/

.mya-side-menu {

}

.mya-side-bienvenue {
	font-style: italic;
	color: #989696;
	padding-left: 10px;
}

/* MYA Login page*/

.mya-form-login {
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.11);
}

.bulle-gratuit {
	width: 60px;
	height: 60px;
	display: inline-block;
	background-repeat: no-repeat;
	color: #FFF;
	background-color: #28b8d7;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	line-height: 60px;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	-ms-transform: rotate(-10deg); /* IE 9 */
	-webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
	transform: rotate(-10deg);
}

/* MYA Tableau de bord */

.mya-widget {
	display: inline-block;
	vertical-align: top;
	width: 165px;
	margin: 0 20px 20px 0;
	height: 165px;
	position: relative;
	background-color: #fff;
	list-style: none;
}

.mya-widget a:link, .mya-widget a:visited {
	text-align: center;
	width: 175px;
	font-size: 1.1em;
	line-height: 1.15em;
	padding-top: 115px;
	padding-right: 15px;
	padding-left: 15px;
	display: inline-block;
	height: 175px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #454545;
	text-decoration: none;
	border: 1px solid #f0f0f0;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-image: url(/images/mya-widget.png);
	background-image: -webkit-image-set(url(/images/mya-widget.png) 1x, url(/images/mya-widget@2x.png) 2x);
	background-image: image-set("/images/mya-widget.png" 1x, "/images/mya-widget@2x.png" 2x);
	background-position: 0 0;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mya-widget a:hover {
	color: #FFF;
	background-color: #28b8d7;
}

.mya-widget a:active {
	margin-top: 1px;
}

.mya-widget-selection a {
	background-position: 0 0;
}

.mya-widget-selection a:hover {
	background-position: 0 -175px;
}

.mya-widget.mya-widget-lastsearch a {
	background-position: -175px 0;
}

.mya-widget.mya-widget-lastsearch a:hover {
	background-position: -175px -175px;
}

.mya-widget.mya-widget-alerte a {
	background-position: -350px 0;
}

.mya-widget.mya-widget-alerte a:hover {
	background-position: -350px -175px;
}

.mya-widget.mya-widget-news a {
	background-position: -525px 0;
}

.mya-widget.mya-widget-news a:hover {
	background-position: -525px -175px;
}

.mya-widget.mya-widget-user a {
	background-position: -700px 0;
}

.mya-widget.mya-widget-user a:hover {
	background-position: -700px -175px;
}

.mya-widget.mya-widget-dossier-loc a {
	background-position: -855px 0;
}

.mya-widget.mya-widget-dossier-loc a:hover {
	background-position: -855px -175px;
}



/* MYA Alert form */

.mya-alerte-form {
	max-width: 850px;
}



/* MYA Tiny list (pour Last Search et Listes des alertes ) */

.mya-tiny-list a {
	text-decoration: none !important;
	color: #3a3a3a;
}

.mya-tiny-list {
	padding-bottom: 15px;
}

.mya-tiny-list-date {
	color: #acacac !important;
	font-size: 1em !important;
	margin-bottom: 10px;
}

.mya-tiny-list-resume {
	color: #3a3a3a !important;
	font-size: 1.1em !important;
	font-weight: bold;
}

.mya-tiny-list-btns .icon {
	font-size: 1.5em;
	vertical-align: middle;
	margin-right: 10px;
}

.mya-tiny-list-btn-off span {
	font-style: italic !important;
	color: #bbbbbb !important;
	border: 1px solid #d2d2d2 !important;
}

.mya-tiny-list-btn-off span:hover {
	color: #fff !important;
}

/* @end */

/* @group [MODULE] MYA Depot demande de location */

/* Bouton Résa location sur fiche détail */

.btn-depot-loc {
	color: #FFF !important;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	position: relative;
	z-index: 1;
	background: #424245;
	background-size: cover;
}

.bandeau-resa-text {
	color: #FFF !important;
	font-size: 1.3em;
	margin-right: 10px;
}

.bandeau-resa-text .icon {
	font-size: 1.8em;
	vertical-align: middle;
	margin-right: 10px;
}

.btn-depot-loc a {
	text-decoration: none !important;
}

.btn-depot-loc a:hover .simple-btn {
	background: #FFF;
	color: #28b8d7;
}

a.bandeau-resa-help {
	vertical-align: middle;
	margin-left: 10px;
	color: #868686;
}

a.bandeau-resa-help:hover {
	color: #fff !important;
}



/* Mya Liste Bien */

.mya-liste-bien {
	text-align: left;
	padding: 2.5%;
	border: 1px solid #e5e5e5;
	margin: 15px 0 25px;
}

.mya-liste-bien-photo {
	display: inline-block;
	width: 150px;
	height: 150px;
	float: left;
}

.mya-liste-bien-photo img {
	width: 100%;
	height: 100%;
}

.mya-liste-bien-description {
	display: inline-block;
	width: calc(100% - 150px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0 0 35px;
}

.mya-liste-bien-heading {
	margin: 10px 0;
}

.mya-liste-bien-ref {
	text-transform: uppercase;
	color: #797979;
	letter-spacing: 1px;
	font-size: 0.9em;
}

.mya-liste-bien-type {
	font-size: 1.12em;
	line-height: 1.5em;
	font-weight: bold;
}

.mya-liste-bien-prix {
	font-size: 1.2em;
	color: #28b8d7;
}

.mya-liste-bien-btn {
	margin-top: 10px;
}

.mya-liste-bien-dossier {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.mya-liste-bien-dossier .col {
	border-right: 1px solid #e5e5e5;
}

.mya-liste-bien-dossier .col:last-child {
	border-right: none;
}

.mya-liste-bien-dossier .bullet {
	display: inline-block;
	background-color: #cfcfcf;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin: 0 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.mya-liste-bien-dossier .state-wait {
	color: #ff4343;
}

.mya-liste-bien-dossier .state-wait .bullet {
	background-color: #ff4343;
}

.mya-liste-bien-dossier .state-send {
	color: #ff8c43;
}

.mya-liste-bien-dossier .state-send .bullet {
	background-color: #ff8c43;
}

.mya-liste-bien-dossier .state-ok {
	color: #43ca08;
}

.mya-liste-bien-dossier .state-ok .bullet {
	background-color: #43ca08;
}




/* Mya Resa MENU */

.mya-depot-loc-menu {
	border-bottom: 5px solid #28b8d7;
	margin-bottom: 20px;
}

.mya-depot-loc-menu li {
	display: inline-block;
	background-color: #3d3d3d;
	padding: 12px 2.5% !important;
	border: none;
	color: #fff;
	font-size: 1em;
	line-height: 1em;
	letter-spacing: 0.05em;
	cursor: pointer;
}

.mya-depot-loc-menu li:hover, .mya-depot-loc-menu li.active {
	background-color: #28b8d7;
}

.resa-form-submit {
	float: right;
	background-color: #28b8d7;
	margin-top: -2px !important;
	padding: 10px 2.5%!important;
}

/* Mya Resa FORM */

.mya-depot-loc-people {
	display: none;
	max-width: 800px;
}

.mya-depot-loc-people.active {
	display: block;
}




/* Widget Resa Form */

.liste-bien-container.mya-resa-widget {
	width: 100% !important;
	margin: 20px 0;
}

.mya-resa-widget .liste-bien-photo {
	width: 20%;
}

.mya-resa-widget .liste-bien-title {
	padding: 0;
}

.mya-resa-widget .liste-bien-description {
	width: 75%;
	padding-bottom: 0;
	padding-top: 0;
}








/*----------------------------
The file upload form
-----------------------------*/

.file-uploader {
	background-color: #373a3d;
	background-image: -webkit-linear-gradient(top, #373a3d, #313437);
	background-image: -moz-linear-gradient(top, #373a3d, #313437);
	background-image: linear-gradient(top, #373a3d, #313437);
	width: 100%;
	padding: 30px;
	border-radius: 3px;
	margin: 0 auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.file-uploader-drop {
	background-color: #2E3134;
	padding: 40px 50px;
	margin-bottom: 30px;
	border: 20px solid rgba(0, 0, 0, 0);
	border-radius: 3px;
	border-image: url('../images/border-image.png') 25 repeat;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	color: #7f858a;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.file-uploader-drop a {
	background-color: #28b8d7;
	padding: 12px 26px;
	color: #fff;
	font-size: 14px;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	margin-top: 12px;
	line-height: 1;
	width: 90%;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.file-uploader-drop a:hover {
	background-color: #626262;
	text-decoration: none;
	color: #FFF;
}

.file-uploader-drop input {
	display: none;
}

.file-uploader ul {
	list-style: none;
	border-top: 1px solid #2b2e31;
	border-bottom: 1px solid #3d4043;
	padding: 0 !important;
}

.file-uploader ul li {
	background-color: #333639;
	background-image: -webkit-linear-gradient(top, #333639, #303335);
	background-image: -moz-linear-gradient(top, #333639, #303335);
	background-image: linear-gradient(top, #333639, #303335);
	border-top: 1px solid #3d4043;
	border-bottom: 1px solid #2b2e31;
	height: 52px;
	padding: 15px 0;
	list-style-image: none !important;
	position: relative;
}

.file-uploader ul li input {
	display: none;
}

.file-uploader ul li p {
	width: auto;
	overflow: hidden;
	white-space: nowrap;
	color: #EEE;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	top: 10px;
	left: 100px;
}

.file-uploader ul li i {
	font-weight: normal;
	font-style: normal;
	color: #7f7f7f;
	display: block;
}

.file-uploader ul li canvas {
	top: 15px;
	left: 32px;
	position: absolute;
}

/* Icones sur la droite ( remove et cancel) */

.file-uploader ul li span {
	width: 15px;
	height: 12px;
	background: url('../images/icons-up.png') no-repeat;
	position: absolute;
	top: 34px;
	right: 33px;
	cursor: pointer;
}

.file-uploader-file-remove {
	background-position: bottom !important;
	height: 15px !important;
}

.file-uploader ul li.file-uploader-file-ok canvas {
	display: none;
}

.file-uploader ul li.file-uploader-file-ok {
	background: url('../images/file-uploader-docs.png') left 14px no-repeat;
}

.file-uploader-file-pdf {
	background-position: 25px -65px !important;
}

.file-uploader-file-jpg, .file-uploader-file-jpeg {
	background-position: 25px -145px !important;
}

.file-uploader-file-doc, .file-uploader-file-docx {
	background-position: 25px -225px !important;
}

.file-uploader-file-xsl, .file-uploader-file-xslx {
	background-position: 25px -305px !important;
}

.file-uploader-file-zip, .file-uploader-file-rar {
	background-position: 25px -385px !important;
}

.file-uploader-file-gif, .file-uploader-file-png {
	background-position: 25px -465px !important;
}

.file-uploader ul li.file-uploader-working span {
	height: 16px;
	background-position: 0 -12px;
}

.file-uploader ul li.file-uploader-file-error {
	background: url('../images/file-uploader-error.png') 15px 14px no-repeat;
}

.file-uploader ul li.file-uploader-file-error p {
	color: red;
}

.file-uploader-ziplink a {

}

.file-uploader-ziplink a {
	font-size: 0.95em;
	text-transform: uppercase;
	padding: 15px 20px;
	color: #fff !important;
	display: inline-block; *
	display: inline; *
	zoom: 1;
	text-decoration: none !important;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer;
	background-color: #28b8d7;
	margin-bottom: 10px;
	font-weight: bold;
}

.file-uploader-ziplink a:hover {
	background-color: #555555;
}

/* @end */

/* @group [MODULE]  ICS Form Login Externe */

.form-login-ics {
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.11);
	max-width: 650px;
	margin: 0px auto;
}

/* @end */

/* @group [DESIGN] Divers */


/*-- Quotes --*/

.quotes {
	position: absolute;
	font-size: 4em;
}

.quotes.left-quotes-white {
	left: 2%;
	color: rgba(255, 255, 255, 0.45);
}

.quotes.right-quotes-white {
	right: 2%;
	color: rgba(255, 255, 255, 0.45);
}

.quotes.left-quotes-gray {
	left: 2%;
	color: rgba(35, 35, 35, 0.45);
}

.quotes.right-quotes-gray {
	right: 2%;
	color: rgba(35, 35, 35, 0.45);
}




/* @end */

/* @group [MODULE] Arthurin widget */

.arturin-social, .arturin-newsletter {
	width: 100%;
	height: 1500px;
	border: 0;
	overflow-y: auto;
}


/* @end */

/* @group [MODULE] Immodvisor widget */

.home #immodvisor-seal-widget-iframe {
	bottom: 100px !important;
}

#immodvisor-seal-widget-iframe {
top: inherit !important; bottom: 100px;
z-index: 1001 !important;
height: 180px !important;
}

/* @end */

/* @group [DESIGN] FORMULAIRES */

/* ---  Generalites ---*/

form {
	font-size: 0.9em;
}

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

form label {
	cursor: pointer;
}

input, textarea, .multi-select {
	background: #fff;
	-webkit-box-shadow: inset 0 0 0 0 #fff;
	box-shadow: inset 0 0 0 0 #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #dfdddb;
	text-align: left;
	outline: none;
	-webkit-box-shadow: inset 0 0 0 0 #fff;
	box-shadow: inset 0 0 0 0 ##fff;
	color: #423c3c;
	padding: 4px 1% 4px 10px !important;
	height: 43px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="text"], input[type="number"], textarea, input[type="password"], input[type="date"], input[type="file"] {
	width: 100%;
}

.input-unite input[type="text"], .input-unite input[type="number"], .input-unite textarea {
	width: calc(100% - 30px )!important;
}

span.unite {
	width: 25px;
	display: inline-block;
	font-size: 0.8em;
	opacity: .6;
}

input[type="checkbox"] {
	width: 20px;
}

input:focus {
	color: #28b8d7;
	border: none;
	border: 1px solid #ccc;
}

textarea {
	min-height: 150px;
}

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

.legend {
	color: #838383;
	font-style: italic;
	font-size: 0.9em;
}

.input-place-holder {
	color: #999797;
	font-size: .95em !important;
}

.critere-visible {
	display: inline-block;
	width: 100%;
}

.critere-hidden {
	display: none;
}

.small-btn-more-rech span {
	background: #28b8d7;
	padding: 5px;
	color: #FFF;
	cursor: pointer;
	margin-top: 5px;
	display: inline-block;
}






/* Bouton */

input[type="submit"] {
	width: auto;
}

input.submit-classique, a.submit-classique, .white-form input.submit-classique {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #3d3d3d;
	border: none;
	color: #fff;
	font-size: 1.1em;
	line-height: 1em;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
	filter: dropshadow(color=#e5e5e5, offx=1, offy=1);
	-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;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 15px !important;
	padding-left: 15px !important;
	letter-spacing: 0.1px;
	font-weight: 600;
}

input.submit-classique:hover, a:hover.submit-classique, .white-form input.submit-classique:hover {
	background-color: #28b8d7;
}


/* Custom Select */

.custom-select {
	visibility: hidden;
}

.custom-select-container, .multi-select-list {
	width: 100%;
	border: 1px solid #e1e1e1;
	background: #FFF;
	position: relative;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.custom-select-choice {
	height: 35px;
	line-height: 35px;
	padding: 3px 26px 3px 10px !important;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 1;
	position: relative;
	color: #423c3c;
}

.custom-select-choice:after, .multi-select:after {
	background-image: url(/images/bg-custom-selector.png);
	background-image: -webkit-image-set(url(/images/bg-custom-selector.png) 1x, url(/images/bg-custom-selector@2x.png) 2x);
	background-image: image-set("/images/bg-custom-selector.png" 1x, "/images/bg-custom-selector@2x.png" 2x);
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 45%;
	width: 10px;
	height: 6px;
	content: "";
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
	-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;
}

.custom-select-choice.custom-select-choice-open:after, .multi-select.multi-select-list-open:after {
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
}

.custom-select-list {
	width: 100%;
	padding: 0;
	display: none;
	overflow: auto;
	position: absolute;
	z-index: 20;
	font-size: 0.95em;
}

.custom-select-list ul li, .multi-select-list li {
	display: block;
	padding: 10px 0 10px 10px;
	margin: 0;
	cursor: pointer;
	float: none;
	background: transparent;
	border-top: 1px solid #e3e2e2;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #717171;
}

.custom-select-list ul li:hover {
	background-color: #f2f2f2;
	color: #000;
}

ul.custom-select-list-container {
	margin: 0;
	padding: 0;
	z-index: 10;
	max-height: 295px;
}

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

.multi-select {
	line-height: 35px;
	padding: 0!important;
	position: relative;
}

.multi-select-list {
	z-index: 100;
}

.multi-select-lib {
	width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}

.multi-select-lib-bloc {
	padding: 4px 1% 4px 10px !important;
}

.multi-select .icon {
	padding-right: 10px;
}

.multi-select .chk-off .icon {
	display: none;
}

/* Input type number */

input[type='number'] {
	-moz-appearance: textfield;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0;
}


/* Checkbox */

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

/* Checkbox error */

.error-form[type="checkbox"] + label {
	color: #C00 !important;
}

/* Checkbox et btn radio sur une seule ligne */

.list-custom-check {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.list-custom-check li {
	display: inline-block;
	vertical-align: middle;
	padding: 5px 0;
	margin-right: 4px;
}


/* Checkbox */

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

.custom-checkbox {
	background-position: 0 -1px;
	margin-right: 10px;
	font-size: 1.1em;
}

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


/* Radio */

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

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

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

/* Select List */

.custom-select-list {
	background: #ffffff
}

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

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

.custom-select-list-selected {
	background-color: #f6f6f6;
	color: #000;
}

/* Mise en forme Formulaires */

.form-critere {
	margin-bottom: 5px;
}

.form-critere-title {
	display: inline-block;
	vertical-align: middle;
	float: left;
	padding-top: 5px;
	padding-bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 33px;
}

.form-critere-content {
	display: inline-block;
	vertical-align: middle;
	float: left;
	padding: 0 5px 2px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form-critere-text-only {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0;
}

.form-rubrique {
	display: inline-block;
	line-height: 19px;
}



/* Module de lieu */

*+html .home .lieu-bloc-label {
	min-height: 30px;
}


/*-- Partie haute --*/

.lieu-bloc-autocompletion {
	background: #fff;
	-webkit-box-shadow: inset 0 0 0 0 #fff;
	box-shadow: inset 0 0 0 0 #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #dfdddb;
	text-align: left;
	outline: none;
	-webkit-box-shadow: inset 0 0 0 0 #fff;
	box-shadow: inset 0 0 0 0 ##fff;
	color: #313131;
	height: 43px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 5px;
}

.lieu-bloc-search input.lieu-input-search {
	width: 96%;
	line-height: 1.7em;
	text-overflow: ellipsis;
	border: none !important;
	position: absolute;
	background: transparent;
}

.lt-ie9 .lieu-bloc-search input.lieu-input-search {
	width: 84%;
}

.input-searching {
	background: #fff url(/images/ajax-loader-autocompletion.gif) no-repeat 97% 50% !important;
}

.ui-autocomplete.ui-widget-content {
	border-bottom: none;
	border-top: none;
	border-left: none;
	border-right: none;
	padding: 0;
	box-shadow: 0 4px 20px rgba(0,0,0,.4);
	border-radius: 0;
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
	min-width: inherit;
	max-width: 300px !important;
	min-height: 33px;
	z-index: 10000!important;
}

.ui-autocomplete.ui-widget-content .minimot {
	z-index: 1000!important;
}

.ui-autocomplete.ui-widget-content .ui-menu-item a {
padding: 0;
border-radius: 0;
font-size: 0.8em;
line-height: 1.1;
margin: -1px;
margin-top: 0;
border: 1px solid #ddd;
}

.ui-autocomplete.ui-widget-content .ui-menu-item a > span {
	color: #6c6c6c;
	padding: 10px !important;
	border-radius: 0;
	white-space: nowrap;
	display: block;
}

.ui-autocomplete.ui-widget-content .ui-menu-item a.ui-state-hover {
	background: none;
}

.ui-autocomplete.ui-widget-content .ui-menu-item a.ui-state-hover > span {
	background-color: #f6f6f6;
}

.ui-autocomplete.ui-widget-content .ui-menu-item a span>span {
	/*margin: 0;*/
}

	/* Select */

.lieu-bloc-expand {
	display: inline-block;
	vertical-align: top;
	width: 38%;
	margin-left: 6%;
	margin-top: -30px;
}

.lt-ie8 .lieu-bloc-expand {
	margin-top: 16px;
}

.lieu-expand-label {
	width: 25%;
	display: inline-block;
	vertical-align: top;
}

.lieu-bloc-expand-input {
	display: inline-block;
	vertical-align: top;
	font-size: 0.9em;
}

/*-- Partie basse --*/

.lieu-editor-lst {
	overflow: auto;
	height: 80%;
}

.lieu-input-search {
	background-color: #FAFAFA;
	border: #DADADA 1px solid;
	outline: none;
	padding: 4px;
}

lieu-bloc-label-list .lieu-bloc-label-btn:active {
	bottom: -1px;
}

.lieu-bloc-label-list ul {
	margin: 0!important;
padding: 0;
cursor: text;
overflow: hidden;
max-height: 55px!important;
overflow-y: auto;
height: 1%;
position: relative;
width: 100%;
background-color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: none;
}

.lieu-bloc-label-list ul li {
	color: #333;
	padding: 3px 20px 3px 5px;
	margin: 3px 4px;
	position: relative;
	cursor: default;
	display: inline-block;
	line-height: 1.4em;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #e4e4e4;
	font-size: 0.9em;
}

.lieu-bloc-label-btn {
	display: none;
}

.lieu-bloc-label-list-del {
	display: block;
	position: absolute;
	right: 4px;
	top: 7px;
	width: 10px;
	height: 9px;
	font-size: 1px;
	cursor: pointer;
	z-index: 10;
	background-image: url(/images/bg-pictos-lieu.png);
	background-image: -webkit-image-set(url(/images/bg-pictos-lieu.png) 1x, url(/images/bg-pictos-lieu@2x.png) 2x);
	background-image: image-set("/images/bg-pictos-lieu.png" 1x, "/images/bg-pictos-lieu@2x.png" 2x);
	background-repeat: no-repeat;
	background-position: 0 -7px;
}

.lieu-bloc-label-list-del:hover {
	background-position: -11px -7px;
}

.lieu-reset-selected {
background-color: #64c7ed;
display: inline-block;
margin-left: 4px;
margin-top: 4px;
padding: 3px 6px 3px 6px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-size: .9em;
}

.lieu-bloc-editor {
	display: none;
	visibility: hidden;
}

.lieu, .guesscontact {
	z-index: 10;
	position: relative;
}

.lieu-editor-bg {
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.no-rgba .lieu-editor-bg {
	background-color: #fff;
}

.lieu-editor-lst-container {
	z-index: 3;
	top: 0;
	z-index: 10;
	height: 110px;
	background: white;
	width: 390px;
	position: relative;
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
	padding: 10px 0 30px;
	box-shadow: 0 0 60px rgba(0,0,0,.2);
}

.lieu-editor-lst-container ul {
	padding: 0;
	list-style: none;
}

.lieu-editor-lst-container ul li {
	padding: 10px 0 10px 20px;
	background-color: transparent;
	margin: 0 0 0 15px;
	cursor: pointer;
	color: #000;
	background-image: url(/images/bg-pictos-lieu.png);
	background-image: -webkit-image-set(url(/images/bg-pictos-lieu.png) 1x, url(/images/bg-pictos-lieu@2x.png) 2x);
	background-image: image-set("/images/bg-pictos-lieu.png" 1x, "/images/bg-pictos-lieu@2x.png" 2x);
	background-repeat: no-repeat;

	background-position: 0 -33px;
}

.lieu-editor-lst-container ul li:hover {
	background-position: 0 -49px;
	color: #555;
}

.lieu-editor-close {
	z-index: 20;
	background-repeat: no-repeat;
	background-position: -6px -236px;
	cursor: pointer;
	width: 25px;
	height: 25px;
	position: absolute;
	top: -12px;
	right: -12px;
	background-color: #fe4f4f;
}

.lieu-editor-close:after {
	content: "x";
}

.lieu-editor-close:hover {
	background-color: #d30202;
}

.lieu-editor-valid {
	text-align: center;
	padding-top: 15px;
	border-top: #eee 1px solid;
}

.lieu-editor-valid input {
	border: 0;
	color: #fefefe;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #35383a;
}

.error-form {
	border: 1px solid #C00 !important;
}

	/* Perso en fonction du type */

.lieu-result-d {
	/* Departements */
	color: #095276;
	border-bottom: #ddd 1px solid;
	font-weight: bold;
}

.lieu-result-g {
	/* Groupe de villes */
	color: #555;
	font-weight: bold;
}

.lieu-result-r {
	/* Région */
	text-transform: uppercase;
	font-weight: bold;
	color: #095276;
	border-bottom: #ddd 1px solid;
}

.lieu-result-v {
	/* Ville */
	color: #555;
}

.lieu-result-p {
	/* Pays */
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: #ddd 1px solid;
}

	/* Lieu warning */

.lieu-bloc-warning, .guesscontact-bloc-warning {
	position: absolute;
	top: 33px;
	color: #FFF;
	z-index: 15;
}

.guesscontact-bloc-warning {
	top: 34px;
}

.lieu-bloc-warning-arrow, .guesscontact-bloc-warning-arrow {
	height: 15px;
}

.lieu-bloc-warning-tooltip, .guesscontact-bloc-warning-tooltip {
	color: #FFF;
	padding: 8px;
	line-height: 1em;
	font-size: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(62, 62, 62, 0.9);
	position: relative;
}

.lieu-bloc-warning-tooltip:after, .guesscontact-bloc-warning-tooltip:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(213, 0, 0, 0);
	border-bottom-color: rgba(62, 62, 62, 0.9);
	border-width: 5px;
	margin-left: -5px;
}

.lieu-bloc-search .lieu-input-search.lieu-input-search-warning, .guesscontact-bloc-search .guesscontact-input-search.guesscontact-input-search-warning {
	background: #e7e7e7 !important;
	border: 1px dashed #c7c7c7 !important;
}

label.guesscontact-label-search {
	color: #333;
padding: 12px 26px 13px 10px !important;
position: relative;
cursor: default;
display: inline-block;
line-height: 1.4em;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #e4e4e4;
font-size: 1.1em;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.guesscontact-clear-search {
	cursor: pointer;
background-image: url(/images/bg-pictos-lieu.png);
background-image: -webkit-image-set(url(/images/bg-pictos-lieu.png) 1x, url(/images/bg-pictos-lieu@2x.png) 2x);
background-image: image-set("/images/bg-pictos-lieu.png" 1x, "/images/bg-pictos-lieu@2x.png" 2x);
background-repeat: no-repeat;
background-position: 2px -9px;
background-size: 30px;
content: "";
width: 18px!important;
height: 16px;
top: 10px;
right: 6px;
position: absolute;
}

.guesscontact-clear-search:hover {
	background-position: -14px -9px;
}

/* Checkbox RGPD dans les formulaires */
.RgpdChkContainer { margin:10px 0; }

.RgpdChkContainer .custom-checkbox{ margin: 0; font-size: auto !important
}

.RgpdChkContainer,
.RgpdChkContainer .custom-checkbox,
.RgpdChkContainer a{ font-size: 13px  !important
}


.RgpdChkContainer a{ text-decoration: underline;
}

.RgpdChkContainer .error-form[type="checkbox"] ~ *{
	color: #C00 !important;
}

/* @end */

/* @group [MODULE] MINISITE */

.minisite-agent-info {
	display: inline-block;
	text-align: left;
	width: 100%;
	max-width: 350px;
	position: relative;
}

.minisite-agent-infos-photo img {
	width: auto;
	max-width: 100%;
}

.minisite-agent-infos-photo {
	margin-bottom: 20px;
}

.minisite-agent-infos-name {
	color: #353535;
	font-size: 1.15em;
	line-height: 1.231em;
	text-transform: uppercase;
	font-weight: bold;
}
/* Infos de l'agent en mode liste minisite */

.minisite-agent-info-mode-liste .minisite-agent-info {
	max-width: inherit;
	background-color: #f0f0f0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 10px;
	max-height: 145px;
}

.minisite-agent-info-mode-liste .minisite-agent-infos-photo {
	display: inline-block;
	width: 120px;
	height: 120px;
	vertical-align: top;
	overflow: hidden;
	position: relative;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
}

.minisite-agent-info-mode-liste .minisite-agent-infos-photo img {
	object-fit: cover;
}

.minisite-agent-info-mode-liste .minisite-agent-infos-content {
	display: inline-block;
	width: calc(95% - 130px);
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
}

.minisite-agent-info-mode-liste .minisite-agent-infos-content hr, .minisite-agent-info-mode-liste .minisite-agent-infos-btn-offers {
	display: none;
}

.minisite-agent-info-mode-liste .minisite-agent-infos-btn-contact {
	position: absolute;
	right: 2%;
	top: 30%;
}


/* @end */

/* @group [MODULE] MOTEURS */



/* @end */

/* @group [MODULE] Grid */

.grid {
	/* Masonry container */
	display: inline-block;
	height: 100vh;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 2%;
	padding-top: 2%;
	/*padding-left: 3%;
	padding-right: 3%;*/
}

#home-intro .grid {
	/* si la grid est dans #home intro, on soustrait la hauteur du #top */
	height: calc(100vh - 110px);
	padding-top: 0;
}

.grid-item {
	/* Masonry bricks or child elements */
	display: inline-block;
	margin: 0;
	vertical-align: top;
	float: left;
	position: relative;
	padding-right: 0;
	padding-left: 1.5%;
	padding-bottom: 1.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.grid-item1 {
	height: 43%;
	width: 67%;
	padding-left: 0;
}

.grid-item2 {
	height: 70%;
	width: 33%;
}

.grid-item3 {
	height: 57%;
	width: 33.5%;
	top: -27%;
	padding-left: 0;
	padding-bottom: 0;
}

.grid-item4 {
	height: 27%;
	width: 33.5%;
	top: -27%;
}

.grid-item5 {
	height: 30%;
	width: 66.5%;
	top: -57%;
	margin-left: 33.5%;
	padding-bottom: 0;
}

.grid-item a {
	display: inline-block;
	height: 100%;
	width: 100%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #FFF !important;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.grid-item .grid-item-overlay {
	height: 100%;
	width: 100%;
	background: -webkit-linear-gradient(top, rgba(61, 61, 61, 0.52) 0%, rgba(40, 40, 40, 0) 100%);
	background: linear-gradient(to bottom, rgba(61, 61, 61, 0.52) 0%, rgba(40, 40, 40, 0) 100%);
	-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;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0px solid rgba(255, 255, 255, 0);
}

.grid-item-title {
	position: absolute;
	width: 100%;
	top: 42%;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.grid-item-title h2 {
	display: inline-block;
	border: 1px solid #fff;
	padding: 15px;
	text-transform: uppercase;
	font-size: 1.1em;
	-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;
}

.grid-item-text {
	position: absolute;
	width: 100%;
	bottom: 25%;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
}

.grid-item p {
	margin: 0;
	color: #FFF;
	font-size: 1.2em;
}

.grid-item1 a {
	background-image: url(/images/grid1.jpg)
}

.grid-item2 a {
	background-image: url(/images/grid2.jpg)
}

.grid-item3 a {
	background-image: url(/images/grid3.jpg)
}

.grid-item4 a {
	background-image: url(/images/grid4.jpg)
}

.grid-item5 a {
	background-image: url(/images/grid5.jpg)
}


	/* Over */

.grid-item a:hover .grid-item-overlay {
	background-color: rgba(62, 63, 63, 0.65);
	border: 10px solid rgba(255, 255, 255, 0.38)
}

.grid-item a:hover .grid-item-title {
	top: 39%;
}

.grid-item a:hover .grid-item-text {
	position: absolute;
	width: 100%;
	bottom: 20%;
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}

/* @end */

/* @group [MODULE] Grid Line */

.grid-line{}


.grid-line-item{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 0;
	padding-bottom: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;

}


.grid-line .col_2_of_4 .grid-line-item,
.grid-line .col_1_of_2 .grid-line-item,
.grid-line .col_2_of_3 .grid-line-item{
	padding-bottom: 50%;
}



.grid-line-item-bloc{
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
}

.grid-line-item a:before{
	content: "";
	display: block;
	background: rgba(76, 76, 76, 0.5);
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	position: absolute;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

}

.grid-line-item:hover a:before{
	background:rgba(39, 184, 215, 0.9)

}

.grid-line-item a{
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	width: 100%;
	height: 100%;
	text-decoration: none;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.09);
	background-image: url('/images/superslide/bg-superslide-small.jpg');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}


.grid-line-item1 a{
	background-image: url('/images/superslide/bg-superslide-small.jpg')
}

.grid-line-item2 a{
	background-image: url('/images/superslide/bg-superslide-small.jpg')
}

.grid-line-item3 a{
	background-image: url('/images/superslide/bg-superslide-small.jpg')
}


.grid-line-item span{
	position: relative;
	top: 45%;
	width: 100%;
	padding:  0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inherit;
	font-weight: bold;
	font-size: 1.5em;
}

/* @end */

/* @group [MODULE] Slide News Large ( avec photo sur la droite ) */

.slide-news-large {
	background-color: #fff;
	position: relative;
	width: 100%;
	text-align: left;
}

.slide-news-large-container a {
	color: inherit !important;
	text-decoration: none !important;
}

.slide-news-large-container {
	position: relative !important;
}

.slide-news-large .large-flap-container {
	overflow: hidden;
	margin: 0 auto;
	min-height: 280px;
}

.slide-news-large-content {
	text-align: left;
	width: 100%;
}

.slide-news-large-text .heading1 {
	margin: 30px 0 25px;
	font-size: 1.5em;
	font-weight: bold;
}

.slide-news-large .previous, .slide-news-large .next {
	position: absolute;
	top: 30%;
	font-size: 3em;
	cursor: pointer;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #c1c1c1;
}

.slide-news-large .previous:hover, .slide-news-large .next:hover {
	color: #28b8d7;
}

.slide-news-large .previous {
	left: -40px;
}

.slide-news-large .next {
	right: -40px;
}

.slide-news-large a.home-slide-link {
	width: 100%;
	height: 100%;
	display: inline-block;
}

.slide-news-large-img {
	margin: 0px auto;
	max-width: 280px;
}




/* @end */

/* @group [MODULE] Slide News Medium ( sans photo ) */

.slide-news-medium {
	position: relative;
}

.slide-news-medium-container a {
	color: inherit !important;
	text-decoration: none !important;
}

.slide-news-medium-container {
	position: relative !important;
	padding: 5%;
}

.slide-news-medium .large-flap-container {
	overflow: hidden;
	margin: 0 auto;
	min-height: 155px;
}

.slide-news-medium-content {
	text-align: center;
	width: 100%;
}

.slide-news-medium-text .heading1 {
	margin-right: 0;
	margin-left: 0;
	font-size: 1.1em;
	margin-bottom: 20px;
	color: #333333;
	font-weight: bold;
}

.slide-news-medium .previous, .slide-news-medium .next {
	position: absolute;
	top: 20%;
	height: 50px;
	width: 30px;
	line-height: 50px;
	font-size: 0.9em;
	cursor: pointer;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #3f3f3f;
	text-align: center;
}

.slide-news-medium .previous:hover, .slide-news-medium .next:hover {
	color: #28b8d7;
}

.slide-news-medium .previous {
	left: -10px;
	text-align: left;
}

.slide-news-medium .next {
	right: -10px;
	text-align: right;
}

/* @end */

/* @group [PAGE] Home */

/* Home Intro */

#home-intro {
	width: 100%;
	height: auto;
	min-height: 100vh;
}




/* Home Search */

#HomeSearch {
	background: rgba(255, 255, 255, 0.8);
	padding: 10px;
}

#HomeSearch .critere-hidden {
	margin-top: 10px;
}

#HomeSearch .submit-classique {
	font-size: 1em;
	height: 42px;
	padding: 0 !important;
}

/* -------- Home Présentation ------- */

.home-presentation {
	position: relative;
}

.home-presentation-text {
	width: 80%;
	margin: 0 auto;
	text-align: justify;
	padding-bottom: 20px;
	line-height: 1.9em;
}

/* @group Slogan */

.home-slogan {
	text-align: center;
	color: #FFF;
	margin: 70px 0;
	font-size: 2em;
	line-height: 1.8em;
}

.home-slogan1 {
	display: inline-block;
	width: 100%;
	font-weight: bold;
}

.home-slogan2 {
	display: inline-block;
	width: 100%;
	font-weight: bold;
}

/* @end */

/* @group Biens vedettes */

.bien-vedette {
	position: relative;
	text-align: center;
	display: inline-block;
	width: 100%;

}

a.bien-vedette-item, .bien-vedette-item-vide {
	display: inline-block;
	vertical-align: top;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none !important;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.bien-vedette .bien-vedette-item:first-child {
	margin-left: 0;
}

.bien-vedette .bien-vedette-item:last-child {
	margin-right: 0;
}

.bien-vedette-photo {
	height: 0;
	padding-bottom: 75%;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.bien-vedette-photo img.no-flap, .bien-vedette-photo img {
	width: 100%;
	display: block;
	object-fit: cover;
}

.bien-vedette-photo img.anti-cheat {
	position: absolute;
	z-index: 960;
	width: 100%;
	height: 100%;
}


.bien-vedette-item:hover img {
	opacity: 0.8
}

.bien-vedette-infos {
	width: 100%;
	padding: 60px 0 10%;
	font-size: 1.15em;
	line-height: 1.6em;
	color: #fff;
	text-align: center;
	background-color: #373737;
	min-height: 70px;
}

.bien-vedette-localisation {
	overflow: hidden;
	height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bien-vedette-prix {
	font-weight: bold;
}

.bien-vedette-infos-plus {
	display: block;
	position: relative;
	width: 55px;
	height: 55px;
	margin: -85px auto 20px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	background-color: #373737;
	-webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	border-radius: 55px;
	line-height: 55px;
}

a.bien-vedette-item:hover .bien-vedette-infos-plus {
	background-color: #28b8d7;
}

.bien-vedette-infos-plus span {
	font-size: 2em;
}

.slide-bien-vedette {
	position: relative;
}

.slide-bien-vedette .large-flap-container {
	overflow: hidden;
	width: 100%;
	min-height: 430px;
}

.slide-panes {
	width: 100%; text-align: center;
}

.slide-bien-vedette .previous, .slide-bien-vedette .next {
	position: absolute;
	top: 40%;
	font-size: 3em;
	cursor: pointer;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #c1c1c1;
}

.slide-bien-vedette .previous:hover, .slide-bien-vedette .next:hover {
	color: #28b8d7;
}

.slide-bien-vedette .previous {
	left: -40px;
}

.slide-bien-vedette .next {
	right: -40px;
}

.slide-bien-vedette .pagination {
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 0;
}

.slide-bien-vedette .pagination span {
	display: inline-block;
	background: #d7d7d7;
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0 5px;
	cursor: pointer;
}

.slide-bien-vedette .pagination span.pagination-page-active {
	background: #28b8d7;
}

/* @end */

/* @group Slide Banner */

.slide-banner {
	min-height: 210px;
	text-align: center;
	width: 100%;
	position: relative;
	background-color: rgba(43, 43, 43, 0.7);
}

.slide-banner a {
	text-decoration: none;
}

.slide-banner-container{
	position: relative;
}

.slide-banner .large-flap-container {
	overflow: hidden;
	width: 100%;
	min-height: 310px;
}

.slide-banner-text {
	color: #FFF;
}

.slide-banner-text .heading2 {
	margin: 100px 0 35px;
	color: #FFF;
	font-size: 1.7em;
	font-weight: bold;
}

.slide-banner a.slide-banner-link {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: relative;
}

.slide-banner .quotes.left-quotes-white {
	top: 35%;
}

.slide-banner .quotes.right-quotes-white {
	top: 35%;
}

.slide-banner .previous, .slide-banner .next {
	position: absolute;
	top: 40%;
	font-size: 2em;
	cursor: pointer;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #c1c1c1;
}

.slide-banner .previous:hover, .slide-banner .next:hover {
	color: #28b8d7;
}

.slide-banner .previous {
	left: -70px;
}

.slide-banner .next {
	right: -70px;
}


/* @end */

/* @group Fixe Banner */

.fixe-banner {
color: #FFF;
}

.fixe-banner a {
color: #FFF !important;
}

.fixe-banner-icon {
display: inline-block;
color: #FFF;
font-size: 2em;
position: relative;
}

.fixe-banner-icon .pulse-bullet {
position: absolute;
right: -17px;
top: -14px;
font-size: 15px; width: 15px; height: 15px; line-height: 15px;
display: inline-block;
color: #FFF;
background-color: rgba(238, 238, 238, 0.66);
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
}


.fixe-banner-txt{
	display: inline-block;
	text-transform: uppercase;
	font-size: 1.1em;
	letter-spacing: 1px;
	padding: 0 30px;
}

/* @end */

/* @group Edito */

.edito {
	background-image: linear-gradient(to top, rgba(47, 47, 47, 0) 0%, rgba(76, 86, 96, 0.8) 0%), url(/images/bg-home-agence.jpg);
	background-size: cover;
	background-position: right;
	color: #FFF;
	min-height: 360px;
}

.edito-text {
	width: 100%;
	max-width: 800px;
	margin: 0px auto;
}

.edito-text-title {
	font-size: 1.12em;
	font-weight: bold;
}

/* @end */

/* @end */

/* @group [PAGE] Liste */


.liste .mode-liste-content {
	background: linear-gradient(to top, white 0%, #f3f3f3 100%) fixed #f3f3f3;
	position: relative;
}

.liste .page-container {
	padding: 0;
	min-height: inherit;
}

/* @group Alerte E-mail - Liste */

.liste-create-alert {
	padding: 15px 20px;
	background-color: #4a4a4a;
	margin-bottom: 10px;
}

.liste-create-alert .icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	font-size: 2.8em;
	height: 25px;
	width: 40px;
	margin-top: -5px;
}

.liste-create-alert-content-icon {
	display: inline-block;
	vertical-align: middle;
}

.liste-create-alert-content-texte {
	display: inline-block;
	vertical-align: middle;
	width: calc( 100% - 65px);
	line-height: 15px;
}

.liste-create-alert-content {
	width: 60%;
	display: inline-block;
	vertical-align: top;
	color: #FFF;
}

.liste-create-alert-content-title {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

.liste-create-alert-content .heading1 {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}

.liste-create-alert-content-input {
	width: 40%;
	margin-left: 0;
	display: inline-block;
	position: relative;
	text-align: right;
	float: right;
}

input.input-text-alerte-mail {
	height: 37px;
	border: 1px solid #c0c1c2;
	width: calc( 100% - 45px) !important;
	padding: 0 5px;
	margin: 0 !important;
	line-height: auto !important;
}

input.submit-classique.form-submit-alerte-mail {
	height: 37px !important;
	width: 37px !important;
	padding: 0 !important;
	text-align: center;
	vertical-align: top;
	background-color: #28b8d7 !important;
}

/* @end */



/* @group Header mode liste */

.header-liste {
	padding: 20px 2% 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	background: #FFF;
}

.liste-title {
	color: #999797;
	text-transform: uppercase;
	font-size: 0.9em;
	margin-bottom: 10px;
	display: inline-block;
	font-weight: bold;
}


/*  Paragraphe "en savoir plus" en page liste */

.texte-liste-infos {
	display: none;
	margin-bottom: 25px;
}

.texte-liste-infos-btn {
	display: inline-block;
	margin-left: 10px;
}

.texte-liste-infos-btn .ouvert, .texte-liste-infos-btn.opened .fermer {
	display: inline-block;
}

.texte-liste-infos-btn .fermer, .texte-liste-infos-btn.opened .ouvert {
	display: none
}

.texte-liste-infos-btn .ouvert, .texte-liste-infos-btn .fermer {
	font-size: 95%;
	line-height: 1;
	padding: 5px 5px;
	background-color: #28b8d7;
	color: #fff;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
}

/* @end */





/* @group Display Mode affichage */

/* Nombre de biens */

.liste-display-all-nb {
	color: #656565;
	text-align: left;
	font-size: 1.5em;
	margin-bottom: 20px;
	margin-top: 10px;
	font-weight: bold;
}

.liste-display-all-nb .icon {
	color: #898989;
	text-align: left;
	font-size: 0.9em;
	vertical-align: middle;
}

.liste-display-all-nb .NbBien {
	color: #28b8d7;
	font-size: 1.1em;
}

/*  Alerte E-mail - Liste Btn */

.liste-create-alert-in-modal { display: inline-block; width: 270px; vertical-align: top;
}


.liste-create-alert-in-modal-btn { padding: 8px 10px !important; line-height: 30px;
}

.liste-create-alert-in-modal-icon {
	font-size: 2.1em;
	position: relative;
	vertical-align: middle;
}

.liste-create-alert-in-modal .dot-pulse span{ background: #FFF;
}

.liste-create-alert-in-modal .dot-pulse{ margin-left: -20px; vertical-align: middle;
margin-top: -8px;
}


/* Dialog Alert */


.liste-create-alert-modal {
position: relative; overflow: hidden;
text-align: center;
font-size: 1.1em;
}

.liste-create-alert-modal .liste-create-alert-modal-title{
font-size: 1.2em;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
margin-bottom: 10px;
}



.liste-create-alert-modal .input-text-alerte-mail{
max-width:400px;
margin: 15px 0 !important;
}

.liste-create-alert-modal .submit-classique{
margin-top: 20px;
text-transform: uppercase;
}

.liste-create-alert-modal .icon-alerte-email{
font-size: 2.5em;
}




/* Display boutons  */

.display-btn {
	display: inline-block;
	width: calc( 100% - 275px);
	color: #5a5a5a;
	vertical-align: top;

}

.display-mode {
	display: inline-block;
}




.display-btn-title {
	color: rgba(0, 0, 0, 0.41);
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 1px;
}

/* Tri */

.display-sort {
	display: inline-block;
	float: right;
}

.sort-liste{
	display: inline-block;
	margin-left: 3px;
	padding: 9px 8px;
	background: #fff;
	border: 1px solid #dfdfdf;
	cursor: pointer;
	color: #4b4b4b;
	text-decoration: none;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 0.9em;
}

.sort-liste.active-sort-desc,
.sort-liste.active-sort-asc{
	background-color: #4b4b4b;
	border-color: #4b4b4b;
	color: #FFF;
}

.sort-liste.active-sort-asc::after {
	content: "\25BE";
	display: inline-block;
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	top: 1px;
	position: relative;
}

.sort-liste.active-sort-desc::after {
	content: "\25BE";
	display: inline-block;
}


/* Mode d'affichage */


.mode-affichage {
	display: inline-block;
	vertical-align: top;
	margin-left: 4px;
	padding: 8px 5px 10px;
	width: 45px;
	background: #fff;
	border: 1px solid #dfdfdf;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	text-align: center;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.3em;
}

li.mode-affichage.active-mode {
	background-color: #4b4b4b !important;
	color: #FFF;
	border: 1px solid #4b4b4b;
}



li.mode-affichage:first-child {
	margin-left: 0;
}

.select-mode-affichage li span {
	display: inline-block;
	vertical-align: top;
	width: 25px;
	height: 15px;
	font-size: 1.6em;
}

/* @end */

/* @group Liste container */

.liste-container {
	min-height: 621px;
}

.liste-display-all {
	min-height: 700px;
	padding: 1% 2% 2%;
	vertical-align: top;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	background: #FFF;
	text-align: center;
}

/* @end */

/* @group  Liste  Item*/

.liste-bien-container {
	display: inline-block;
	float: left;
	vertical-align: top;
	width: 49.4%;
	text-align: left;
	background-color: #fff;
	padding: 10px;
	margin-bottom: 1%;
	margin-right: 1%;
	border: 1px solid #eee;
	min-height: 200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}



/* @end */

/* @group Boutons Item Liste */

.button-selection svg.icon.icon-heart {
	display: none;
}

.button-selection.SelectionOff svg.icon.icon-heart-fill-thin {
	display: none;
}

.button-selection.SelectionOff svg.icon.icon-heart {
	display: inherit;
	color: #28b8d7;
}

.button-selection-big {
	font-size: 1.6em;
	position: absolute;
	right: 0;
	background: rgba(255, 255, 255, 0.6);
	padding: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.liste-bien-container:hover .button-selection-big {
	background: rgba(255, 255, 255, 1);
}

.body-mode-pict .button-selection-big, .body-mode-pictmap .button-selection-big {
	font-size: 1.7em;
	right: 10px;
	top: 10px;
	z-index: 975;
}

.button-selection-big svg {
	color: #656565;
}

/* @end */




/*
--------------------------------------------------------
Liste Mode Texte / Affichage par defaut
--------------------------------------------------------
*/

/* -- Affichage des images --*/

.liste-bien-photo {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.liste-bien-photo img {
	width: 100%;
	height: 100%;
	color: transparent;
}

.liste-bien-photo .anti-cheat {
	position: absolute;
	z-index: 960;
	width: 100%;
	height: 100%;
	left: 0;
}

.liste-bien-photo-frame {
	width: 100%;
	height: 100%;
	background-color: #2f2f2f;

}

.liste-bien-photo .is-flap {
	width: 100%; height: 100%;
}

.liste-bien-photo-frame a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.liste-bien-photo-frame a:hover, .liste-bien-photo-frame a:active {
	background-color: transparent;
}

.liste-bien-photo a .ico-loupe {
	background: url('/images/ico-loupe-liste.png') 50% -100% no-repeat transparent;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	left: 0;
}

.liste-bien-photo a:hover .ico-loupe {
	background: transparent url('/images/ico-loupe-liste.png') no-repeat 50% 50%;
}





.liste-bien-photo .liste-bien-flap-nav .previous,
.liste-bien-photo .liste-bien-flap-nav .next{
	position: absolute;
	top: 45%;
	color: #FFF;
	z-index: 961;
	font-size: 2em;
	cursor: pointer;
}

.liste-bien-photo .liste-bien-flap-nav .next{
	right: 20px;

}

.liste-bien-photo .liste-bien-flap-nav .previous{
	left: 20px;
}

.liste-bien-photo .empty-slideshow{
		background: #f5f5f5 url('/images/vide_liste_grande.jpg') no-repeat center;
		background-size: cover;
	}



	/* -- Texte / Descriptif --*/

.liste-bien-photo {
	width: 50%;
}

.liste-bien-description {
	position: relative;
	width: 49%;
	display: inline-block;
	vertical-align: top;
	background-color: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1% 1% 1% 2%;
}

.liste-bien-title {
	padding: 8% 0 3%;
	text-align: left;
	font-size: 1.5em;
}

.liste-bien-type {
	font-size: 0.8em !important;
	line-height: 1.5em;
	color: #404040;
	padding-bottom: 5px;
	font-weight: bold;
}

.liste-bien-ville {
	font-size: 0.9em;
	line-height: 1;
	font-style: normal;
	color: #696969;
}

.liste-bien-date {
	padding-bottom: 10px;;
	color: #535353;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}

.liste-bien-type, .liste-bien-ville {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.liste-bien-price {
	font-size: 0.9em;
	line-height: 1.2em;
	color: #28b8d7;
	display: inline-block;
	margin-top: 10px;
}

.cost-per-month {
	font-size: .7em;
	color: #999797;
}

.body-mode-pict .cost-per-month  {
	font-size: 1.2em;
    position: absolute;
    bottom: 14px;
    right: 5px;
}

.body-mode-pictmap .cost-per-month {
	font-size: 1.2em;
}

.detail .cost-per-month {
	color: #fff;
    display: block;
    text-align: right;
    text-transform: lowercase;
}

.cost-per-month-note {
	text-align: left;
    color: #999797;
}

.extrait-desc {
	color: #4a4a4a;
	height: 105px;
	margin-bottom: 10px;
	overflow: hidden;

}


.liste-bien-offre {
	line-height: 1;
	color: #9e9e9e;
	margin-top: 3.5%;
}

.liste-bien-description hr {
	margin: 1px 0 2.5%;
	width: 30%;
	text-align: left;
	border-top: 3px solid #ececec;
}

/* @group Ribbons Texte */

.liste-bien-ribbon {
	position: absolute;
	top: 0px;
	left: 0;
}

.liste-bien-ribbon.ribbon-right {
	right: 0;
	left: inherit;
}

.liste-bien-ribbon a {
	display: block;
	height: 100%; /* ribbon cliquable */
}

.ribbon-text {
	display: none; /*-- par default masqué --*/
	padding: 10px;
	font-size: 1em;
	color: #FFF;
	background-color: #fe6666;
	text-transform: uppercase;
}

.ribbon-vendu .ribbon-text-vendu {
	display: inline-block;
}

.ribbon-loue .ribbon-text-loue {
	display: inline-block;
}

.ribbon-compromis .ribbon-text-compromis {
	display: inline-block;
}

.ribbon-sousoffre .ribbon-text-sousoffre {
	display: inline-block;
}

.ribbon-baisse .ribbon-text-baisse {
	display: inline-block;
}

.ribbon-exclu .ribbon-text-exclu {
	display: inline-block;
}

.ribbon-nouveau .ribbon-text-nouveau {
	display: inline-block;
}

.ribbon-vedette .ribbon-text-vedette {
	display: inline-block;
}

/* @end */

/* @group Bouton visite virtuelle + video + Minisite bien */

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

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

.btn-visite-virtuelle:hover, .btn-visite-video:hover,.btn-video:hover {
	text-decoration: none;
	color: #28b8d7;
	cursor: pointer;
}

.btn-mini-site-bien {
	display: inline-block;
}

.btn-mini-site-bien a{
	background-color: #28b8d7;
	padding: 10px;
	display: inline-block;
	color: #FFF !important;
}

.btn-mini-site-bien .icon {
	font-size: 2em;
	vertical-align: middle;
	margin-right: 5px;
}

.uk .btn-mini-site-bien {
	display: none;
}

.btn-mini-site-bien a {
	color: white;
	text-decoration: none;
}

.btn-mini-site-bien:hover {
	background-color: #004a9a;
}

/* @end */

/* Position des boutons visite virtuelle et video */

.body-mode-pict .liste-all-btns,
.body-mode-pictmap .liste-all-btns {
	bottom: 74px;
}

.liste-all-btns {
	position: absolute;
left: 0;
bottom: 0;
z-index: 100;
}


/* Liste Mode Pict + Pict Map / Affichage en vignettes*/

.body-mode-pict .liste-bien-container, .body-mode-pictmap .liste-bien-container {
	padding: 0;
	width: 32.6%;
	position: relative;
}

.body-mode-pict .liste-bien-container:nth-child(3n) {
	margin-right: 0;
}

.body-mode-pict .liste-bien-photo, .body-mode-pictmap .liste-bien-photo {
	width: 100%;
	height: 100%;
	position: relative;
	background: #28b8d7;
	text-align: center;
}



.body-mode-pict .liste-bien-title {
	padding: 3% 0;
	text-align: left;
	font-size: 1.7em;
	height: 35px;
}

.body-mode-pict .liste-bien-description, .body-mode-pictmap .liste-bien-description {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 3% 5px !important;
	background-color: rgba(255, 255, 255, 0.95);
	font-size: 11px !important;
	height: 75px;
}

.body-mode-pict .liste-bien-price {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 1.5em;
}

/* Ajustement pour le mode Text  */

.body-mode-text .liste-bien-container:nth-child(2n) {
  margin-right: 0;
}


/* Ajustement pour le mode Text map */

.body-mode-textmap .liste-bien-container {
	width: 100%;
	margin-left: 0;
}

.body-mode-textmap .liste-bien-photo {
	width: 40%;
}

.body-mode-textmap .liste-bien-description {
	width: 58%;
}

.body-mode-textmap .liste-bien-title {
	padding: 3% 0 2%;
}

.body-mode-textmap .liste-create-alert-in-modal,
.body-mode-pictmap .liste-create-alert-in-modal{
	width: 35%;
	font-size: .9em
}

.body-mode-textmap .display-btn,
.body-mode-pictmap .display-btn {
	width: 64%;
}



.body-mode-textmap .display-btn-title,
.body-mode-textmap .display-btn-sep,
.body-mode-pictmap .display-btn-title,
.body-mode-pictmap .display-btn-sep {
	display: none;
}

/* Ajustement pour le mode Pict map */

.body-mode-pictmap .liste-bien-container {
	width: 48%; margin-right: 2%; margin-bottom: 2%;
}

.body-mode-pictmap .liste-bien-title {
	padding: 2% 0 1%;
	text-align: left;
	font-size: 1.5em;
}

.body-mode-pictmap .liste-bien-price {
	font-size: 1.2em;
	margin-top: 0;
	position: relative;
}



/*
--------------------------------------------------------
Liste Mode  Map / Affichage en map seule
--------------------------------------------------------
*/

/* -- Généralité de la map  -- */

.liste-map {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	/*background: transparent url(/images/loading.gif) no-repeat 50% 50%;*/
}

#IfGGMap {
	border: none;
	position: relative;
	z-index: 1;
}

#GGMap {
	width: 100% !important;
	height: 100% !important;
	min-height: 300px;
	background: transparent url(/images/loading.gif) no-repeat 50% 50% !important;
}

.gg-map-street-view {
	position: absolute;
top: 0;
height: 100%;
width: 100%;
text-align: center;
z-index: 1;
background: #fff;
}

.gg-map-street-view.not-available div {
	font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
color: #606060;
letter-spacing: 2px;
margin-top: 40vh;
}

.gg-map-street-view .ui-dialog-titlebar-close{
	position: absolute;
right: .3em;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
z-index: 10;
background: #fff;
top: 20px!important;
}

.gm-fullscreen-control {
	bottom: 10px!important;
}

/* Mise en forme des Bulles avec marker dans la map */

.ggmap-list-item-coords .ggmap-coords-title {
	text-transform: uppercase;
	color: #28b8d7;
}

.liste-map-message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	width: 600px;
	margin: 0px auto;
	padding-top: 150px;
	color: #999;
	letter-spacing: 1px
}

.liste-map-message-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #606060;
	letter-spacing: 2px
}

.warning-gray {
	height: 60px;
	background-image: url(../images/warning-gray.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.ggmap-list-item {
	color: #000;
	font-size: 12px;
	clear: both;
	margin: 5px 0 0;
	border-top: 1px solid #dedede;
	display: inline-block;
	width: 100%;
	padding: 8px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ggmap-list-item a:hover {
	text-decoration: none;
}

.ggmap-list-item:first-child {
	border-top: none;
}

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

.ggmap-list-item-pict {
	margin: 0 12px 2px 0;
	float: left;
	width: 90px;
	height: 90px;
	position: relative; z-index: 1;

}

.ggmap-list-item-pict img {
	max-width: 90px !important;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	height: 100%;
	width: auto;
}

/* Pour les navigateur qui prenne en charge object-fit */

@supports (object-fit: cover) {
	.ggmap-list-item-pict img {
		width: 100%;
		object-fit: cover;
		margin-left: 0%;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		}
	}


.ggmap-list-item-content {
	float: left;
	width: calc(97% - 100px)
}

.ggmap-list-item-coords .ggmap-coords-title {
	text-transform: uppercase;
	color: #28b8d7;
	font-weight: bold;
}

.ggmap-list-item-coords .ggmap-coords-prix {
	margin-bottom: 5px;
	font-weight: bold;
}

.ggmap-coords-link {
	color: #fff;
	font-weight: normal !important;
	font-size: 12px !important;
	background-color: #28b8d7;
	padding: 2px 5px;
	display: inline-block;
	margin-top: 2px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	white-space: nowrap;
	cursor: pointer;
}

.ggmap-coords-link:hover {
	background-color: #28b8d7;
}

.gm-style .gm-style-iw {
	padding-right: 0 !important;
	width: 270px !important;
	max-width: 450px !important;
}

.gm-ui-hover-effect {
	top: 0px!important;
right: 0px!important;
}

.highlight-prod, .ggmap-list-item:hover {
	background-color: #ebebeb;
}


/* Mode Map Seule  */

.liste.body-mode-map .LoadingAjax {
	background: url(/images/loading.gif) no-repeat 50% 50%;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
}

.body-mode-map #IfGGMap {
	height: 750px;
}

/* @group Liste Navigation page */

.liste-navpage-container {
	border-top: #e3e3e2 1px solid;
	padding-top: 20px;
	margin: 0;
	color: #918d86;
	font-size: 100%;
	line-height: 1;
	position: relative;
	letter-spacing: .1em;
	clear: both;
	padding-bottom: 10px;
}

.liste-navpage-prev {
	position: absolute;
	top: 20px;
	left: 0;
	width: 26px;
	height: 26px;
}

.liste-navpage-prev span {
	display: block;
	height: 100%;
}

.liste-navpage-next {
	position: absolute;
	top: 20px;
	right: 0;
	width: 26px;
	height: 26px;
}

.liste-navpage-next span {
	display: block;
	height: 100%;
}

.liste-navpage-trail {
	margin: 0 8%;
	width: 77%;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.liste-navpage-container .PageTri {
	padding-right: 20px;
}

.liste-navpage-container .PagePre:hover, .liste-navpage-container .PageSui:hover {
	color: #28b8d7;
}

.liste-navpage-container .PageCli {
	display: inline-block;
	width: 26px;
	height: 28px;
	vertical-align: middle;
	line-height: 28px;
	text-align: center;
	background: #bdbdbd;
	color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-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;
}

.liste-navpage-container .PageCli:hover {
	background: #28b8d7;
}
	/* Page en cours */

.liste-navpage-container font b {
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #3d3d3d;
	color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.nav-page-position {
	margin-right: 40px;
}

/* @end */

	/* Mention inter-agence */

.mention-inter-agence, #MentionInterAgence {
	font: 85%/1 Helvetica, Arial, sans-serif;
	color: #949089;
	margin-top: 20px;
}

.detail #MentionInterAgence {

}

/* Bouton de biens similaires en bas de mode liste
----------------------------------------------------------------------------------------------------*/

.link-similaires {
	text-align: left;
	padding: 5% 1%;
}

.link-similaires a {
	text-transform: uppercase;
	font-size: 0.9em;
	text-decoration: none;
	color: #4f504f !important;
	font-weight: bold;
}

.link-similaires a:hover {
	text-decoration: underline;
}

/*  Loading  */

	/* Ajax */

.LoadListe {
	z-index: 999;
/*	filter: alpha(opacity=20);
	opacity: .2;*/
}

#LoadingAjax {
	background: url(/images/loading.gif) center 30vh no-repeat #FFF;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 999;
}

#LoadingAjax.ajax-loaded {
	background-color: rgba(255, 255, 255, 0.7);
}

/* @end */

/* @group [PAGE] Ma selection */

.liste-bien-container-selection .liste-bien-container {
	width: 100%;
}

.liste-bien-container-selection .liste-bien-photo {
	width: 40%;
}

.liste-bien-container-selection .liste-bien-description {
	width: 58%;
}

.selection-actions {
	display: inline-block;
	float: right;
}

.selection-actions ul {
	text-align: right;
	margin: 20px;
	padding: 0;
}

.selection-actions li {
	list-style-type: none;
	display: inline-block;
	margin-left: 15px;
	line-height: 20px;
}

/* @end */

/* @group [PAGE] Liste / Left Moteur */

.left-moteur .moteur-area {
	display: inline-block;
	width: 20%;
	vertical-align: top;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
}

.left-moteur .liste-area, .left-moteur .map-area {
	display: inline-block;
	vertical-align: top;
	width: 80%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* Tailles du mode liste+map */

.left-moteur.body-mode-textmap .moteur-area, .left-moteur.body-mode-pictmap .moteur-area {
	width: 20%;
}

.left-moteur.body-mode-textmap .liste-area, .left-moteur.body-mode-pictmap .liste-area {
	width: 45%;
}

.left-moteur.body-mode-textmap .map-area, .left-moteur.body-mode-pictmap .map-area {
	width: 35%;
}


/* Moteur */

.left-moteur .critere-hidden {
	display: block !important;
}

.left-moteur .geopoly-small {
	display: none;
}

.left-moteur .btn-more-rech {
	display: none;
}

/* @end */

/* @group [PAGE] Liste / Top Moteur */

.top-moteur .moteur-area {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: linear-gradient(to bottom, rgba(47, 47, 47, 0.6) 100%, rgba(47, 47, 47, 0.8) 100%), url(/images/bg-header.jpg);
	color: #FFF;
	background-size: cover;
}

.top-moteur .minimoteur {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1% 2%;
	background-image: linear-gradient(to bottom, rgba(47, 47, 47, 0.6) 100%, rgba(47, 47, 47, 0.8) 100%), url(/images/bg-header.jpg);
	background-size: cover;
}

.top-moteur .liste-area, .top-moteur .map-area {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* Tailles du mode liste+map */

.top-moteur.body-mode-textmap .liste-area, .top-moteur.body-mode-pictmap .liste-area {
	width: 55%;
}

.top-moteur.body-mode-textmap .map-area,
.top-moteur.body-mode-pictmap .map-area {
	width: 45%;
}

.top-moteur.body-mode-textmap .liste-map,
.top-moteur.body-mode-pictmap .liste-map {
	width: 45vw;
	height: 0;
}

/* Moteur */

.top-moteur .liste-display-all-nb {
	display: none;
}

.top-moteur .pieces, .top-moteur .surface, .top-moteur .terrain, .top-moteur .motscles, .top-moteur .reference {
	width: 19%;
	margin-right: 1%;
	float: left;
}

.top-moteur .ope {
	width: 15%;
	margin-right: 0.5%;
	float: left;
}


.top-moteur .type {
	width: 15%;
	margin-right: 0.5%;
	float: left;
}


.top-moteur .budget {
	width: 22%;
	margin-right: 0.5%;
	float: left;
}

.top-moteur .localite {
	width: 25%;
	float: left;
}

.top-moteur .resa {
	width: 15%;
	margin-right: 0.5%;
	float: left;
	position: relative;
}

.top-moteur ul.custom-select-list-container {
	max-height: 280px;
}

.top-moteur .custom-select-list {
	z-index: 980;
}


.liste-neuf.top-moteur .localite {
	width: 22%;
}

.top-moteur .minimoteur .elargir {
	width: 10%;
	float: left;
	margin-right: 0.5%;
}

.top-moteur .elargir .label-input-50 {
	width: 100% !important;
}

.top-moteur .geopoly, .top-moteur .or-geopoly {
	display: none;
}

.top-moteur .geopoly-small {
	display: inline-block;
	float: right;
	font-size: 0.9em;
	cursor: pointer;
	margin-right: 10px;
}

.top-moteur .geopoly-small span {
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.3);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.top-moteur .geopoly-small:hover span {
	background-color: rgba(255, 255, 255, 0.5);
}

.top-moteur .text-geopoly-small .icon {
	font-size: 8px;
}

.top-moteur .critere-visible {
	position: relative;
}


.top-moteur .btn-more-rech {
	width: 11%;
	float: left;
	margin-top: 37px;

}

.top-moteur .btn-more-rech span{
	padding: 11px 7px 12px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* @end */

/* @group [A VOIR] [PAGE] Detail */


/* @group Layout Fiche Detail */

.detail .top-fiche {
	background: #f2f2f2;
}

.detail .leftside-content {
	float: left;
	width: 18%;
}

.detail .rightside-content {
	float: left;
	width: 64%;
	background-color: #e5e4e4;
}

.detail .thumbs-flap-wrapper {
	float: right;
	height: 600px;
	padding-right: 1%;
	padding-left: 1%;
	width: 18%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center !important;
}

.detail .leftside-content .heading2 {
	font-size: 1.1em;
	text-align: center;
	color: #868686;
	padding-top: 0;
}

/* @end */

/* @group Ribbons + Visite virtuelle + Video */

.detail-all-btns {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1000;
}



.detail-bien-ribbon {
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 2;

}

.detail-bien-ribbon.ribbon-right {
	right: 0;
	left: inherit;
}

.detail-bien-ribbon a {
	display: block;
	height: 100%; /* ribbon cliquable */
}


/* @end */

/* @group Details Actions ( haut de la page ) */

.detail-actions {
	position: relative;
	background-color: #3d3d3d;
	padding: 0.5% 2%
}

.detail-actions br.detail-contact-button-br{
	display: none;
}

.detail-topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.detail-topnav li {
	display: inline-block;
	vertical-align: top;
	margin-left: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 8px;
}

.detail-topnav li:first-child {
	float: left;
	margin-left: 0;
	text-transform: uppercase;
}

.detail-topnav li.ico-back {
	text-transform: none;
	color: #FFF;
	cursor: pointer;
	padding-left: 0;
}

.detail-topnav li.ico-back .icon {
	margin-right: 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	font-size: 0.7em;
}

.detail-topnav li.ico-back:hover .icon {
	margin-right: 5px;
}

li.ico-back-clear {
	display: none;
}

.detail-topnav li a, .detail-topnav li span {
	cursor: pointer;
	color: #bcbcbc;
	text-decoration: none;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.detail-topnav li a:hover, .detail-topnav li span:hover {
	color: #fff;
}

.detail-topnav li.SelectionOff span {
	color: #FFF;
}

/* On masque le bouton contact > mediaqueries pour l'afficher en tablette */

.detail-topnav li.detail-contact-button {
	background-color: #28b8d7;
	color: #fff;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.detail-topnav li.detail-contact-button a {
	color: #FFF;
}

/* @end */

/* @group Description du bien */


.detail-bien-infos {
	background: transparent url(/images/shadow-full-horizontale.png) no-repeat 50% -1px;
}

/*-- Title --*/

.detail-bien-intro {
	position: relative;
	border-bottom: 3px solid #e4e4e4;
}

.detail-bien-type, .detail-bien-ville, .detail-bien-ref {
	padding: 4px 0px;
}

.detail-bien-type {
	font-size: 2em;
	line-height: 1.2em;
	color: #28b8d7;
	font-weight: bold;
}

.detail-bien-ville {
	font-size: 1.5em;
	font-weight: bold;
}

.detail-bien-ref {
	font-size: 1em;
	color: #a1a1a1;
	font-weight: bold;
}

.detail-bien-prix {
	position: absolute;
	right: 0;
	top: 10px;
	display: inline-block;
	background-color: #28b8d7;
	color: #FFF;
	padding: 10px 15px;
	font-size: 1.5em;
	z-index: 1;
	font-weight: bold;
}

.detail-bien-prix span {
	font-size: 0.6em;
	text-transform: uppercase;
}

.prix-location {
	margin-bottom: 25px;
	text-align: left;
}

.prix-location li {
	display: inline-block;
	vertical-align: top;
	border-left: 2px solid #e4e4e4;
	padding-left: 1% !important;
	margin-right: 1% !important;
	font-size: 1em;
	color: #28b8d7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
}

.prix-location li span.charges_mens {
	color: #4a4a4a;
	font-size: 1em;
}



/*-- Specs avec icones --*/

.detail-bien-specs {
	text-align: right;
}

.detail-bien-specs li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0 5px !important;
	font-size: .9em;
	font-weight: bold;
}

.detail-bien-specs li span {
	display: inline-block;
	width: 100%;
	height: 30px;
	color: #767676;
	font-size: 1.8em !important;
	font-weight: 100 !important;
}


.detail-bien-architecte {
color: #03b8d9;
}

/*-- Texte --*/

.detail-bien-desc {
	padding-bottom: 10px;
	color: #4a4a4a;
}

.detail-bien-desc-content {
	padding: 30px 0 10px;
}

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

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

.detail-bien-desc-content .TxtVendu {
	text-transform: uppercase;
	font-size: 1.5em;
	color: #fe6666;
}

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

/* @end */

/* @group DPE */

.detail-bien-dpe {
}


.NrjGrad, .GesGrad {
	width: 202px !important;
	height: 202px;
	border: 1px solid #f5f5f5;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.NrjGrad, .GesGrad {
	margin: 5px;
}

.DpeImage {
	z-index: 100;
	width: 100%;
	height: auto;
	position: relative;
}

.DpeImage img {
	width: 100%;
	height: auto;
}

.DpeNote {
	color: #fff;
	width: 186px;
	height: 39px;
	z-index: 200;
	font-weight: bold;
	text-align: right;
	position: absolute;
	padding: 18px 13px 0 0;
	font-family: Arial, sans-serif;
	top: 0;
	background: transparent url(/images/DpeCursor.gif) no-repeat top right;
}

/* @end */


/* @group Form Contact Detail */

.detail-bien-contact {
	padding: 5px 10% 10px;
}


.detail-bien-contact-title {
	margin-bottom: 5px;
}

.titre-onglet-ico-env {
	display: inline-block;
	width: 49%;
	text-align: center;
	float: left;
	color: #bbbbbb;
}

.titre-onglet-ico-env .icon {
	-ms-transform: rotate(-20deg); /* IE 9 */
	-webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
	transform: rotate(-20deg);
}

.titre-onglet-ico-env div {
	display: none;
}

	/* Texte */

.contact-agence-agent {
	border-bottom: 3px solid #e4e4e4;
	margin-bottom: 18px;
	padding: 0 0 15px;
	text-align: center;
}

.contact-agence-photo {
	max-width: 80px;
	margin: 0 auto;
}

.contact-agence-agent .heading3 {
	color: #3d3d3d;
	font-size: 1.2em;
	text-transform: none;
	font-weight: bold;
}

.contact-agence-tel {
	display: inline-block;
	padding: 5px;
	margin-top: 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer;
	background-color: #28b8d7;
	color: #FFF;
}

.contact-agence-tel a[href^="tel"] {
color: #FFF;
text-decoration: none;
}

.contact-agence-tel:hover {
	background: #3d3d3d;
}


	/* Form */

.detail-bien-contact #message.input-text {
	height: 110px !important;
	padding: 15px !important;
}

.detail-bien-contact .form-critere {
	margin-bottom: 0;
}



/* Formulaire de contact bas ( uniquement sur tablettes/ iphone > voir mediaqueries )  */

#detail-contact-bottom-target {
	margin-top: -170px;
	position: absolute;
}

.detail-contact-bottom {
	background: #f2f2f2;
	padding: 30px 0;
}

.detail-contact-bottom .titre-onglet-ico-env {
	padding-top: 0px;
	background-position: top;
}

.detail-contact-bottom .titre-onglet-ico-env div {
	display: block;
}

.detail-contact-bottom .detail-bien-contact {
	border-left: none;
	padding: 5px 0% 0;
}



/* Modal */

.detail-contact-modal {
	padding-top: 20px;
}

.detail-contact-modal img.logo-agence {
	padding-top: 10px;
	max-width: 100%;
}

.detail-contact-modal .heading3 {
	margin-bottom: 5px;
}

/* @end */

/* @group Slide DETAIL */


.detail-photo-container .large-flap-frame {
	width: 100%;
	position: relative;
	background: transparent ;
	z-index: 1;
}

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

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

.detail-photo-container img[src*=".jpg"]{
	background: transparent url(/images/loading-house.gif) no-repeat 50% 50%;
}

.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 {
	width: 100%;
	height: 100%;
}

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

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

}

.detail-photo-container .large-flap-container div.no-diapo {
	cursor: inherit;

}

.detail-photo-container .large-flap-container div.diapo img {
	height: 100% !important;
	max-width: 100% !important;
	/*object-fit: contain;*/

}

@supports (object-fit: contain) {
	.detail-photo-container .large-flap-container div.diapo img {
		width: 100%;
		object-fit: contain;
		}
	}

.detail-photo-container .large-flap-container div.is-flap img,
.detail-photo-container .large-flap-container div.no-flap img {
	z-index: 1; position: relative;
}


/* Iframe */

.detail-photo-container .large-flap-container iframe {
	width: 100%;
	height: 100%;
	border: none;
	width: 100%;
	height: 100%;
	display: block;
}


/* Iframe Visite Virtuelle */

.detail-photo-container .slideshow-iframe-container {
	width: 100%;
	height: 100%;
}





/*-- Effet blur image sur l'image darrière plan --*/
.bg-blur-image { position: absolute; left: 0; top: 0;
	width: 100%; height: 100%; z-index: 0;
	background-color: rgb(213, 213, 213);
}
.bg-blur-image img {
	filter: blur(20px);
	-webkit-filter: blur(20px);
	-moz-filter: blur(20px);
	-o-filter: blur(20px);
	-ms-filter: blur(20px);
	width: 108% !important; height: 108% !important;
	opacity: 0.3;
	object-fit: cover !important;
}
/*-- ON enleve le blur pour IE  --*/
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
.bg-blur-image img {
opacity: 0 !important; display: none;
}
}






/*-- BOUTON prev et next survol de l image --*/

.large-flap-nav {
	z-index: 970;
	position: relative;
	opacity: 0;
}


.large-flap-nav .previous, .large-flap-nav .next {
	width: 60px;
	height: 60px;
	position: absolute;
	margin-top: 25%;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 30px;
	border-radius: 30px;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	-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;
}

.large-flap-nav .previous:hover, .large-flap-nav .next:hover {
	background-color: rgba(255, 255, 255, 1);
}

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

.large-flap-nav .previous {
	left: 2%;
}

.large-flap-nav .next {
	right: 2%;
}

.no-flap {
	display: none;
}

.controls {
	display: block;
	height: 100%;
}

/*-- 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 Specific Detail --*/

.thumbs-title {
	margin: 35px 0 10px;
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
}

.thumbs-title .icon {
	margin-right: 10px;
	vertical-align: middle;
	color: #555555;
	margin-left: -10px;
}


.detail .scrollpane-to-child {
	display: inline-block;
	position: relative;
	width: 85px;
	height: 85px;
	overflow: hidden;
	margin-right: 8px;
	margin-bottom: 8px;
	z-index: 1;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

}

/*.detail .is-flap.scrollpane-to-child {
	width: 85px;
	height: 85px;
	overflow: hidden;
	margin-right: 8px;
	margin-bottom: 8px;
}*/

.detail .no-flap.scrollpane-to-child {
	display: none;
}

.detail .scrollpane-to-child img {
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.detail .scrollpane-to-child img.anti-cheat {
	position: absolute;
	z-index: 960;
	width: 100%;
	height: 100%;
}

.detail .jspContainer,
.detail .jspPane,
.detail .thumbs-flap-container {
	height: 580px;
	display: inline-block;
	width: 100% !important;
	padding: 0;
	text-align: center;
	max-width: 220px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.detail .thumbs-flap-container {
	overflow: auto;
}

.detail .scrollpane {
	display: inline-block;
	max-width: 250px !important;
	outline: none;
}


.detail .thumbs-control-prev, .detail .thumbs-control-next {
	display: none;
}

.detail .thumbs-flap-container .thumbs-active {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.detail .thumbs-flap-container .scrollpane-to-child::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0px solid rgba(214, 214, 214, 0.2);
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.detail .thumbs-flap-container .scrollpane-to-child.thumbs-active::after {
    border: 5px solid rgba(161, 161, 161, 0.7);
}

/* @end */

/* @group Diaporama Big-flap-box */

.big-flap-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.8);

}

.big-flap-container {
	position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 1px;
	z-index: 1100;
	overflow: hidden;
	background: url(/images/loading.gif) 50% 50% no-repeat #e1e0e0;
	border: 0;
}

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



.big-flap-container img.photo-big {
	max-width: 98vw ;
	max-height: 95vh;
}

.big-flap-container .previous, .big-flap-container .next {
	width: 36px;
	height: 40px;
	position: absolute;
	top: 50%;
	margin-top: -33px; /* Centrage vertical */
	cursor: pointer;
	z-index: 9999;
	color: rgba(255, 255, 255, 0.69);
	font-size: 38px;
}

.big-flap-container .previous {
	left: 10px;
}

.big-flap-container .previous:hover {
	color: #FFF;
}

.big-flap-container .next {
	right: 10px;
}

.big-flap-container .next:hover {
	color: #FFF;
}

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

.close-big {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	z-index: 9999;
	background: #28b8d7;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	text-align: center;
	line-height: 24px;
	color: #FFF;
	font-size: 10px;
	-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;
}

.close-big:hover {
	background-color: #51504f;
}

/* Pagination */

.detail-photo-container .pagination {
	width: 100%;
	padding-top: 12px;
	background: #fff;
	text-align: center;
	position: absolute; /* Placement de la pagination */
	left: 0;
	bottom: 0;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.detail-photo-container .pagination .pagination-page {
	display: inline-block;
	vertical-align: top;
	margin-right: 3px;
	width: 12px;
	height: 12px;
	cursor: pointer;
	background: #7c7c7c;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

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

/* @end */

/* @group Slideshow de Contenu */


.content-slideshow-container .bg-blur-image {
	background-color: #3c3d3c !important;
}

.content-slideshow-container .bg-blur-image img {
	filter: blur(5px);
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
}

.content-slideshow {
	color: #FFF;
}

.btn-contact-slideshow{
	margin-top: 20%;
	position: relative;
}

.btn-contact-slideshow .heading3{
	color: #FFF;
}

/* @end */

/* @end */


/* @group [DETAIL] Avis du professionnel / du proprietaire */

.detail-avis-agent {
	margin-top: 30px;
	padding: 3%;
	background: #efefef;
}


.detail-avis-agent-content {

}

.detail-avis-agent-photo{
	width: 100px; float: left;
	margin: 10px;
}

.detail-avis-agent-title {
	font-size: 1.1em;
	font-variant: small-caps;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 10px;
	font-weight: bold;
}

.detail-avis-agent-text {
	font-style: italic;
	font-size: 1em;
	color: #696969;
	line-height: 1.8em;
}

.detail-avis-agent-name {
	font-size: 1em;
	font-weight: bold;
}

.detail-avis-agent-name:before,
.detail-avis-agent-name:after {
	font-size: 0.9em;
	content: "______";
	color: #bfbfbf;
	margin:  0 30px;
}

/* @end */


/* @group [MODULE] NEUF */

.detail-bien-lots {

}

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

.detail-bien-lots table th {
text-transform: uppercase;
font-weight: bold;
}

.detail-bien-lots table td {
	vertical-align: middle;
	padding: 5px;
	border-bottom: 1px solid #dadada;
}


.detail-bien-lots .detail-bien-lots-photo{
	position: relative;
	width: 140px;
	text-align: center;
}

.detail-bien-lots .detail-bien-lots-photo .PlanProg {
	cursor: pointer;
	max-width: 150px;
	max-height: 100px;
}


.detail-bien-lots .detail-bien-lots-photo .PhotoPlan {
	position: absolute;
	z-index: 10;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	left: 190%;
	max-width: 400px;
	left: 85%;
	top: -50%;
	box-shadow: 0 0 40px rgba(73, 73, 73, 0.19);
	opacity: 0;

}



.detail-bien-lots .detail-bien-lots-photo:hover .PhotoPlan {
	left: 100%;opacity: 1;
}



/* @end */


/* @group [MODULE] Detail Suggestion de biens */


.detail-suggestions-title {
	background-color: #28b8d7;
	color: #FFF;
	padding: 25px 0 10px;
}

.detail-suggestions-title span {
	color: #FFF !important; opacity: 0.6
}

.detail-suggestions-title .titre-onglet-line {
	border-color: rgba(255, 255, 255, 0.21);
}

.detail-suggestions {
	background: #353535;
	text-align: center;
}

a.suggest-bien {
	display: inline-block;
	width: 20%;
	height: 250px;
	background-position: center;
	background-color: #353535;
	background-size: cover;
	position: relative;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	float: left;
}

a.suggest-bien:hover {
	text-decoration: none;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.suggest-bien-text {
	position: absolute;
	bottom: 0;
	padding: 4%;
	width: 92%;
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFF;
	text-align: left;
}

/* @end */

/* @group [MODULE] Calculette /Outils Financiers */

.calc-container-title {
	color: #353535;
	font-size: 1em;
	line-height: 1.231em;
	text-transform: uppercase;
	margin: 1em 0 0;
	font-weight: bold;
}

.calc-leftcol .input-text {
	height: 28px;
	line-height: 1.5em;
}

.calc-resultats {
	padding: 10px;
	background-color: #f4f4f4;
	margin-top: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.calc-rightcol .resultats {
	display: inline-block;
	margin-top: 10px;
	text-align: right;
	font-style: italic;
	color: #9d9d9d;
	vertical-align: middle !important;
	margin-left: 10px !important;
}

.calc-rightcol .resultats strong {
	color: #28b8d7;
	font-size: 1.1em;
	font-weight: bold;
}

/* @end */

/* @group [MODULE] POI Google MAP */

.detail-bien-poi {
}


.gg-map-poi-container {
	font-size: 0.85em; text-align: center;
}

.poi-col {
	display: inline-block;
	vertical-align: top;
	width: 32.5%;
	text-align: left;
	margin: 10px auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 150px;
	max-width: 290px;
}

.poi-col:last-child {
	margin-right: 0;
}

.poi-col-title {
	width: 100%;
	text-transform: uppercase;
	color: #2b2b2b;
	margin-bottom: 10px;
	padding-bottom: 6px;
	font-size: 1.2em;
	font-weight: bold;
}

.poi-col li {
	list-style: none;
	line-height: 2.5em;
	font-size: 0.9em;
}

.poi-col label {
	color: #4a4a4a;
	text-transform: uppercase;
	margin-bottom: 2px;
	cursor: pointer;
	padding-bottom: 4px;
}

label.poi-label-all {
	font-size: 0.9em;
	line-height: 2.3em;
}

/*-- POI --*/

.poi-item {
	padding-left: 20px !important;
	background-repeat: no-repeat;
	background-position: 0 4px;
}

.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);
}

#GGMapPoi {
	width: 100% !important;
	height: 450px;
}

/* @end */

/* @group [MODULE] Kelquartier - Portrait */

/* @group Kelquartier Banner Media (avec btn cliquez ici) */

.kelquartier-banner img {
	width: 100%;
	height: auto;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	opacity: .4;
}


.kelquartier-banner .discover {
	position: relative;
}

.kelquartier-banner-media {
	width: 100%;
	height: 320px;
	max-height: 40vh;
	overflow: hidden;
	background: #2b2b2b;
}

.kelquartier-banner-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/* @end */

/* @group Kelquartier Big Stats Icones */

.kelquartier-big-stats .col{
	border-right: 1px solid #d2d2d2;
}

.kelquartier-big-stats .col:last-child {
	border-right: none;
}

.kelquartier-big-stats .kelquartier-big-stats-title {
	font-size: 1.275em;
	text-transform: uppercase;
	margin: 5px 0;
}

.kelquartier-big-stats .kelquartier-big-stats-number {
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0;
}

.kelquartier-big-stats .kelquartier-big-ico {
	height: 45px;
	background-image: url(/images/ico-kelquartier.png);
	background-image: image-set("/images/ico-kelquartier.png" 1x, "/images/ico-kelquartier@2x.png" 2x);
	background-image: -webkit-image-set(url(/images/ico-kelquartier.png) 1x, url(/images/ico-kelquartier@2x.png) 2x);
	background-repeat: no-repeat;
	display: block;
	opacity: 0.7;
	margin-bottom: 10px;
}

.kelquartier-big-stats .kelquartier-big-ico.home {
	background-position: center bottom;
}

.kelquartier-big-stats .kelquartier-big-ico.user {
	background-position: center top;
}

/* @end */

/* @group  Kelquartier Table */

.kelquartier-table ul li {
	padding: 10px;
	border-bottom: 1px solid #dfdfdf;
}

.kelquartier-table ul li:nth-child(2n+1) {
	background-color: #f1f1f1;
}

.kelquartier-table ul li:first-child {
	border-top: 1px solid #dfdfdf;
}

.kelquartier-table ul li span {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

.kelquartier-table ul li span.stat {
	font-weight: bold;
}

/* @end */



/* Descriptif */

/* @group Kelquartier Descriptif */

.kelquartier-descriptif p:first-letter {
	font-size: 340%;
	line-height: 80%;
	float: left;
	padding-right: .1em;
}

/* @end */

/* @group Kelquartier Big Image */

.kelquartier-big-image {
	text-align: center;

}

.kelquartier-big-image img {
	max-height: 420px;

}

/* @end */

/* @group Kelquartier Jauge */

.kelquartier-jauge-progress{
	display: inline-block;
	width: 100%;
	height: 8px;
	background: #f0f0f0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: left;
	margin: 10px 0;
}

.kelquartier-jauge-progress-value{
	display: inline-block;
	vertical-align: top;
	height: 8px;
	background: #28b8d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px 0px 0px 10px;
	color: rgba(255, 255, 255, 0);
}


.kelquartier-jauge-label{
	font-weight: bold;
}

.kelquartier-jauge-ico{
	margin-right: 5px;
}

.kelquartier-jauge-ico img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

/* @end */

/* @group Kelquartier Medias Gallery */

.kelquartier-medias-gallery  .kelquartier-media {
	display: inline-block;
	width: 29%;
	max-width: 335px;
	min-width: 250px;
	height: 230px;
	margin: 0 2% 2%;
	overflow: hidden;
	vertical-align: top;
}

.kelquartier-medias-gallery .kelquartier-media img{
	width: 100%;
	height: auto;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

/* @end */

/* @end */



/* @group [MODULE] Kelquartier - Wizard Estimation */

input.submit-kelquartier {
	color: #fff;
	border: 0;
	background-color: #28b8d7;
	font-size: .85em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 15px 18px;
	display: inline-block;
	text-decoration: none!important;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer!important;
	letter-spacing: 1px;
	margin: 2px 0;
}

input.submit-kelquartier:hover {
	background-color: #353535;
	color: #fff;
}

.col-estimation-result {
	position: relative;
}

.wizard-estimation-resultat strong {
	color: #505050;
	display: inline-block;
	width: 100%;
	font-weight: bold;
}

.wizard-estimation-resultat .col-estimation-basse span:after, .wizard-estimation-resultat .col-estimation-haute span:after {
	top: 80%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #2592fc;
	border-width: 7px;
	margin-left: -7px;
}

.wizard-estimation-resultat .col-estimation-normale span:after {
	top: 80%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #6ccf02;
	border-width: 7px;
	margin-left: -7px;
	left: 50%;
}

.wizard-estimation-resultat .col-estimation-haute span:after {
	border-top-color: #fd1914;
	right: 2%;
}

.wizard-estimation-resultat .col-estimation-basse span:after {
	border-top-color: #2592fc;
	left: 2%;
}

.col-estimation-normale {
	font-size: 1.2em;
	padding-bottom: 15px;
	position: relative;
	vertical-align: top;
	display: inline-block;
}

.col-estimation-basse {
	text-align: left;
	float: left;
}

.col-estimation-basse span {
	color: #2592fc;
}

.col-estimation-normale span {
	color: #6ccf02;
	font-weight: bold;
}

.col-estimation-haute span {
	color: #fd1914;
}

.col-estimation-haute {
	text-align: right;
	float: right;
}

.col-estimation-colors {
	height: 10px;
	background: -moz-linear-gradient(0deg,rgba(36,145,255,1) 0,#75df01 50.3%,rgba(255,18,18,1) 100%);
	background: linear-gradient(90deg,rgba(36,145,255,1) 0,#75df01 50.3%,rgba(255,18,18,1) 100%);
}

/* @end */

/* @group [MODULE] Detail des pieces (a activer dans numage si besoin) */


#BtnShowRoom, #BtnHideRoom {
	display: inline-block;
	vertical-align: top;
	background: #3c3d3c;
	background-repeat: no-repeat;
	color: #fff;
	padding: 7px 11px;
	cursor: pointer;
	margin: 20px 0;
}

#BtnShowRoom span, #BtnHideRoom span {
	display: inline-block;
	vertical-align: middle;
	font-size: 10px;
}

#BtnShowRoom span {
	background-position: -8px -115px;
}

#BtnHideRoom span {
	background-position: -8px -130px;
}

.descriptif-pieces {
	padding-bottom: 10px;
	border-bottom: #e3e3e2 1px solid;
	margin-bottom: 20px;
}

.descriptif-pieces .table-bordered {
	border: none;
}

.descriptif-pieces .table-bordered th, .descriptif-pieces .table-bordered td {
	border-left: #ccc;
}

.descriptif-pieces .table-bordered th {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

.descriptif-pieces .table tr {
	border: 1px solid #ccc;
}

.descriptif-pieces .table td {
	text-align: center;
}

/* @end */


/* @group [MODULE] Tableau des prix par semaine (a activer dans numage si besoin) */

.locsaison-table-price {

}

/* @end */


/* @group [MODULE] Module de réservation (a activer dans numage si besoin)  */

.form-critere-content-schedule .input-text {
background-image: url(/images/ico-shedule.png);
background-image: -webkit-image-set(url(/images/ico-shedule.png) 1x,url(/images/ico-shedule@2x.png) 2x);
background-image: image-set("/images/ico-shedule.png" 1x,"/images/ico-shedule@2x.png" 2x);
background-repeat: no-repeat;
background-position: 10px 11px;
padding: 0 0 0 40px!important;
}

.resa-price.loading {
	opacity: .5;
}

.resa-price .heading4 {
	padding: 0;
}

.nondispo .resa-price-htmlresult, .dispo .resa-price-htmlresult{
	display: block;
}

.resa-price-htmlresult {
	background: rgba(255,255,255,0.4);
border: 1px dashed #fff;
width: 100%;
display: none;
padding:11px 10px;
}

.detail-bien-reservation-action {
	display: inline-block;
}

.detail-bien-reservation-action span{
	font-size: 12px !important;
}

.schedule-reservation {
	position: relative;
}

.schedule-reservation .ui-widget-content {
	width: 100% !important; text-align: center;
	max-width: 700px;
	margin: 0 auto;
}

#content .detail-bien-reservation table th, #content .detail-bien-reservation table td {
	padding: 2px;
}

.btn-supr-schedule-position {
display: inline-block;
width: 15px;
height: 15px;
background-image: url(/images/bg-cross.png);
background-image: -webkit-image-set(url(/images/bg-cross.png) 1x,url(/images/bg-cross@2x.png) 2x);
background-image: image-set("/images/bg-cross.png" 1x,"/images/bg-cross@2x.png" 2x);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
font-size: .9em;
color: #505050;
opacity: .5;
position: absolute;
right: 5px;
margin-top: 13px;
}



/* Specification ui-datepicker */

.ui-datepicker.ui-widget-content{
	min-width: inherit;
	z-index: 1000 !important;
}

.ui-datepicker-inline {
	font-size: 13px;
	width: 100% !important;
	padding:0 !important;
	border: none !important;
	box-shadow: none !important;
}

.ui-datepicker-multi .ui-datepicker-group {
	float: none !important;
	display: inline-block;
	vertical-align: top;
	min-height:178px;
	padding: 1%;
	border:#ddd 1px solid;
	margin: 0 1% 1%;
	font-size: : 13px;
	width: 29%;
}


.ui-datepicker .ui-state-default {
	text-align: center !important;
	line-height: 22px !important;
	height: 22px !important;display: inline-block;
	width: 22px;
	*display:inline;
	*zoom:1;
	-webkit-border-radius: 25px !important;
	border-radius: 25px !important;
	font-size: 0.85em;
	margin: 0px auto !important;
	border: none !important;
}



.ui-datepicker {
	margin-top: 3px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-moz-box-shadow: 0 0 1px #b0b0b0;
	box-shadow: 0 0 1px #b0b0b0;
	padding: 10px;
	width: 300px !important;
}

.ui-datepicker-header {
	background:#fff;
	border-bottom: 3px solid #e0e0e0 !important;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-size: : 0.9em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #606060;
}

.ui-datepicker-calendar thead {
	background:#fff;
	font-size: 0.9em;
	font-weight: normal !important;
	color: #606060;
}

.ui-datepicker-calendar th {
	padding: .8em 0;
}

.ui-datepicker-calendar td {
	padding: .3em;
	text-align: center;
}

.ui-datepicker-trigger{
	margin-left: 5px;
	vertical-align: middle;
	cursor: pointer;
}

#ui-datepicker-div td span, #ui-datepicker-div td a {
	text-align: center;
	line-height: 22px !important;
	height: 22px !important;
	display: inline-block;
	width: 22px;
	*display:inline; *zoom:1;
	-webkit-border-radius: 20px !important;
	border-radius: 20px !important;
	font-size: 0.85em; margin: 0px auto !important;
	border: none !important;
}

a:hover.ui-corner-all {
	background: none; border: none;
}

/* PAGE DETAIL (non-seclectionnable .ui-datepicker-inline) */
/* Date du Jour */
.ui-datepicker-inline .ui-datepicker-today {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;
}

.ui-datepicker-inline .ui-datepicker-today .ui-state-default{
	color:#3A87AD;
	background:#D9EDF7;
	border-color:#BCE8F1;
}

/* Dispo */
.ui-datepicker-inline .cal {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;
}

.ui-datepicker-inline .cal .ui-state-default,
.ui-datepicker-inline .cal-not-reservable .ui-state-default {
	color:#468847;
	background:#c4e8b5;
	border-color:#D6E9C6;
}

.ui-datepicker-inline .ui-datepicker-unselectable.ui-state-disabled.cal-not-reservable {
	opacity: 1 !important;
}


/* Pas Dispo (+début durée de réservation - START) */
.ui-datepicker-inline .cal-start-reserved {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
}

.ui-datepicker-inline .cal-start-reserved .ui-state-default {
	color:#468847;
background:transparent url(/images/bg-cal-start-reserved.png) no-repeat 50% 50%;
}

/* Pas Dispo (+fin durée de réservation - END) */
.ui-datepicker-inline .cal-end-reserved {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
}
.ui-datepicker-inline .cal-end-reserved .ui-state-default {
	color:#468847;
background:transparent url(/images/bg-cal-end-reserved.png) no-repeat 50% 50%;
}

/* Pas Dispo (Deux résa qui se suivent au jour meme - START END) */
.ui-datepicker-inline .cal-start-end-reserved {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
}

.ui-datepicker-inline .cal-start-end-reserved .ui-state-default {
	color:#B94A48;
background:transparent url(/images/bg-cal-start-end-reserved.png) no-repeat 50% 50%;
}

/* Pas Dispo (normal) */
.ui-datepicker-inline .cal-center-reserved {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
}

.ui-datepicker-inline .cal-center-reserved .ui-state-default,
.ui-datepicker-inline .cal-not-reservable-center-reserved span.ui-state-default,
.ui-datepicker-inline .cal-end-reserved .ui-state-default,
.ui-datepicker-inline .cal-start-reserved .ui-state-default {
	color: #e7afb4;
	background: #f9eae9;
	border-color:#EED3D7;
	text-decoration: line-through;
}

.ui-datepicker-inline .cal-not-reservable-center-reserved .ui-state-default {
	background: #ecc0c0 !important;
	color: #a10808 !important;
}


/* RESERVATION (selectionnable #ui-datepicker-div) */
/* Date du Jour */
#ui-datepicker-div .ui-datepicker-today {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;
	-webkit-box-sizing: border-box;
}

#ui-datepicker-div .ui-datepicker-today .ui-state-default {
	color:#3A87AD;
	background:#D9EDF7;
	border-color:#BCE8F1;
}

/* Disponible */
#ui-datepicker-div .cal-selectable a.ui-state-default {
	border-color: #c4e8b5;
	color:#468847;
	background: #c4e8b5;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#ui-datepicker-div .cal-selectable a.ui-state-hover {
	border-color:#D6E9C6;
	color:#468847;
	background: #99d181;
}

#ui-datepicker-div .cal-selectable-not-reservable {
	opacity: 0.45 !important;
}

#ui-datepicker-div .cal-selectable-not-reservable .ui-state-default {
	border-color:#D6E9C6;
	color: #1a6400;
	background: #b6e5a3;
}

	/* Pas Dispo (+début durée de réservation - END) */

#ui-datepicker-div .cal-selectable-end-reserved a.ui-state-default {
	border-color:#D6E9C6;
	color:#468847;
	background:#DFF0D8 url(/images/bg-cal-end-reserved.png) no-repeat 0 -14px;
}

#ui-datepicker-div .cal-selectable-start-reserved a.ui-state-default{
	border-color:#D6E9C6;
	color:#468847;
	background:#DFF0D8 url(/images/bg-cal-start-reserved.png) no-repeat 0 -14px;
}

/* Pas Dispo (Deux résa qui se suivent au jour meme - START END) */
#ui-datepicker-div .cal-selectable-start-end-reserved {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important;
	filter: alpha(opacity=60) !important;
	opacity: .6 !important;
}

#ui-datepicker-div .cal-selectable-start-end-reserved .ui-state-default {
	border-color:#EED3D7;
	color:#B94A48;
	background:#DFF0D8 url(/images/bg-cal-selectable-start-end-reserved.png) no-repeat 0 -14px;
	text-decoration: line-through;
}


/* Pas Dispo (normal) */

#ui-datepicker-div .cal-selectable-center-reserved {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important;
	filter: alpha(opacity=60) !important;
	opacity: .6 !important;
}

#ui-datepicker-div .cal-selectable-not-reservable-center-reserved,
#ui-datepicker-div .cal-selectable-end-reserved,
#ui-datepicker-div .cal-selectable-start-reserved,
#ui-datepicker-div .cal-selectable-center-reserved{
	opacity: 1 !important;
}

#ui-datepicker-div .cal-selectable-center-reserved .ui-state-default,
/*#ui-datepicker-div .cal-selectable-start-reserved .ui-state-default,
#ui-datepicker-div .cal-selectable-end-reserved .ui-state-default,*/
#ui-datepicker-div .cal-selectable-not-reservable-center-reserved .ui-state-default {
	border-color:#EED3D7;
	color: #d88d8b;
	background: #f5e8e8;
	text-decoration: line-through;
}


#ui-datepicker-div .cal-selectable-center-reserved .ui-state-hover {
	border-color:#EED3D7;
	color:#B94A48;
	background:#F2DEDE;
}

/* Desactive (Dispo ou Pas Dispo) */
#ui-datepicker-div .cal-selectable-past-available, #ui-datepicker-div .cal-selectable-maxdate-available {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important;
	filter: alpha(opacity=60) !important;
	opacity: .6 !important;
}

/* @end */

/* @group [MODULE] SVG MAP */

.svg-map-container {
	position: relative;
}

	/* Bouton dom tom */

.domtom-display {
	position: absolute;
	bottom: 15px;
	left: 0;
	padding: 5px 10px 3px;
	text-transform: uppercase;
	color: #fff;
	background: #454545;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 1;
	cursor: pointer;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.domtom-display:hover {
	color: #fff;
	background: #54b6da;
	background-color: rgba(0, 0, 0, 0.6);
}

path {
	cursor: pointer;
}

shape {
	cursor: pointer;
}

.svg-map-france {
	width: 100%;
	height: 450px;
	background: transparent url(/images/loading.gif) no-repeat 50% 50%;
	position: relative;
}

.svg-map-domtom-container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -150px;
	width: 260px;
	height: 260px;
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow: 0 5px 10px rgba(0,0,0,.3);
}

.svg-map-domtom, .svg-map-idf {
	width: 260px;
	height: 260px; /* Width et Height en dur obligatoire :( */
}

.svg-map-domtom {
	overflow: visible !important;
}

	/* Info Custom */

.svg-custom-info {
	z-index: 50;
	position: absolute;
	display: none;
	top: 0;
	left: 50%;
	margin-left: -150px;
	width: 260px;
	height: 260px;
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow: 0 5px 10px rgba(0,0,0,.3);
}

.svg-info {
	position: absolute;
	display: none;
	background: #292929;
	color: #fff;
	font-size: smaller;
	text-align: center;
	padding: 3px 6px;
	z-index: 50;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.svg-info-close {
	width: 26px;
	height: 26px;
	top: -10px;
	right: -14px;
	background: #28b8d7;
	cursor: pointer;
	z-index: 9999;
	position: absolute;
	color: #FFF;
	font-size: 9px;
	line-height: 26px;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}



/* @end */

/* @group [MODULE] Jestimmo Banner Form*/

.jestimmo-iframe {
	border: 0px !important;
}

.jestimmo-iframe-body{
	background: transparent !important;
}

.jestimmo-banner-form,
.jestimmo-iframe-body a {
	color: #FFF !important;
}

.jestimmo-iframe-body .form-critere-content {
	float: none;
}


.jestimmo-types{
	font-weight: bold;
	font-size: 1.2em;
	color: #FFF !important
}

.jestimmo-types{
	font-weight: bold;
	font-size: 1.2em;
	color: #FFF !important
}

.jestimmo-types .icon{
	font-size: 1.3em; margin: 5px;
}


.jestimmo-iframe-body .error-form[type="checkbox"] + label a{
	color: #C00 !important;
}

.jestimmo-iframe-body ul.custom-select-list-container {
	max-height: 95px;
}


/* @end */

/* @group [DESIGN] Tableaux */

table {
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
	line-height: 1;
	color: #4a4a4a;
}

.table {
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}

.table th, .table td {
	padding: 8px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #ccc;
}

.table th {
	font-weight: bold;
}

.table thead th {
	vertical-align: bottom;
}

.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
	border-top: 0;
}

.table tbody + tbody {
	border-top: 2px solid #444F59;
}

.table-condensed th, .table-condensed td {
	padding: 4px 5px;
}

.table-bordered {
	border: 1px solid #444F59;
	border-collapse: separate; *
	border-collapse: collapse;
	border-left: 0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.table-bordered th, .table-bordered td {
	border-left: 1px solid #444F59;
}

.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
	border-top: 0;
}

.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
}

.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child {
	-webkit-border-radius: 0 0 0 4px;
	border-radius: 0 0 0 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child {
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child {
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.table tbody tr:nth-child(odd) td, .table tbody tr:nth-child(odd) th {
	background-color: #f1f1f1;
}

.table tbody tr.bareme td {
	background-color: transparent;
	border-top: none;
}

/* @end */

/* @group [DESIGN] Reseaux sociaux */

.social-menu {
	padding: 0;
}

.social-follow {
	margin-top: 20px !important;
}

li.social-follow-title {
	font-size: 14px;
	line-height: 1.231;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #929292;
	padding-right: 10px !important;
	font-weight: bold;
}

li.social-share-title {
	font-size: 1em;
	line-height: 1.231;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #494a49;
	padding-right: 10px !important;
	font-weight: bold;
}

li.social-share-title-footer {
	font-size: 1em;
	line-height: 1.231;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #FFF !important;
	padding-right: 10px !important;
	font-weight: bold;
}

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

.social-menu li {
	display: inline-block;
	vertical-align: middle !important;
	margin: 2px !important;
	padding: 0 !important;
	width: auto !important;
}

.social-menu ul li:first-child {
	margin-left: 0;
}

	/* Base des boutons */

.social-menu li a, .social-menu li span {
	width: 33px;
	height: 33px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-size: 25px !important;
	text-align: center;
	line-height: 39px;
}

.social-menu li .icon {
	vertical-align: text-top;
}





	/* Social Contour Blanc */

.social-menu.social-circle li a, .social-menu.social-circle li span {
	border-color: #fff;
	color: #FFF;
}

.social-menu.social-circle li a:hover, .social-menu.social-circle li span:hover {
	border-color: #888888;
	background-color: #888888;
}



	/* Social Contour gray */

.social-menu.social-circle-gray li a, .social-menu.social-circle-gray li span {
	border-color: #636363;
	color: #636363;
}

.social-menu.social-circle-gray li a:hover, .social-menu.social-circle-gray li span:hover {
	border-color: #636363;
	background-color: #636363;
	color: #FFF;
}



	/* Social Couleur du site */

.social-menu.social-circle-color li a, .social-menu.social-circle-color li span {
	background-color: #28b8d7;
	color: #FFF;
}

.social-menu.social-circle-color li a:hover, .social-menu.social-circle-color li span:hover {
	background-color: #888888;
}

		/* Social Couleurs d'origines */

.social-menu.social-circle-origin li a, .social-menu.social-circle-origin li span {
	background-color: #28b8d7;
	color: #FFF;
}

.social-menu.social-circle-origin .SocialBusinessFacebook {
	background-color: #3b5796
}

.social-menu.social-circle-origin .SocialBusinessTwitter {
	background-color: #55aded
}

.social-menu.social-circle-origin .SocialBusinessGoogle {
	background-color: #db4a37
}

.social-menu.social-circle-origin .SocialBusinessInstagram {
	background-color: #e23f5c
}

.social-menu.social-circle-origin .SocialBusinessPinterest {
	background-color: #d43433
}

.social-menu.social-circle-origin .SocialBusinessLinkedIn {
	background-color: #0779b8
}

.social-menu.social-circle-origin .SocialBusinessViadeo {
	background-color: #f47f1f
}

.social-menu.social-circle-origin .SocialBusinessYouTube {
	background-color: #cd1f1e
}

.social-menu.social-circle-origin .SocialBusinessDailymotion {
	background-color: #1e769c
}

.social-menu.social-circle-origin .SocialBusinessRss {
	background-color: #f58a49
}

.social-menu.social-circle-origin li a:hover, .social-menu.social-circle-origin li span:hover {
	background-color: #888888;
}

/* @end */

/* @group [PAGE] Liste News */

.news-liste-container {
	margin-bottom: 20px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 15px;
	margin-top: 20px;
}

.news-liste-date {
	font: 100%/1.5em Helvetica, Arial, sans-serif;
	font-style: italic;
	color: #777;
}

.news-liste-date time, .news-liste-date span {
	font-family: Helvetica, Arial, serif;
	color: #999;
	text-transform: uppercase;
	font-style: normal;
}



/* @end */

/* @group [PAGE] Détail News */

.news-liste-container .large-flap-container {
	height: 400px;
}

.news-liste-container .thumbs-flap-container .is-flap {
	height: 80px;
	overflow: hidden;
	display: inline-block;
	position: relative!important;
	opacity: .5;
}

.news-liste-container .thumbs-flap-container .is-flap:hover,
.news-liste-container .thumbs-flap-container .thumbs-active {
	opacity: 1;
}

.news-liste-container img.photo-thumbs {
	height: 100%;
	width: auto;
}

/* @end */

/* @group  [REF] Référencement */



.liste-biens-labels li {
	cursor: pointer;
	display: inline-block;
	margin-right: 4px;
}

.liste-biens-labels li a {
	color: #fff;
	text-decoration: none;
	letter-spacing: .1em;
	background: #03b8d9;
	padding: 6px;
}

.ref-minimoteur .btn-suppr{
	color: #fff;
	text-decoration: none;
	letter-spacing: .1em;
	background: #03b8d9;
	padding: 4px 6px;
	display: inline-block;
}

.ref-minimoteur .btn-suppr-icon{
	width: 12px;
	height: 12px;
	display: inline-block;
	text-align: center;
	line-height: 12px;
	font-size: 9px;
	vertical-align: middle;
	background-color: #494a49;
}

.top-moteur .ref-minimoteur {
	-moz-column-count: 4;
	-webkit-column-count: 4;
	-o-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	-webkit-column-rule: 1px solid rgba(164,164,164,0.5);
	-moz-column-rule: 1px solid rgba(164,164,164,0.5);
	column-rule: 1px solid rgba(164,164,164,0.5);
}



.top-moteur .ref-minimoteur article.form-critere{
	width: 100% !important;  float: left !important;
	break-inside: avoid-column;
}

/* @end */

/* @group  [REF] Page Plan */
.ref-group-container .heading3 {
	font-weight: bold !important;
	text-transform: uppercase !important;
	color: #565656 !important;
	border-top: 1px solid #d8d8d8;
	padding-top: 20px;
}


.ref-group-container ul {
	column-count: 3;
	column-gap: 50px;
}

footer .ref-group-container .heading3 {
	color: inherit !important;
	border-top: 1px solid rgba(216, 216, 216, 0.08);
	font-size: 0.9em !important;
	margin-top: 20px;
}

footer .ref-group-container ul {
	font-size: 0.85em !important;
	padding: 0 !important;
	margin: 0 !important;
}

footer .ref-group-container li {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
}

footer .ref-group-container li a{
	color: inherit !important;
	opacity: 0.5;
}

footer .ref-group-container li a:hover{
	color: inherit !important;
	opacity: 1;
}

/* Page Miniliste */


.miniliste-deroulant {
	margin: 30px 0 20px;
}

.miniliste-deroulant .custom-select-container {
	float: left;
	margin-right: 3%;
	width: 48%;
	text-align: left;
}

.miniliste-deroulant .css-deroulant ul span {
	width: 98% !important;
}

.miniliste-deroulant .css-deroulant ul span:after {
	background-image: url(/images/bg-custom-selector.png);
	background-image: -webkit-image-set(url(/images/bg-custom-selector.png) 1x, url(/images/bg-custom-selector@2x.png) 2x);
	background-image: image-set("/images/bg-custom-selector.png" 1x, "/images/bg-custom-selector@2x.png" 2x);
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 45%;
	width: 10px;
	height: 6px;
	content: "";
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
	-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;
}

.miniliste-deroulant .css-deroulant:hover ul span:after {
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
}



.css-deroulant {
	display: inline-block;
	position: relative;
	z-index: 2;
	border: 1px solid #E1E1E1;
	background: #FFF;
	width: 47%;
	float: left;
}

.css-deroulant ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	position: relative;
	cursor: pointer;
}

.css-deroulant ul span {
	height: 39px;
	line-height: 39px;
	position: relative;
	background-position: 100% -155px;
	color: #898989;
	display: inline-block;
	padding: 0 0 0 2%;
}

.css-deroulant li {
	float: left;
	margin: auto;
	width: 100%;
}

.css-deroulant li ul {
	position: absolute;
	display: inline-block;
	width: 100%;
	background-image: none;
	left: 0;
	top: 40px;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0, 0.5);
}

.css-deroulant li a {
	display: block;
	width: 98%;
	color: #898989;
	text-decoration: none;
	padding: 0 0 0 2%;
	line-height: 39px;
	background: #F6F6F6;
}

.css-deroulant li a:hover {
	color: #686868;
	background: transparent;
}

.css-deroulant ul li ul {
	display: none;
}

.css-deroulant ul li:hover ul {
	display: inline-block;
	width: 100%;
}

.css-deroulant li:hover ul li {
	float: none;
	background: #fff;
}

.css-deroulant li:hover ul li:hover {
	background: #eeeeee;
}

/* @group  Mini liste */


.bloc-lib-critere-liste {
	display: none;
}

.ref .bloc-lib-critere-liste {
	display: block;
	padding: 20px 0;
	font-size: 90%;
	line-height: 1;
	text-transform: uppercase;
}

.ref .bloc-lib-critere-liste-new-search {
	float: left;
	margin-bottom: 8px;
	margin-right: 10px;
}

.ref .bloc-lib-critere-liste-new-search a {
	color: #fff;
	text-decoration: none;
	background: #28b8d7;
	padding: 8px 12px;
	display: block;
}

.ref .bloc-lib-critere-liste-new-search a:hover {
	color: #fff;
	background: #28b8d7;
}

.ref .bloc-lib-critere-liste-label {
	float: left;
	margin-bottom: 8px;
}

.ref .bloc-lib-critere-liste-label span {
	color: #fff;
	display: inline-block;
	vertical-align: top;
	padding: 8px 12px;
	background: #4a4a4a;
	margin-right: 10px;
}

.ref .bloc-lib-critere-liste:before, .ref .bloc-lib-critere-liste:after {
	content: " ";
	display: table;
}

.ref .bloc-lib-critere-liste:after {
	clear: both;
}

.ref .bloc-lib-critere-liste {
	*zoom: 1;
}

.liste.ref .liste-bien-container {
	height: auto;
	width: 100%;
	background: #FBFBFB;
}

.liste.ref .liste-bien-description.mode-pict {
	width: 94%;
	position: static;
	padding: 1.5% 3% !important;
	background: none;
}

.liste.ref .liste-bien-offre {
	margin-top: 10px;
}

.body-mode-pict.liste.ref .liste-bien-description hr {
	margin: 10px 0 0;
}

.body-mode-pict.liste.ref .liste-bien-title {
	padding: 20px 0 0;
}

.body-mode-pict.liste.ref .liste-bien-description ul {
	margin-bottom: 0;
	padding: 0;
}

.body-mode-pict.liste.ref .liste-bien-description li {
	list-style: none;
}

/* @end */

/* @end */

/* @group [PAGE] Qui sommes-nous / Equipe */

.equipe-card {

}

.equipe-photo {
	max-width: 160px;
}

/* @end */


/* modif du 20022024 */
.body-mode-text .rectangle-h{
	padding-bottom: 100%;
}
.body-mode-text .liste-bien-photo img{
	width:130%;
	margin-left:-15%;
}
.body-mode-text .liste-bien-description .inline-buttons a, .body-mode-text .liste-bien-description .inline-buttons span{
	padding:1vh 1vw;
}

.body-mode-text .extrait-desc{
	height: 10vh!important;
	margin-bottom: 5px!important;
}



/* instal widget immodwisor ser-6239  */
.infos-agence{
	position:relative;
  }
  .infos-agence .imdw-widget{
	position:absolute;
	top:20px;
	right:40px;
  }
  #home-intro{
	position: relative;
  }
  #home-intro .imdw-widget{
	position:absolute;
	bottom:16vh;
	right:40px;
  }
  @media screen and (max-width:1024px) {
	.infos-agence .imdw-widget, #home-intro .imdw-widget{
		position:relative!important;
		text-align: center;
		top:initial!important;
		right:initial!important;
		bottom:initial!important
  }}