/* @override
http://www.versionbeta2.com/css/style.css
 */
/* Main Color : 17242f */
/* ==========================================================================
ADAPTIMMO NEW R8 RESPONSIVE (Based on HTML5 Boilerplate)
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}

body {}

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

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

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

img {
vertical-align: middle;
}

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

textarea {
resize: vertical;
}

.clear {
clear: both;
}

.nomargin {
margin: 0;
}

.noborder {
border: none;
}

.pointer {
cursor: pointer;
}

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

.acenter {
text-align: center;
}

.aright {
text-align: right;
}

.aleft {
text-align: left;
}

.fleft {
float: left !important;
}

.fright {
float: right !important;
}

/* Enlever les liens automatiques sur les té lé phones IOS */
a[href^=tel] {
color: inherit !important;
text-decoration: inherit !important;
font-size: inherit !important;
font-style: inherit !important;
font-weight: inherit !important;
}

/* Pour les icon SVG : permet de donner la taille et la couleur de l'element parent */
.icon {
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
}

p {
font-size: 1rem;
line-height: 1.5rem;
}

p strong {
font-family: 'Metropolis Bold', Arial, sans-serif;
font-weight: 700;
}

/*
// ========================================== \\
||  ||
||I. GENERAL||
||  ||
\\ ========================================== //
*/
* {
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}

html {
font-smooth: always;
}

body {
background-color: #fff;
font: 13px/1.5em 'Metropolis Light', Arial, sans-serif;
color: #272626;
}

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

.page-top {
position: relative;
min-height: 100%;
margin: 0 auto;
padding-bottom: 70px;
}

.page-bottom {
position: absolute;
width: 100%;
}

/* Superslide à activer si besoin */
.superslides {
z-index: 0;
top: 0;
background-color: #404042;
position: absolute !important;
}

.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;
}

/* -- BG Header à activer pour une image de fond */
.bg-header {
position: fixed;
height: 190px;
width: 100%;
z-index: -1;
background: #f5f5f5 url('/images/superslide/bg-superslide1.jpg') no-repeat center -460px fixed;
background-size: cover;
display: none;
}

.home .bg-header {
height: 100%;
width: 100%;
background: #f5f5f5 url('/images/superslide/bg-superslide1.jpg') no-repeat center;
}

/* -- Bg Video FullSize */
#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;
}

}

.slogan {
text-transform: uppercase;
letter-spacing: 8px;
font-size: 1.45em;
margin-top: 20px;
}

@-moz-keyframes small-pulse {
0% {
-moz-transform: scale3d(1, 1, 1);
}

50% {
-moz-transform: scale3d(1.15, 1.15, 1.15);
}

100% {
-moz-transform: scale3d(1, 1, 1);
}

}

@-webkit-keyframes small-pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
}

50% {
-webkit-transform: scale3d(1.15, 1.15, 1.15);
}

100% {
-webkit-transform: scale3d(1, 1, 1);
}

}

@-keyframes small-pulse {
0% {
transform: scale3d(1, 1, 1);
}

50% {
transform: scale3d(1.15, 1.15, 1.15);
}

100% {
transform: scale3d(1, 1, 1);
}

}

.icon.icon-home-down {
color: #FFF;
font-size: 30px;
position: absolute;
bottom: 5vh;
-moz-animation: small-pulse 1s ease infinite;
-webkit-animation: small-pulse 1s ease infinite;
-ms-animation: small-pulse 1s ease infinite;
animation: small-pulse 1s ease infinite;
cursor: pointer;
}

.icon.icon-home-down-dark {
font-size: 18px;
color: rgba(0, 0, 0, 0.34);
}

/* 1.2 Hierarchie de titres
----------------------------------------------------------------------------------------------------*/
/* Reset des titres pour le ref */
h1,
h2,
h3,
h4,
h5,
h6 {
/* font-size: 1em;*/
font: inherit;
margin: 0;
padding: 0;
text-rendering: optimizelegibility;
}

/* Reset List */
.nolist,
.nolist ul li,
ul.nolist,
ul.nolist li {
margin: 0;
padding: 0;
list-style: none;
}

.heading1 {
color: #757575;
font: 2.9em 'Metropolis Light', Helvetica, Arial, sans-serif;
line-height: 1.23em;
}

.heading2 {
color: #b39b5d;
font: 1.5rem 'Metropolis Bold', Helvetica, Arial, sans-serif;
margin-bottom: 10px;
display: inline-block;
font-weight: 700;
}

.heading3 {
color: #656565;
font: 1.4em/1.231em 'Metropolis Light', Helvetica, Arial, sans-serif;
}

.heading4 {
color: #4a4a4a;
font: 1.1em/1.231em 'Metropolis Bold', Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: .15em;
}

.heading5 {
color: #353535;
font: 1em/1.231em 'Metropolis Bold', Helvetica, Arial, sans-serif;
text-transform: uppercase;
margin: 1em 0;
}

.heading6 {
color: #999797;
font: 1em/1.231em 'Metropolis Regular', Helvetica, Arial, sans-serif;
text-transform: uppercase;
margin-bottom: 20px
}

.smaller {
font-size: 0.9em;
}

p {
color: 243a50;
margin: .7em 0 1em;
}

.prestations .leftside-page p {
text-align: justify;
}

menu,
ol,
ul {
padding: 0 0 0 20px;
}

.page-container li {
list-style-type: circle;
font-size: 1rem;
line-height: 1.5rem;
}

.ref-page-arbo-content .heading5 {
color: #53779C;
margin-bottom: 10px;
}

.liste .page-container li {
list-style-type: none;
}

/* Page Header */
.page-container header hr {
border-top: 8px solid #e3e3e3;
width: 100px;
margin: 20px 0;
text-align: left;
}

.big-hr {
border-top: 4px solid #f2f2f2;
margin: 20px 0;
}

/* 1.3 Jquery UI
----------------------------------------------------------------------------------------------------*/
/* Dialog */
/*#DialogFriend,
.DialogFriend,
#DialogFriendAnnonce,
#DialogFriendSelection,
#DialogVideo,
#DialogReserv{width: 600px; }

#DialogDetailContact,
#DialogDetailVisite{width: 400px }
*/
/*#DialogAlertOk, #DialogAlertErr, #DialogFriendOk, #DialogFriendErr {}
*/
/* on reorganive les infos du nego dans la dialog  */
#DialogDetailContact .detail-bien-contact-title,
#DialogDetailVisite .detail-bien-contact-title {
display: none !important;
}

#DialogDetailContact .contact-agence-agent,
#DialogDetailVisite .contact-agence-agent {
font-size: 1.1em;
}

#DialogDetailContact .detail-bien-contact-title,
#DialogDetailVisite .detail-bien-contact-title {
display: none !important;
}

/* on masque le bouton ok  */
.no-ok .ui-dialog-buttonpane,
.no-ok .ui-dialog-buttonpane {
display: none !important;
}

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

.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: 90% !important;
max-width: 600px;
overflow-y: scroll !important;
-webkit-border-radius: 8px !important;
border-radius: 8px !important;
}

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

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

/* Header de la box */
.ui-widget-header {
background: none;
border: none !important;
}

.ui-dialog-title {
font: 1.8em "Metropolis Bold", Arial, Helvetica, Geneva, sans-serif;
letter-spacing: normal;
text-transform: none;
}

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

.ui-button-text {
background-color: #17242f;
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 {
background: #17242f;
border: 1px solid #17242f;
transform: scale(1.1);
}

.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);
}

/*  .ui-widget-content {min-width: 60%; }
*/
.ui-dialog-titlebar {
padding-bottom: 10px !important;
margin-bottom: 5px !important;
border-bottom: 1px solid rgba(101, 101, 101, 0.3) !important;
border-radius: 0 !important;
color: #4a4a4a !important;
font: .75em/1em Helvetica, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .15em;
}

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

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

/* Dialog Share box */
#DialogFriend,
.DialogFriend {
width: 600px;
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: #17242f;
font: 1.5em/1em 'Metropolis Regular', Helvetica, Arial, sans-serif;
margin-bottom: 10px;
display: inline-block;
}

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

/* 1.4 Couleurs
----------------------------------------------------------------------------------------------------*/
.black-color {
color: #000;
}

.dark-grey-color {
color: 243a50;
}

.medium-grey-color {
color: #616060;
}

.light-grey-color {
color: #838383;
}

.white-color {
color: #fff;
}

.color1 {
color: #17242f;
}

/* 1.5 Boutons
----------------------------------------------------------------------------------------------------*/
/* Bouton avec contour + texte couleur principale */
a.simple-btn,
span.simple-btn {
border: 1px solid #17242f;
font: 0.9em "Metropolis Medium", Arial, Helvetica, Geneva, sans-serif;
text-transform: uppercase;
padding: 15px 20px;
color: #17242f;
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;
}

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

/* Bouton avec applat de couleur + hover gris*/
a.simple-btn.color-btn,
span.simple-btn.color-btn {
border: none;
color: #fff;
background-color: #34597f;
}

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

/* Bouton avec applat  gris + hover couleur*/
a.simple-btn.dark-btn,
span.simple-btn.dark-btn {
border: none;
color: #fff;
background-color: #17242f;
}

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

/* Bouton avec contour blanc + texte blanc (negatif) */
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: #17242f;
}

/* Bouton avec contour gris + texte gris (negatif) */
a.simple-btn.gray-btn,
span.simple-btn.gray-btn {
border: 1px solid #d5d5d5;
color: #17242f;
}

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

/* Simple link */
a.simple-link,
span.simple-link {
font: 0.95em "Metropolis Bold", Arial, Helvetica, Geneva, sans-serif;
color: #17242f;
display: inline-block;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
text-decoration: underline !important;
}

/*
// ========================================== \\
||  ||
||   II. HEADER ||
||  ||
\\ ========================================== //
*/
/* ==========================================================================
2.1 HEADER
========================================================================== */
#top {
background: #17242f;
text-align: center;
}

#header-logo {
width: 274px;
height: 32px;
display: inline-block;
margin-top: 30px;
position: relative;
margin-bottom: 30px;
}

#header-logo h1 {
display: inline-block;
width: 100%;
height: 100%;
}

#header-logo a {
display: inline-block;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(/images/logo.png);
background-image: -webkit-image-set(url(/images/logo.png) 1x, url(/images/logo@2x.png) 2x);
background-image: image-set("/images/logo.png" 1x, "/images/logo@2x.png" 2x);
background-size: contain;
}

.uk #header-logo a {
display: inline-block;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(/images/logo-uk.png);
background-image: -webkit-image-set(url(/images/logo-uk.png) 1x, url(/images/logo-uk@2x.png) 2x);
background-image: image-set("/images/logo-uk.png" 1x, "/images/logo-uk@2x.png" 2x);
background-size: contain;
}

.header-content {
float: right;
text-align: right;
display: inline-block;
vertical-align: bottom;
}

/*-- Aspect du header fixed --*/
#top.scroll-to-fixed-fixed {
margin-top: 0px;
/*z-index: 10001 !important;*/
}

/*-- Par defaut sur la home, on fixe le header  --*/
.header-top {
box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.5);
}

/*-- On fait apparaitre le log quand il est fixed  --*/
/*-- Ref --*/
.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: #fff;
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;
}

.home .header-ref-h2 {
height: 60px;
top: 150px;
left: 10px;
}

/* 2.1.1 Menu top
----------------------------------------------------------------------------------------------------*/
/*-- Menu Responsive --*/
.nav-btn {
width: 40px;
height: 40px;
position: absolute;
z-index: 10;
top: 12px;
left: 3%;
line-height: 38px;
text-align: center;
color: #fff !important;
text-decoration: none !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;
font-size: 1.2em;
}

.nav-btn span {
text-transform: uppercase;
font-size: 0.8em;
}

.close-btn {
display: inline-block;
width: 45px;
height: 45px;
margin: 10px 10px 40px 0;
padding: 0 !important;
border: 0;
outline: none;
overflow: hidden;
line-height: 56px;
text-align: center;
text-decoration: none !important;
color: #fff !important;
font-size: 1.2em;
}

.nav-btn:hover {
background: #17242f;
color: #FFF !important;
}

.nav-btn .icon,
.offers-responsive-btn .icon,
.close-btn .icon {
font-size: 2em;
vertical-align: middle;
cursor: pointer;
}

.offers-responsive-btn span,
.close-btn span {
display: none;
}

.sf-menu ul {
position: absolute;
top: -999em;
z-index: 100000 !important;
}

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

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

.sf-menu li {
position: relative;
}

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

.sf-menu.menu-top li:hover ul,
.sf-menu.menu-top li.sfHover ul {
top: 122px;
}

.sf-menu ul li {
margin: 0;
}

.sf-menu ul li a:link,
.sf-menu ul li a:visited {
background: none;
color: #000 !important;
border-bottom: 1px solid #bfbfbf;
display: inline-block;
width: 100%;
vertical-align: middle;
padding: 10px 20px !important;
margin: 0 !important;
text-transform: none;
letter-spacing: 0;
font-size: 13px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
font-family: 'Libre_franklin_regular', Arial, sans-serif !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
line-height: inherit;
}

.sf-menu ul li a:hover {
background-color: #fff !important;
color: #000;
border-bottom: 1px solid #bfbfbf !important;
}

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

/* Menu gris : s ouvre sur le cote */
.header-menu {
position: fixed;
z-index: 10;
width: 14%;
left: -50%;
z-index: 1001;
height: 100vh;
-webkit-transition: all 0.3s ease-out;
top: 0;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background-color: #fff;
font-family: 'Metropolis Regular', Helvetica, Arial, sans-serif;
text-align: right;
}

.header-menu.panel-open {
left: 0 !important;
}

.panel-overlay {
display: none;
position: absolute;
width: 100%;
height: 100vh;
z-index: 1;
top: 0;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
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-overlay.panel-open {
display: block;
}

.header-menu li {
display: block;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-webkit-font-smoothing: antialiased;
font-smooth: always;
position: relative;
text-align: right;
padding-right: 0px;
}

.header-menu ul li a,
.header-menu ul li span.span-link {
color: #b39b5d;
padding: 12px 20px;
display: inline-block;
width: 100%;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(0, 0, 0, 0);
-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;
}

.header-menu ul li a:hover,
.header-menu ul li span.span-link:hover,
.menu-deroulant.menu-open span.span-link {
text-decoration: none;
font-weight: 700;
font-family: 'Metropolis Bold', Arial, sans-serif;
background-color: #f2f2f2;
}

.header-menu ul li a,
.header-menu ul li span.span-link,
.menu-deroulant.menu-open span.span-link {
font-weight: 600;
font-family: 'Metropolis Medium', Arial, sans-serif;
}

.header-menu ul li a.current {
text-decoration: none;
}

.menu-with-icon-label {
display: none;
}

.header-menu .icon {
margin-left: 10px;
}

.icon-lock {
font-size: 1.5em;
vertical-align: top;
padding: 0 8px;
}

.panel-open .icon-lock {
font-size: 1em;
padding: 0;
}

/* Menu deroulant */
.menu-deroulant ul {
margin: 0;
padding: 0;
display: none;
}

.menu-deroulant ul li {
border-bottom: none;
}

.menu-deroulant.menu-open {
background-color: #f2f2f2;
}

.menu-deroulant.menu-open ul {
display: block;
}

.menu-deroulant ul li a {
padding: 10px 20px;
}

.menu-deroulant ul li a {
padding: 10px 20px;
}

.menu-deroulant .icon-arrow-light-right {
vertical-align: middle;
-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;
}

.menu-deroulant.menu-open .icon-arrow-light-right {
-ms-transform: rotate(90deg);
/* IE 9 */
-webkit-transform: rotate(90deg);
/* Chrome, Safari, Opera */
transform: rotate(90deg);
}

/* 2.1.1 Menu Alt
----------------------------------------------------------------------------------------------------*/
/* ----- Altmenu on le masque par defaut dans le headermenu  et on l'affiche en mobile seulement  ----- */
.alt-menu-mobile {
display: none !important;
}

.alt-menu.sf-menu {
position: absolute;
right: 5%;
top: 20px;
padding: 0;
}

.alt-menu.sf-menu li.maselection {
margin-right: 20px;
padding-right: 20px;
border-right: 1px solid #686968;
}

.alt-menu .deroulant-lang .icon {
margin-left: 10px;
vertical-align: middle;
}

.alt-menu.sf-menu ul {
position: absolute;
top: -999em;
z-index: 100000 !important;
}

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

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

.alt-menu.sf-menu li {
position: relative;
}

.alt-menu.sf-menu ul li a {
color: #FFF;
text-decoration: none;
padding: 3px 10px;
}

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

.alt-menu li a {
color: #FFF;
}

/*-- Langues --*/
/*-- Langues --*/
.deroulant-lang ul {}

/*-- En mode texte --*/
.deroulant-lang .current-lang span::after {
display: inline-block;
font: 0.9em 'Metropolis Bold', Arial, sans-serif;
}

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

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

/*-- En mode drapeaux --*/
/*.deroulant-lang .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;
}

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

.uk .current-lang span{ background-position: 0px -20px;}
*/
/* Notification */
.notif-nb {
display: inline-block;
width: 18px;
height: 18px;
text-align: center;
background-color: #34597F;
line-height: 18px;
font-size: 0.7em;
position: relative;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
margin-left: 5px;
vertical-align: middle;
}

.maselection.menu-with-icon .icon {
vertical-align: middle;
font-size: 1.45em;
}

.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: #b39b5d;
text-decoration: none;
background-color: transparent;
}

/*
// ========================================== \\
||  ||
||   III. SIDEBAR   ||
||  ||
\\ ========================================== //
*/
/* 3.1 Side Bar
----------------------------------------------------------------------------------------------------*/
/* 3.2 Page minisite
----------------------------------------------------------------------------------------------------*/
.minisite .illustration-aside {
margin: inherit !important;
margin-bottom: 20px !important;
}

.minisite .illustration-aside img {
width: auto;
max-width: 100%;
}

.agent-slogan {
margin-top: 10px;
font-size: 1.1em;
}

.agent-slogan ul {
margin-top: 0;
padding-left: 0;
}

.agent-slogan li {
list-style: none;
}

.agent-name {
font: 1.3em 'Metropolis Bold', Arial, sans-serif !important;
}

.agent-boutons li {
padding: 5px 0 !important;
}

.agent-boutons li a {
width: 60%;
text-align: center;
}

.contact-minisite .agent-contact {
display: none;
}

/* Header agent ( bandeau de la page liste) */
.header-agent {
padding: 10px;
border: 2px solid #e9e9e9;
background: #f5f5f5 url('/images/bg-texture.png');
}

.header-agent .illustration-aside {
float: left;
display: inline-block;
width: 20%;
margin-left: 2%;
text-align: center;
}

.header-agent .illustration-aside img {
max-width: 180px;
max-height: 150px;
border: 3px solid #fff;
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
}

.header-agent .agent-slogan-content {
display: inline-block;
float: left;
width: 68%;
margin-left: 5%;
}

.header-agent .agent-boutons a {
font-size: 0.85em;
width: inherit;
}

.header-agent .agent-boutons .agent-offers {
display: none;
}

/*
// ========================================== \\
||  ||
||   IV. CONTENT||
||  ||
\\ ========================================== //
*/
/* ==========================================================================
4.1 CONTENEUR CENTRAL
========================================================================== */
.wrapper {
width: 98%;
margin: 0px auto;
max-width: 1100px;
}

/* Header Banner  */
.header-banner .header-banner-content {
background-image: url(/images/superslide/bg-header-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.header-banner-content .filter-op {
padding: 65px 2.5%;
}

.header-banner-content .heading1 {
color: #FFF;
font-size: 2.3em;
}

#content {
background: #FFF;
vertical-align: top;
}

.home #content {
background: none;
}

.liste #content {
background-color: #fff;
}

.page-container {
padding: 30px 0;
min-height: 500px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* Page de contenu full */
.page-container-bg {
width: 95%;
margin: 0px auto;
}

/* Contenu de 100% */
.full-page {
width: 100%;
}

/* Contenu de 50% */
.demi-page {
width: 53%;
float: left;
margin-top: 30px;
}

.demi-page:last-child {
width: 45%;
margin-top: 30px;
padding-left: 2%;
}

/* Contenu de 2 tiers / un tiers% */
.deux-tiers-page {
width: 55%;
float: left;
margin-top: 30px;
padding-right: 5%;
}

.un-tiers-page {
width: 40%;
padding-right: 0%;
float: right;
margin-top: 30px;
}

.recrutement-form {
padding: 30px;
background-color: #f8f8f8;
}

/* Fullscreen separe en 2 */
.home .leftside-content {
float: none;
padding-left: 0;
}

.full-content {
width: 100%;
}

.leftside-content {
float: left;
width: 25%;
display: inline-block;
}

.liste .leftside-content {
background: url('/images/bg-texture.png') repeat;
}

.rightside-content {
float: left;
width: 75%;
display: inline-block;
}

/* Page separee en 2 */
.leftside-page {
width: 60%;
float: left;
margin-top: 30px;
padding-right: 5%;
}

.rightside-page {
width: 30%;
float: right;
padding-left: 5%;
margin-top: 30px;
}

/* Pictox tel et fax */
.coordonnees div.ico-tel,
.coordonnees div.ico-fax {
width: 14px;
height: 18px;
display: inline-block;
margin-right: 6px;
vertical-align: bottom;
}

.coordonnees hr {
border-top: 4px solid #cccccc;
width: 50%;
text-align: left;
margin: 0;
}

/* Ph image */
.ph-agence {
margin-top: 30px;
}

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

/* ==========================================================================
4.2 MODE LISTE
========================================================================== */
.liste .page-container {
padding: 0;
min-height: 800px;
max-width: 1920px;
margin: 0px auto;
background: #FFF;
}

/*.liste.body-mode-textmap .page-container,
.liste.body-mode-pictmap .page-container{max-width: inherit; }
*/
/* 4.2.01  Titre de page
----------------------------------------------------------------------------------------------------*/
.header-liste {
padding: 10px 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
width: 100%;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.liste-title {
align-items: center;
display: inherit;
text-align: left;
color: #6e6e6e;
margin-bottom: 10px;
margin-top: 9px;
margin-left: 20px;
}

.liste .page-container-bg {
margin-top: 0;
}

.mini-liste-title {
display: inherit;
color: #6e6e6e;
margin-bottom: 10px;
margin-top: 13px;
margin-left: 1%;
display: block;
text-align: left;
}

/* 4.2.1  Alerte E-mail
----------------------------------------------------------------------------------------------------*/
.liste-create-alert {
padding: 15px 1%;
background: #243A50;
margin-top: 10px;
}

.liste-create-alert-img {
display: inline-block;
vertical-align: middle;
font-size: 3em;
margin-right: 10px;
margin-top: -10px;
}

.liste-create-alert-content {
width: 67%;
display: inline-block;
vertical-align: middle;
color: #FFF;
padding-top: 5px;
}

.liste-create-alert-content .heading1 {
color: #fff;
display: inline-block;
font: 1.5em 'Metropolis Regular', Arial, sans-serif;
}

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

input.input-text-alerte-mail {
width: 75%;
padding: 0 5px;
margin: 0 !important;
line-height: auto !important;
}

input.submit-classique.form-submit-alerte-mail {
height: 41px !important;
width: 22%;
padding: 0 !important;
text-align: center;
vertical-align: top;
min-width: 39px;
max-width: 60px;
}

/* 4.2.2  Liste container top : nb liens, tri et mode affichage
----------------------------------------------------------------------------------------------------*/
.liste-container {
min-height: 621px;
}

/* Display boutons  */
.display-btn {
display: flex;
justify-content: flex-end;
width: 100%;
margin-top: 5px;
}

/* Tri */
.filters-container {
display: flex;
gap: 10px;
margin-left: 10px;
}

.filters-content {
font-size: 0.9em;
display: inline-block;
}

.filters-content ul {
display: flex;
align-items:center;
margin: 5px 0 0;
padding: 0;
list-style: none;
text-align: right;
}

.filters-content li {
display: inline-block;
vertical-align: top;
}

.filters-content li span.sort-liste,
.filters-content li span.sort-liste.active-sort-asc,
.filters-content li span.sort-liste.active-sort-desc,
.filters-content li span.sort-liste a:link,
.filters-content li span.sort-liste a:visited {
display: inline-flex;
margin-left: 8px;
padding: 4px 12px;
background: #ffffff;
border: 1px solid var(--color-primary);
cursor: pointer;
color: var(--color-primary);
text-decoration: none;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
filter: dropshadow(color=#000000, offx=1, offy=1);
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.filters-content li:first-child span {
margin-left: 0;
}

/* Mode d affichage */
.select-mode-affichage {
display: inline-block;
float: left;
margin-top: 5px;
}

.select-mode-affichage ul {
margin: 0;
padding: 0;
}

.select-mode-affichage p,
.select-mode-affichage ul {
display: inline-block;
font-size: 0.9em;
color: #6e6e6e;
}

.select-mode-affichage p {
line-height: 35px;
margin: 0;
float: left;
margin-right: 10px;
}

li.mode-affichage {
display: inline-block;
vertical-align: top;
margin-left: 10px;
padding: 7px 10px 8px;
width: 83px;
background: #243a50;
cursor: pointer;
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
filter: dropshadow(color=#000000, offx=1, offy=1);
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
text-align: center;
-webkit-border-radius: 2px;
border-radius: 2px;
}

li.mode-affichage.active-mode,
.sort-liste.active-sort {
background-color: #34597f !important;
color: #FFF;
}

li.mode-affichage:hover {
color: #FFF;
}

li.mode-affichage:first-child {
margin-left: 0;
}

.select-mode-affichage li span {
display: inline;
vertical-align: top;
width: 65px;
height: 15px;
font-size: 1.6em;
}

.select-mode-affichage li span.text-mode-liste {
font-size: 0.9rem;
display: inline;
vertical-align: bottom;
}

/* 4.2.3  Liste container top : Liste de biens et de programmes neufs
----------------------------------------------------------------------------------------------------*/
.liste-display-all {
min-height: 400px;
padding: 10px 3% 50px;
vertical-align: top;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
position: relative;
}

.bloc-biens {
display: inline-block;
width: 100%;
text-align: center;
}

.liste-bien-container {
width: 100%;
text-align: left;
margin-bottom: 10px;
border: 1px solid #eeeeee;
min-height: 200px;
height: 500px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
display: flex;
flex-direction: row;
position: relative;
}

.liste-bien-container:nth-child(even) {
flex-direction: row-reverse;
}

@media (max-width:767px) {
.liste-bien-container,
.liste-bien-container:nth-child(even) {
flex-direction: column;
}

}

/* 4.2.5
--------------------------------------------------------
Liste Mode Texte / Affichage par defaut, une colonne
--------------------------------------------------------
*/
/* -- Affichage des images --*/
.liste-bien-photo {
display: inline-block;
vertical-align: top;
width: 66.66%;
overflow: hidden;
text-align: center;
height: 100%;
}

.liste-bien-container:nth-child(even) .liste-bien-photo {
margin-left: 0%;
}

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

.liste-bien-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}

.liste-bien-photo img.anti-cheat {
position: absolute;
z-index: 90;
width: 100%;
height: 100%;
margin: 0;
top: 0;
left: 0;
}

.liste-bien-photo-frame {
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;
}

/* -- Programmes neufs -- */
.liste-prog-photo {
width: 100%;
height: 100%;
}

.body-mode-pictmap .liste-prog-photo {
display: inline-block;
vertical-align: top;
width: 48%;
overflow: hidden;
}

.liste-prog-photo img {
width: 100%;
height: auto;
}

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

.liste-prog-photo-frame {
width: 100%;
height: 100%;
}

.liste-prog-photo-frame a {
display: block;
width: 100%;
height: 100%;
position: relative;
}

/* -- Texte / Descriptif --*/
.liste-bien-description {
width: 33.33%;
vertical-align: top;
padding: 2%;
z-index: 100;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #FFF;
background-color: #243a50;
}

.liste-bien-container:nth-child(even) .liste-bien-description {
left: inherit;
right: 0%;
}

.liste-bien-title {
padding: 4% 0 3%;
text-align: left;
font-size: 1.8em;
}

.liste-bien-description ul {
list-style-type: none;
}

.liste-bien-type {
font: 1rem 'Metropolis Medium', Helvetica, Arial, sans-serif !important;
line-height: 1.5em;
padding-bottom: 5px;
}

.liste-bien-ville {
font: normal 1em 'Metropolis Bold', Helvetica, Arial, sans-serif;
line-height: 1;
}

.liste-bien-date {
font-family: 'Libre_franklin_semibold', Helvetica, Arial, sans-serif;
font-style: normal;
padding-bottom: 10px;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
margin-top: 10px;
}

.liste-bien-type,
.liste-bien-ville {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.liste-bien-price {
font: 1.2rem 'Metropolis Bold', Helvetica, Arial, sans-serif;
line-height: 1;
display: inline-block;
margin-top: 5px;
}

.extrait-desc {
font: 1em/1.6em 'Libre_franklin_extralight', Helvetica, Arial, sans-serif;
max-height: 85px;
overflow: hidden;
margin-top: 10px;
height: auto;
}

.extrait-desc:after {
content: "...";
display: inline-block;
}

.liste-bien-offre {
line-height: 2;
color: #fff;
}

.liste-bien-description hr {
margin: 1px 0 3.5%;
width: 30%;
text-align: left;
border-top: 3px solid #ececec;
}

/* Bouton selection */
.button-selection-liste {
float: right;
top: 20px;
position: absolute;
right: 20px;
font-size: 1.4em;
z-index: 90 !important;
}

.button-selection-liste a {
color: #fff !important;
}

/*on masque le coeur plein par defaut*/
.button-selection .icon.icon-heart {
display: inline-block;
min-width:23px;
min-height:23px;
}

.detail-actions .button.button-lang svg{
margin-top:5px;
}

/*on affiche le coeur plein et on masque le coeur thin*/
.button-selection.SelectionOff .icon-heart-fill-thin {
display: none;
}

.button-selection.SelectionOff .icon-heart {
display: inline-block;
color: #fff;
}

/* Effet selection */
.ui-effects-transfer {
border: none !important;
background: #34597f !important;
width: 30px;
height: 30px;
display: inline-block;
text-align: center;
line-height: 30px;
-webkit-border-radius: 15px;
border-radius: 15px;
opacity: 0.62;
}

/* -- Boutons -- */
.button .icon {
margin-right: 5px;
vertical-align: middle;
}

.button .icon-plus {
font-size: 0.9em;
}

.button .icon-share {
font-size: 1.2em;
}

ul.liste-bien-buttons {
padding: 0;
margin: 20px 0 0;
}

.liste-bien-buttons li {
list-style-type: none;
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
}

.liste-bien-buttons li a,
.liste-bien-buttons li span {
display: inline-block;
color: #fff;
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;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #fff;
padding: 8px;
}

.liste-bien-buttons li a:hover,
.liste-bien-buttons li span:hover {
border: 1px solid #fff;
background: #fff !important;
color: #353535 !important;
}

/*--  Ribbons --*/
.liste-bien-ribbon a {
display: block;
height: 100%;
/* ribbon cliquable */
}

.liste-bien-ribbon a:hover,
.liste-bien-ribbon a:active {
background-color: transparent;
}

.detail-photo-container .liste-bien-ribbon {
position: absolute;
top: -7px;
left: 0px;
}

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

.uk .liste-bien-ribbon {
background: transparent url(/img_uk/bg-ribbons-all.png) no-repeat;
width: 120px;
height: 30px;
background-image: url(/img_uk/bg-ribbons-all.png);
background-image: -webkit-image-set(url(/img_uk/bg-ribbons-all.png) 1x, url(/img_uk/bg-ribbons-all@2x.png) 2x);
background-image: image-set("/img_uk/bg-ribbons-all.png" 1x, "/img_uk/bg-ribbons-all@2x.png" 2x);
background-position: 200% 200%;
}

.bien-tag {
background-color: #b39b5c;
color: #fff;
font-weight:700;
padding: 2px 5px;
margin-right: 5px;
}

.bien-tag--exclu {
text-transform: uppercase;
background-color: transparent;
color: #BB9528;
}

.bien-tag--confidentielle {
background-color: #b39b5c;
}

.bien-tag--interactive {
background-color: #5050d3;
}

.fr .ribbon-nouveau {
background-position-y: 0px !important;
}

.fr .ribbon-exclu {
background-position-y: -146px !important;
}

.fr .ribbon-vendu {
background-position-y: -297px !important;
}

.fr .ribbon-baisse {
background-position-y: -441px !important;
}

.fr .ribbon-vedette {
background-position-y: -578px !important;
}

.fr .ribbon-loue {
background-position-y: -724px !important;
}

.fr .ribbon-compromis {
background-position-y: -870px !important;
}

.fr .ribbon-sousoffre {
background-position-y: -1049px !important;
}

.fr .ribbon-vente-confidentielle {
background-position-y: -1168px !important;
}

.fr .ribbon-vente-interactive {
background-position-y: -1328px !important;
}

.uk .ribbon-special-pro {
background-position-y: -1154px !important;
}

.uk .ribbon-sousoffre {
background-position-y: -1009px !important;
}

.uk .ribbon-compromis {
background-position-y: -863px !important;
}

.uk .ribbon-vedette {
background-position-y: -573px !important;
}

.uk .ribbon-vendu {
background-position-y: -287px !important;
}

.uk .ribbon-baisse {
background-position-y: -434px !important;
}

.uk .ribbon-nouveau {
background-position-y: 8px !important;
}

.uk .ribbon-exclu {
background-position-y: -139px !important;
}

.uk .ribbon-loue {
background-position-y: -717px !important;
}

.uk .ribbon-vente-confidentielle {
background-position-y: -1154px !important;
}

.uk .ribbon-vente-interactive {
background-position-y: -1300px !important;
}

.liste-bien-container:nth-child(2n) .liste-bien-photo .liste-bien-ribbon {
right: 64%;
left: inherit;
}

/*-- Visite virtuelle --*/
.btn-visite-virtuelle a,
.btn-video a {
display: inline-block;
color: #fff;
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;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #fff;
padding: 5px;
cursor: pointer;
}

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

.btn-visite-virtuelle a,
.btn-video a {
text-decoration: none;
color: #fff !important;
}

.btn-visite-virtuelle a:hover,
.btn-video a:hover {
border: 1px solid #34597f;
background: #34597f !important;
}

/* Position des boutons visite virtuelle et video */
.btn-visite-virtuelle,
.btn-video {
margin-top: 10px;
}

.body-mode-pict .liste-bien-container .btn-visite-virtuelle,
.body-mode-pict .liste-bien-container .btn-video {
left: 0;
top: 0px;
position: absolute;
z-index: 100;
}

.body-mode-pict .liste-bien-container .btn-visite-virtuelle a,
.body-mode-pict .liste-bien-container .btn-video a {
border: none;
color: #243b51 !important;
background: #fff;
}

/* 4.2.5
--------------------------------------------------------
Liste Mode Texte / Affichage sur 2 colonnes (?d?ommenter au besoin)
--------------------------------------------------------
*/
/*.body-mode-text .page-container{max-width: inherit;}

.body-mode-text .liste-bien-container{width: 49%;}

.body-mode-text .liste-bien-container:nth-child(even) .liste-bien-description{left:0; right:inherit;}

.body-mode-text .liste-bien-container:nth-child(even) .liste-bien-photo{margin-left:30%;}

.body-mode-text .liste-bien-photo img{width: 100%;height: auto;margin:0; top:inherit;left:inherit;}
*/
/* 4.2.6
--------------------------------------------------------
Liste Mode Pict + Pict Map / Affichage en vignettes
--------------------------------------------------------
*/
.body-mode-pict .liste-bien-container {
position: relative;
padding: 0;
width: 32%;
height: 295px;
}

.body-mode-pictmap .liste-bien-container {
position: relative;
padding: 0;
width: 32%;
height: 295px;
}

.body-mode-pict .liste-bien-photo,
.body-mode-pictmap .liste-bien-photo {
width: 100%;
height: 103%;
position: relative;
text-align: center;
max-width: inherit;
margin: 0;
}

.body-mode-pict .liste-bien-title,
.body-mode-pictmap .liste-bien-title {
padding: 3% 0;
text-align: left;
font-size: 1.8em;
}

.body-mode-pict .liste-bien-description,
.body-mode-pictmap .liste-bien-description {
width: 100%;
height: auto;
position: absolute;
bottom: 0;
left: 0 !important;
right: 0 !important;
padding: 0 3% 5px !important;
background: var(--color-primary);
font-size: 11px !important;
}

.body-mode-pict .liste-bien-price,
.body-mode-pict .liste-bien-date {
float: right;
}

.body-mode-pict .liste-bien-photo img,
.body-mode-pictmap .liste-bien-photo img {
margin: 0px -25%;
height: 100%;
width: auto;
}

/* 4.2.6
--------------------------------------------------------
Liste Mode  Map / Affichage en map seule
--------------------------------------------------------
*/
/* -- Gé né ralité  de la map  -- */
.liste-map {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
float: right;
background: transparent url(/images/loading.gif) no-repeat 50% 50%;
z-index: auto !important;
float: none;
}

#IfGGMap {
border: none;
position: relative;
z-index: 1;
}

#GGMap {
width: 100% !important;
height: 100% !important;
background: transparent url(/images/loading.gif) no-repeat 50% 50% !important;
}

/* Mise en forme des Bulles avec marker dans la map */
.leaflet-popup-content {
width: 320px !important;
}

.DivBubble {
margin: 0 !important;
}

.ggmap-list-item {
display: flex !important;
flex-direction: row;
padding: 1em 0;
}

.ggmap-list-item-coords .ggmap-coords-title {
text-transform: uppercase;
color: #34597f;
}

.ggmap-list-item-title.heading2 {
font: 1.125rem 'Metropolis Bold', Helvetica, Arial, sans-serif !important;
margin: 0;
}

.ggmap-coords-title.heading3 {
font: 1rem 'Metropolis Light', Helvetica, Arial, sans-serif !important;
letter-spacing: 0;
}

.liste-map-message {
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 {
font-size: 2.5em;
margin-bottom: 20px;
}

.ggmap-list-item {
color: #000;
font-size: 12px;
clear: both;
margin: 0;
border-top: 1px dashed #dedede;
display: inline-block;
width: 100%;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
cursor: pointer;
box-sizing: border-box;
}

.ggmap-list-item:first-child {
border-top: none;
}

/*
.DivBubble {
max-width: 230px;
}

*/
ul.gg-map-marker {
display: none
}

.ggmap-list-item-pict {
margin: 0;
width: 80px;
}

.ggmap-list-item-pict img {
max-width: 80px !important;
height: auto;
}

.ggmap-list-item-content {
width: calc(100% - 80px);
padding-left: 1em;
font-family: "Libre_franklin_regular", Arial, Helvetica, Geneva, sans-serif;
}

.ggmap-list-item-coords .ggmap-coords-title {
text-transform: uppercase;
color: #34597f;
font-family: "Libre_franklin_semibold", Arial, Helvetica, Geneva, sans-serif;
}

.ggmap-list-item-coords .ggmap-coords-prix {
margin-bottom: 5px;
font-family: "Libre_franklin_semibold", Arial, Helvetica, Geneva, sans-serif;
}

.ggmap-coords-link {
color: #fff;
font-weight: normal !important;
font-size: 12px !important;
background-color: #34597f;
padding: 2px 5px;
display: inline-block;
margin-top: 2px;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.ggmap-coords-link:hover {
background-color: #34597f;
}

.gm-style .gm-style-iw {
padding-right: 0 !important;
}

.highlight-prod,
.ggmap-list-item:hover {
background-color: #efefef;
-webkit-border-radius: 4px;
border-radius: 4px;
}

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

/* On applique une taille seulement sur le mode map classique pour é viter une interaction avec Scroll to fix */
/* 4.2.6
--------------------------------------------------------
Liste Mode Map + Text et Map + Pict / Affichage Liste + Map
--------------------------------------------------------
*/
/* Div qui sert ) ancrer le haut de la liste */
#TopListe {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}

/* -- Layout : on change la taille de la sidebar/ du content et de la map sur la droite  -- */
.liste.body-mode-textmap .liste-map,
.liste.body-mode-pictmap .liste-map {
width: 51%;
display: inline-block;
position: relative;
z-index: 1 !important;
float: left;
vertical-align: top;
}

/* Hack pour le float du sticky  = même largeur que .liste-map*/
.spacer-hack {
width: 61% !important;
height: 1px !important;
/*background: red !important; */
}

.liste.body-mode-textmap .liste-display-all,
.liste.body-mode-pictmap .liste-display-all {
width: 49%;
padding: 0 1.5% 0 2%;
float: right;
display: inline-block;
vertical-align: top;
}

.liste.body-mode-textmap .liste-bien-offre,
.liste.body-mode-textmap .liste-bien-photo img {
margin: 0;
}

.liste.body-mode-textmap .liste-bien-container {
min-height: 190px;
}

.liste.body-mode-textmap ul.liste-bien-buttons {
display: none;
}

/*.liste.body-mode-textmap .header-liste,
.liste.body-mode-pictmap .header-liste {  width: 39%; padding: 20px  1.5% 20px 2%; float: none; display: inline-block;  vertical-align: top;
}

.liste.body-mode-textmap .liste-create-alert-content,
.liste.body-mode-pictmap .liste-create-alert-content,
.liste.body-mode-textmap .liste-create-alert-content-input,
.liste.body-mode-pictmap .liste-create-alert-content-input{ width: 100%; float: none; text-align: left;}

.liste.body-mode-textmap .liste-create-alert,
.liste.body-mode-pictmap .liste-create-alert{padding: 10px;}
*/
.liste.body-mode-textmap .select-mode-affichage p,
.liste.body-mode-pictmap .select-mode-affichage p,
.liste.body-mode-pictmap h1.liste-title {
display: none;
}

.liste.body-mode-textmap .liste-bien-container {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0;
height: auto;
display: flex;
flex-direction: row-reverse;
}

.liste.body-mode-textmap .liste-bien-container:nth-child(even) {
flex-direction: row;
}

.liste.body-mode-textmap .liste-bien-container.show-on-map:hover,
.liste.body-mode-pictmap .liste-bien-container.show-on-map:hover {
border: 1px solid #d8d8d8;
-webkit-border-radius: 4px;
border-radius: 4px;
}

/* Ajustement pour le mode Text map */
.liste.body-mode-textmap .liste-bien-photo {
width: 50%;
margin: 0;
}

.liste.body-mode-textmap .liste-bien-description {
width: 50%;
}

.liste.body-mode-textmap .liste-bien-title {
padding: 3% 0 2%;
text-align: left;
font-size: 1.6em;
}

@media (max-width: 960px) {
.liste.body-mode-textmap .liste-bien-container {
flex-direction: column;
}

.liste.body-mode-textmap .liste-bien-container:nth-child(2n) {
flex-direction: column;
}

.liste.body-mode-textmap .liste-bien-photo {
width: 100%;
}

.liste.body-mode-textmap .liste-bien-description {
width: 100%;
}

.liste.body-mode-textmap .liste-bien-description {
padding: 5% 3%;
}

}

/* Ajustement pour le mode Pict map */
.liste.body-mode-pictmap .liste-bien-container {
min-height: 220px !important;
width: 100%;
}

.body-mode-pictmap .liste-bien-title {
padding: 3% 0;
text-align: left;
font-size: 1.6em;
}

.liste.body-mode-pictmap .liste-bien-price {
top: inherit;
right: inherit;
position: relative;
}

/*.liste.body-mode-pictmap .liste-bien-photo img {min-width: 100%; width: auto;
height: 220px !important;}
*/
/* 4.2.7  Navigation page
----------------------------------------------------------------------------------------------------*/
.liste-navpage-container {
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: #17242f;
}

.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: 0.5px;
border-radius: 0.5px;
-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: #17242f;
}

/* 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: #17242f;
color: #fff;
-webkit-border-radius: 0.5px;
border-radius: 0.5px;
font-weight: normal;
}

.nav-page-position {
margin-right: 40px;
}

/* Mention inter-agence */
.mention-inter-agence,
#MentionInterAgence {
font: 85%/1 Helvetica, Arial, sans-serif;
color: #949089;
margin-top: 20px;
}

.detail #MentionInterAgence {}

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

/* 4.2.8 Page : Ma selection
----------------------------------------------------------------------------------------------------*/
.selection .page-container {
padding-top: 2%;
}

.selection .liste-bien-container {
width: 100%;
}

.selection-actions {
display: inline-block;
float: right;
margin-top: -5px;
}

.selection-actions ul {
text-align: right;
margin-bottom: 10px;
}

.selection-actions li {
list-style-type: none;
display: inline-block;
margin-right: 15px;
line-height: 20px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
padding: 9px !important;
cursor: pointer;
margin: 0 10px !important;
color: #FFF;
background-color: #494949;
-webkit-border-radius: 0.5px;
border-radius: 0.5px;
}

.selection-actions li:hover {
background: #17242f;
}

.selection-actions li a,
.selection-actions li span {
color: #fff;
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

/* 4.2.9  Loading
----------------------------------------------------------------------------------------------------*/
/* Ajax */
.LoadListe {
z-index: 999;
filter: alpha(opacity=20);
opacity: .2;
}

#LoadingAjax {
background: transparent url(/images/loading.gif) no-repeat 50% 100%;
height: 300px;
position: absolute;
top: 100px;
left: 0;
width: 100%;
}

/* 4.2.11 Paragraphe escamotable "en savoir plus" en page liste
----------------------------------------------------------------------------------------------------*/
.infos .texte-liste {
display: none;
margin-bottom: 25px;
text-align: left;
}

.infos .ouvert,
.infos.opened .fermer {
display: block;
}

.infos .fermer,
.infos.opened .ouvert {
display: none;
}

.infos .ouvert,
.infos .fermer {
font: 95%/1 'LatoBold', Helvetica, Arial, sans-serif;
padding: 5px 5px;
background-color: #243a50;
color: #fff;
margin: -10px 0 25px;
text-align: center;
width: 100px;
}

/* ==========================================================================
4.3 MODE DETAILS
========================================================================== */
.detail .top-fiche {
background: #fff
/*url('/images/bg-texture.png') repeat*/
;
}

.detail .leftside-content {
float: right;
width: 20%;
background-color: #243a50bf;
}

.detail .rightside-content {
float: right;
width: 80%;
}

.detail .detail-display-content {
float: right;
width: 75%;
background-color: #e0e1e0;
}

.detail .full-content .wrapper {
width: 60%;
}

.detail .thumbs-flap-wrapper {
float: left;
height: 600px;
padding-right: 3%;
padding-left: 3%;
width: 25%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* 4.3.1  Navigation du haut de page
----------------------------------------------------------------------------------------------------*/
.detail-actions {
position: relative;
padding: 5px 2%;
display:flex;
justify-content:center;
}

.detail-topnav ul {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
font-family: 'Metropolis Regular', Helvetica, Arial, sans-serif;
}

.detail-topnav li {
display: inline-block;
vertical-align: top;
margin-left: 16px;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px 12px;
}

.button .icon-print {
font-size: 1.3em;
}

.button .icon-calc {
font-size: 1.3em;
}

/* .detail-topnav li:first-child {
float: left;
margin-left: 0;
text-transform: uppercase;
}
 */
.detail-topnav li.btn-back {
text-transform: none;
color: var(--color-primary);
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.detail-topnav li.btn-back .icon {
margin-right: 5px;
font-size: 0.9em;
}

.detail-topnav li.btn-back:hover {
color: #353535;
}

li.btn-back-clear {
display: none;
}

.detail-topnav li a,
.detail-topnav li span,
.detail-topnav li.button-selection {
cursor: pointer;
color: var(--color-primary);
text-decoration: none;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}

.detail-topnav li a:hover,
.detail-topnav li span:hover,
.detail-topnav li.button-selection:hover {
color: #353535;
}

.detail-topnav li.detail-contact-button {
background-color: #17242f;
-webkit-border-radius: 0.5px;
border-radius: 0.5px;
color: #FFF;
font-size: 1.1em;
cursor: pointer;
}

/*-- Visite virtuelle --*/
/* .body-mode-text .btn-visite-virtuelle,
.body-mode-text .btn-video {
color: #ffffff;
cursor: pointer;
border: 1px solid white;
padding: 5px 10px;
}
 */
.detail .btn-visite-virtuelle,
.detail .btn-visite-video,
.detail .btn-video {
background: #fff;
padding: 10px;
color: #17242f;
cursor: pointer;
}

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

.btn-visite-virtuelle a:hover,
.btn-video a:hover {
text-decoration: none;
color: #3e3e3e;
}

/*-- Video & visite virtuelle --*/
.detail .btn-visite-virtuelle,
.detail .btn-video {
position: absolute;
left: 0;
bottom: 0;
z-index: 1000;
}

/*  4.3.3  Description du bien 
----------------------------------------------------------------------------------------------------*/
.detail-bien-side-specs {
padding: 20px 10% 10px;
}

.detail-bien-side-specs .prix-location {
text-align: left;
}

.detail-bien-side-specs .prix-location li {
border-right: 0;
border-left: 2px solid #e4e4e4;
padding-right: 0 !important;
padding-left: 10px !important;
margin-left: 0 !important
}

.detail-side-with-icon {
font-size: 1.1em;
color: #494a49;
padding: 5px 0 !important;
}

.detail-side-with-icon .icon {
font-size: 1.1em;
color: #494a49;
margin-right: 10px;
}

.detail-side-type {
font: 1.7em 'Metropolis Bold', Arial, sans-serif;
}

.detail-side-ville {
font: 1.3em 'Metropolis Regular', Arial, sans-serif;
color: #333333;
margin-top: 10px !important;
margin-bottom: 10px !important;
}

.detail-side-specs {
font: 1.1em 'Metropolis Regular', Arial, sans-serif;
color: #333333;
margin-top: 5px !important;
}

.detail-side-specs span {
margin-right: 10px;
}

.detail-side-prix {
font: 1.4em 'Metropolis Bold', Arial, sans-serif;
color: #67686a;
}

.detail-side-prix-container {}

.detail-side-ref {
font: 1em 'Metropolis Regular', Arial, sans-serif;
color: #a1a1a1;
margin-bottom: 10px !important;
margin-top: 20px !important;
}

.detail-side-contact-button {
background: #1e3655;
display: inline-block;
margin: 10px 0 !important;
padding: 12px !important;
-webkit-border-radius: 0.5px;
border-radius: 0.5px;
color: #FFF;
font-size: 1.1em;
cursor: pointer;
font: 1.1em 'Metropolis Bold', Arial, sans-serif;
-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;
}

.detail-side-contact-button:hover {
background: #cca252;
}

/*  4.3.3  Description du bien
----------------------------------------------------------------------------------------------------*/
.detail-bien-infos {}

/*-- Title --*/
.detail-bien-intro {
position: relative;
border-bottom: 1px solid #b39b5d;
text-align: right;
}

.detail-bien-title {
float: left;
padding-top: 30px;
text-align: left;
}

.detail-bien-type,
.detail-bien-ville,
.detail-bien-ref {
padding: 4px 0px;
}

.detail-bien-type {
font: 1.2rem 'Metropolis Regular', Arial, sans-serif;
color: #b39b5d;
}

.detail .detail-bien-type{
max-width:66%;
background-color: white;
padding: 20px 0;
color: var(--color-primary);
font-family: 'Metropolis Regular', Arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
font-size: 1.3rem;
line-height: 1;
}

.detail-bien-ville {
font: 1.5rem 'Metropolis Bold', Arial, sans-serif;
color: #b39b5d;
}

.detail-bien-ref {
font: 1em 'Metropolis Bold', Arial, sans-serif;
color: #a1a1a1;
}

.detail-bien-prix {
position: absolute;
right: 0;
top: -20px;
display: inline-block;
background-color: #17242f;
color: #FFF;
padding: 10px;
font: 1.5em 'Metropolis Bold', Arial, sans-serif;
z-index: 1;
}

.prix-location {
margin-top: 30px;
text-align: right;
}

.prix-location li {
display: inline-block;
border-right: 2px solid #e4e4e4;
padding-right: 10px !important;
margin-left: 10px !important;
font: 1.1em 'Metropolis Bold', Arial, sans-serif;
color: #17242f;
vertical-align: top;
}

.prix-location li span.charges_mens {
color: #4a4a4a;
}

/*-- Specs avec icones --*/
.detail-bien-specs {
float: right;
margin-top: 65px;
text-align: right;
}

.detail-bien-specs li {
display: inline-block;
text-align: center;
width: 110px;
margin: 0 10px !important;
font: 1.1em 'Metropolis Bold', Arial, sans-serif;
}

.detail-bien-specs li span {
display: inline-block;
width: 100%;
height: 30px;
font-size: 1.7em;
}

.detail-bien-specs li span.text-bien-specs {
font-size: 0.7rem;
}

.programmes .detail-bien-specs li {
width: 120px;
}

/*-- 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;
font: 1.1em 'Metropolis Light', Arial, sans-serif;
line-height: 1.8em;
}

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

*/
.detail-bien-desc-content .TxtVendu {
text-transform: uppercase;
font-size: 1.5em;
color: #17242f;
}

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

/*-- Affichage du 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 auto;
}

.descriptif-pieces {
padding-bottom: 10px;
border-bottom: #e3e3e2 1px solid;
margin-bottom: 20px;
text-align: left;
}

.descriptif-pieces .table-bordered {
border: none;
}

.descriptif-pieces .table-bordered th,
.descriptif-pieces .table-bordered td {
border-left: #ccc;
}

.descriptif-pieces .table tr {
border: 1px solid #ccc;
}

.descriptif-pieces .table td {
text-align: left;
}

/*-- Tableau des prix par semaine (a activer dans numage si besoin) --*/
.locsaison-table-price {}

/*-- Module de ré servation (a activer dans numage si besoin) --*/
.detail-bien-reservation {
padding: 20px 0 10px;
border-bottom: #e3e3e2 1px solid;
position: relative;
}

.detail-bien-reservation-title {
font: 140%/21px 'Metropolis Light', sans-serif;
color: #616060;
display: inline-block;
vertical-align: top;
}

.detail-bien-reservation-action {
display: inline-block;
vertical-align: top;
background-color: #000;
color: #fff;
padding: 7px 11px;
cursor: pointer;
position: absolute;
right: 0;
top: 20px;
}

.detail-bien-reservation-action:hover {
background-color: #17242f;
}

.schedule-reservation {
margin-top: 20px;
}

#content .detail-bien-reservation table th,
#content .detail-bien-reservation table td {
padding: 2px;
}

/* Specification ui-datepicker */
.ui-datepicker-inline {
font: 13px/1.1231 "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 90% !important;
padding: 0 !important;
}

.ui-datepicker-multi .ui-datepicker-group {
float: none !important;
display: inline-block;
vertical-align: top;
min-height: 178px;
padding: 8px;
border: #ddd 1px solid;
margin: 0 12px 12px 0;
font: 13px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ui-datepicker-header {
background: #e0e0e0;
}

.ui-datepicker-calendar thead {
background: #eee;
}

.ui-datepicker-calendar th {
padding: .4em 0;
}

.ui-datepicker-trigger {
margin-left: 5px;
vertical-align: middle;
cursor: pointer;
}

#ui-datepicker-div td span,
#ui-datepicker-div td a {
text-align: center;
}

/* 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 {
color: #468847;
background: #DFF0D8;
border-color: #D6E9C6;
}

/* 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 {
color: #B94A48;
background: #F2DEDE;
border-color: #EED3D7;
text-decoration: line-through;
}

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

#ui-datepicker-div .ui-datepicker-today .ui-state-default {
color: #3A87AD;
background: #D9EDF7;
border-color: #BCE8F1;
}

/* Disponible */
#ui-datepicker-div .cal-selectable {}

#ui-datepicker-div .cal-selectable a.ui-state-default {
border-color: #D6E9C6;
color: #468847;
background: #DFF0D8 url(/images/bg-cal-states.png) repeat-x 0 -8px;
}

#ui-datepicker-div .cal-selectable a.ui-state-hover {
border-color: #D6E9C6;
color: #468847;
background: #DFF0D8 url(/images/bg-cal-states.png) repeat-x 0 -44px;
}

/* Pas Dispo (+dé but duré e de ré servation - END) */
#ui-datepicker-div .cal-selectable-end-reserved {}

#ui-datepicker-div .cal-selectable-end-reserved a.ui-state-default {
border-color: #D6E9C6;
color: #468847;
background: #DFF0D8 url(/images/bg-cal-selectable-end-reserved.png) no-repeat 0 -14px;
}

#ui-datepicker-div .cal-selectable-end-reserved a.ui-state-hover {
border-color: #D6E9C6;
color: #468847;
background: #DFF0D8 url(/images/bg-cal-selectable-end-reserved.png) no-repeat 0 -54px;
}

/* Pas Dispo (+dé but duré e de ré servation - START) */
#ui-datepicker-div .cal-selectable-start-reserved {}

#ui-datepicker-div .cal-selectable-start-reserved a.ui-state-default {
border-color: #D6E9C6;
color: #468847;
background: #DFF0D8 url(/images/bg-cal-selectable-start-reserved.png) no-repeat 0 -14px;
}

#ui-datepicker-div .cal-selectable-start-reserved a.ui-state-hover {
border-color: #D6E9C6;
color: #468847;
background: #DFF0D8 url(/images/bg-cal-selectable-start-reserved.png) no-repeat 0 -54px;
}

/* 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-center-reserved .ui-state-default {
border-color: #EED3D7;
color: #B94A48;
background: #F2DEDE;
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;
}

/*-- Partie DPE  --*/
.detail-bien-desc-suppl {
padding: 0;
margin-bottom: 20px;
}

.detail-bien-dpe {
padding: 10px 0;
text-align: center;
}

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

/*-- Form Contact Detail  --*/
.detail-bien-contact {}

/* Titre */
.detail-bien-contact-title {
margin-bottom: 5px;
text-align: center;
}

.titre-onglet-ico-env {
float: none !important;
color: #b5b5b5;
}

/* Texte */
.contact-agence-agent {
border-bottom: 3px solid #e4e4e4;
margin-bottom: 18px;
padding: 0 0 15px;
text-align: center;
}

.contact-agence-agent .heading3 {
color: #17242f;
font: 1.1em 'Metropolis Bold', Arial, sans-serif;
text-transform: none;
}

.contact-agence-tel {
display: inline-block;
padding: 4px 8px;
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: #a9a9a9;
color: #FFF;
-webkit-border-radius: 0.5px;
border-radius: 0.5px;
}

.contact-agence-tel:hover {
background: #67686a;
}

/* Form */
.detail-bien-contact #message.input-text {
height: 110px !important;
padding: 6%;
line-height: 1.5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}

/* Formulaire de demadne de visite bas   */
.detail-contact-visite {
background: #f2f2f2 url('/images/bg-texture.png') repeat;
padding: 30px 0;
}

/* Formulaire de contact bas ( uniquement sur tablettes/ iphone > voir mediaqueries )  */
.detail-contact-bottom {
background: #fff url('/images/bg-texture.png') repeat;
padding: 30px 0;
}

.detail-contact-bottom .detail-bien-contact {
max-width: 600px;
margin: 0px auto;
}

/* Formulaire de contact sur le droite*/
.leftside-content .detail-bien-contact .input-text {
height: 35px !important;
}

.leftside-content .detail-bien-contact .input-text {
height: 35px !important;
}

.leftside-content .detail-bien-contact .detail-bien-contact-title {
display: none;
}

.leftside-content .contact-agence-agent {
text-align: left;
margin-top: 15px;
padding-top: 18px;
border-top: 3px solid #e4e4e4;
}

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

/* Neuf */
.detail-bien-lots {}

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

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

/* Sur les biens vendus et les compromis, le formulaire de contact est masque, les DPE peuvent prendre tte la largeur de la page */
.contactable0 .detail-bien-dpe {
float: none;
width: 100%;
}

/* 4.3.4  Google map avec POI
----------------------------------------------------------------------------------------------------*/
.detail-bien-poi {
margin-top: 20px;
}

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

.titre-onglet-title {
display: inline-block;
width: 49%;
text-align: center;
font: 1.7em 'Metropolis Regular', Arial, sans-serif;
float: left;
}

.titre-onglet-line {
display: inline-block;
width: 25%;
border-bottom: 3px solid #e4e4e4;
float: left;
height: 1em;
}

.titre-onglet-title span {
color: #17242f;
font-family: 'Metropolis Bold', Arial, sans-serif;
}

.gg-map-poi-container {
font-size: 0.85em;
}

.poi-col {
display: inline-block;
vertical-align: top;
width: 18%;
margin: 2% 2% 2% 0;
}

.poi-col:last-child {
margin-right: 0;
}

.poi-col-title {
width: 100%;
text-transform: uppercase;
color: #2b2b2b;
margin-bottom: 10px;
padding-bottom: 6px;
font: 1.2em 'Metropolis Bold', Arial, Helvetica, sans-serif;
}

.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);
}

#GGMapPoi {
width: 100% !important;
height: 450px;
}

/* 4.3.4  Detail biens suggestion
----------------------------------------------------------------------------------------------------*/
.detail-suggestions-title {
background-color: #17242f;
color: #FFF;
padding: 40px 0 20px;
}

.detail-suggestions-title span {
color: #FFF;
}

.detail-suggestions-title .titre-onglet-line {
border-bottom: 3px solid rgba(255, 255, 255, 0.21);
}

.detail-suggestions {
text-align: center;
font-size: 0;
}

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;
font-size: 12px;
}

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: transparent url(/images/bg-black60.png) repeat;
color: #FFF;
text-align: left;
}

/*  4.3.5 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: #17242f;
padding: 8px 12px;
display: block;
}

.ref .bloc-lib-critere-liste-new-search a:hover {
color: #fff;
background: #17242f;
}

.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 {}

.liste.ref .liste-bien-container {
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;
}

/*  4.3.6 Outils Financiers
----------------------------------------------------------------------------------------------------*/
.calc-container span {
padding: 0 !important;
/* Supprimer le padding sur le span hardcodé  dans Libimmo */
}

.calc-leftcol {
float: left;
width: 70%;
}

.calc-rightcol {
float: right;
width: 25%;
}

#DialogCalc .heading3 {
margin-bottom: 10px;
}

.white-form .calc-leftcol .input-text {
height: 18px;
line-height: 1.5em;
}

.calc-rightcol .resultats {
background: #f3f3f3;
padding: 0 3px;
color: #17242f;
border: 1px solid #dfdddb;
line-height: 3em;
text-align: left;
outline: none;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 0 0;
box-shadow: inset 0 0 0 0;
font-family: "Metropolis Bold", Arial, Helvetica, Geneva, sans-serif;
}

.calc-container span>span {
font-size: 1.5em;
text-align: center;
}

.calc-container .form-rubrique {
width: inherit;
}

/* ==========================================================================
4.4 ADAPT SLIDESHOW JQUERY
========================================================================== */
/* 4.4.1  Slide
----------------------------------------------------------------------------------------------------*/
.detail-photo-container .large-flap-frame {
width: 100%;
position: relative;
background: transparent url(/images/loading-house.gif) no-repeat 50% 50%;
z-index: 1;
}

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

.detail-photo-container .no-flap img {
height: 100%;
width: auto;
display: block;
}

.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 {
width: 100%;
height: 695px;
text-align: center;
cursor: pointer;
}

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

.detail-photo-container .large-flap-container div.is-flap img,
.detail-photo-container .large-flap-container div.no-flap img {
width: 100%;
height: 100%;
object-fit: cover;
}

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

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

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

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

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

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

.large-flap-nav {
z-index: 970;
position: relative;
opacity: 0;
}

/*-- BOUTON prev et next survol de l image --*/
.large-flap-nav .previous,
.large-flap-nav .next {
width: 60px;
height: 60px;
position: absolute;
margin-top: 300px;
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;
    display: flex;
    justify-content: center;
    align-items: center;
}

.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: 41px;
}

.large-flap-nav .next {
right: 41px;
}

.no-flap {
display: none;
}

.controls {
display: block;
}

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

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

/*-- Thumbs Specific Detail --*/
.thumbs-title {
margin: 25px 0 10px 5%;
font: 1.5em 'Metropolis Bold', Arial, sans-serif;
}

.thumbs-title .icon {
color: #696969;
margin-right: 10px;
}

.detail .scrollpane-to-child {
float: left;
display: inline-block;
}

.detail .is-flap.scrollpane-to-child {
width: 45%;
height: 95px;
overflow: hidden;
margin-right: 5%;
margin-bottom: 10px;
}

.detail .no-flap.scrollpane-to-child {
display: none;
}

.detail .scrollpane-to-child img {
height: 100%;
margin: 0 auto !important;
}

.detail .jspContainer,
.detail .jspPane,
.detail .thumbs-flap-container {
height: 635px;
width: auto;
}

.detail .thumbs-control-prev,
.detail .thumbs-control-next {
display: none;
cursor: pointer;
color: #7c7c7c;
-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;
}

.detail .thumbs-control-prev:hover,
.detail .thumbs-control-next:hover {
color: #000;
}

.detail .thumbs-flap-container .thumbs-active {
filter: alpha(opacity=50);
opacity: 0.5;
border: 2px solid #ffffff !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

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

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

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

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

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

.big-flap-container {
position: fixed;
display: none;
top: 50% !important;
width: 1px;
height: 1px;
z-index: 10002 !important;
overflow: hidden;
background: url(/images/loading.gif) 50% 50% no-repeat #e1e0e0;
border: 0 solid #eee;
transform: translateY(-50%);
}

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

.big-flap-container .diapo img.photo-big {
max-width: 1300px;
max-height: 1100px;
}

.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: #17242f;
-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;
height: 25px;
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: #17242f;
}

/* ==========================================================================
4.5 REFERENCEMENT
========================================================================== */
/* 4.5.1 Ré fé rencement global
----------------------------------------------------------------------------------------------------*/
/* Pages de ref */
.ref-intro {
background: #efefef;
padding: 5px 20px 10px;
margin-bottom: 10px;
}

.ref-leftcol {
float: left;
width: 230px;
margin-right: 20px;
}

.ref-rightcol {
float: left;
width: 320px;
}

.ref-plan-bloc {
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #dadada;
}

.ref-plan-liste ul {
clear: both;
padding: 0;
margin-bottom: 30px;
}

.ref-plan-liste li {
line-height: 1.5;
font-weight: normal;
/*border-bottom: 1px solid #dadada;*/
padding: 10px 0;
margin-left: 20px;
}

.ref-plan-liste.deux-colonnes li:nth-child(odd) {
padding-right: 5%;
}

.ref-plan-liste ul {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 70px;
/* Firefox */
-webkit-column-gap: 70px;
/* Safari and Chrome */
column-gap: 70px;
}

/* Detail Ville (R200) */
.detail-bien-localite-r200 a:link,
.detail-bien-localite-r200 a:visited {
display: inline-block;
vertical-align: top;
padding: 5px 9px;
border: #ddd 1px solid;
font-size: 0.9em;
line-height: 1.231;
font-weight: bold;
color: #444;
background: #eee;
}

/* Plan */
.ref-plan-moteur {
float: right;
margin: 0 0 20px 20px;
}

/* Pied Ref */
.home .pied-ref {
border-top: none;
}

.pied-ref {
font-size: 12px;
color: #918d86;
line-height: 1.5em;
padding-bottom: 10px;
}

.pied-ref a:link,
.pied-ref a:visited {
color: #838383;
text-decoration: none;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}

.pied-ref a:hover,
.pied-ref a:active {
color: #616060;
text-decoration: none;
background-color: transparent;
}

.home #pied-ref-content {
padding: 0 0 7px;
margin: 0 0 7px;
border-bottom: 1px solid #4e4e4e;
}

/* Pied Ref Villes */
.pied-ref-villes {
padding: 25px 0 0 25px;
margin: 10px 0 0;
border-top: 1px solid #4e4e4e;
}

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

.pied-ref-villes li {
display: inline-block;
vertical-align: top;
width: 25%;
/* Width fixe pour un affichage en colonne */
padding: 5px 0;
}

@media (max-width:1400px) {}

/* Module de marquee */
.pied-ref-defil-title h1,
.pied-ref-defil-title li,
.pied-ref-defil-title .ref-more,
.pied-ref-defil-title {
color: #838383;
text-align: justify;
}

.pied-ref-defil-title li {
list-style: none;
}

.pied-ref-defil-title .ref-more {
cursor: pointer;
}

.pied-ref-defil-text {
float: left;
width: 60%;
margin-right: 2%;
color: #918d86;
}

.pied-ref-defil-text ul {
margin: 0;
padding: 0;
list-style: none;
}

.pied-ref-defil-text ul li {
margin: .5em 0;
padding-right: 20px;
text-align: justify;
}

.pied-ref-defil-images {
float: left;
width: 37%;
color: #575c60;
padding-top: 10px;
}

.pied-ref-defil-images ul {
margin: 0;
padding: 0;
list-style: none;
/* Styles pour le jQuery marquee */
height: 210px;
width: 100%;
overflow: hidden;
position: relative;
}

.pied-ref-defil-images ul li {
margin: 0;
/* Styles pour le jQuery marquee */
position: absolute;
top: 999em;
left: 0;
display: block;
height: 100%;
width: 100%;
overflow: hidden;
}

.marquee-photo {
width: 80px;
height: 80px;
float: left;
}

.marquee-content {
margin-left: 90px;
font-family: 'Metropolis Regular', Helvetica, Arial, sans-serif;
color: #838383;
}

.marquee-content-title {
font-size: 0.9em;
font-family: 'Metropolis Bold', Helvetica, Arial, sans-serif;
color: #616060;
}

.marquee-content-price {
color: #17242f;
font-family: 'Metropolis Bold', Helvetica, Arial, sans-serif;
}

.marquee-content-desc {}

.marquee .no-flap {
display: block;
}

.marquee .no-flap img {
width: 80px;
height: auto;
}

/* Module de Ré gion */
.region-last-annonces {}

.region-last-annonces ul {
margin: 0;
padding: 0;
list-style: none;
}

.region-last-annonces ul li {
padding: 0;
background: none;
}

.region-main-photo {
float: right;
width: 170px;
height: auto;
margin-left: 20px;
}

.region-annonces-container {
vertical-align: top;
width: 45%;
display: inline-block;
background: #f2f2f2;
margin: 0 2% 10px 0;
padding: 5px;
font-size: 0.9em;
min-height: 70px;
border: 1px solid #ddd;
}

.region-annonces-container .no-flap {
display: block;
}

.region-annonces-container .no-flap img {
width: 70px;
height: auto;
}

.region-annonces-container .region-annonces-photo {
width: 30%;
height: auto;
float: left;
}

.region-annonces-container .region-annonces-photo img {
width: 100%;
height: auto;
}

.region-annonces-container .region-annonces-content {
margin: 4% 0 0 33%;
font: 100%/1.231 Helvetica, Arial, sans-serif;
}

.region-annonces-container .region-annonces-content-title {
font-weight: bold;
text-transform: uppercase;
color: #17242f;
}

.region-annonces-container .region-annonces-content-price {
color: #000;
}

.region-annonces-container .region-annonces-content-desc {
color: #4a4a4a;
padding: 3px 8px 3px 0;
font-family: Helvetica, Arial, sans-serif;
}

.region-annonces-container .region-annonces-content-desc a {
white-space: nowrap;
}

#region-tabs .ui-tabs-panel {
padding: 0;
}

#region-tabs .ui-tabs-nav li {
font: bold 80%/1.231 Helvetica, Arial, sans-serif;
text-transform: uppercase;
}

/* Annuaire */
.pied-ref-backlinks {
margin-top: 7px;
padding-top: 7px;
border-top: 1px solid #cfdadc;
font-size: 0.8em;
}

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

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

.pied-ref-backlinks li:first-child {
margin-left: 0;
padding: 0;
background: none;
}

.annuaire-intro {
background: #eee;
padding: 10px 20px;
margin-bottom: 20px;
color: #555;
text-align: justify;
}

.annuaire-intro p {
margin: .5em 0;
}

.annuaire-inscription-button {
float: right;
margin: 6px 0 20px 20px;
display: block;
}

.annuaire-nb {
padding: 1px 3px;
font: bold 100%/1.231 Helvetica, Arial, sans-serif;
color: #999;
text-transform: uppercase;
margin-left: 5px;
}

.annuaire-fil-arianne {
font: 100%/1.231 Helvetica, Arial, sans-serif;
text-transform: uppercase;
margin: 5px 0 15px;
border-bottom: #eee 1px solid;
padding-bottom: 5px;
color: #aaa;
}

.annuaire-categories {}

.annuaire-categories>table {
float: none;
}

.annuaire-categories h2,
.ref-categories {
font-family: 'Metropolis Bold', sans-serif;
line-height: 1.6em;
margin: 1.5em 0 .5em;
}

.annuaire-categories ul {
list-style: none;
}

.annuaire-categories ul li {
background: none;
border-bottom: #eee 1px solid;
margin-bottom: 7px;
padding: 0 0 7px;
}

.annuaire-categories p {
margin: .25em 0;
border-left: #eee 6px solid;
padding-left: 10px;
}

.annuaire-categories .annuaire_site_url {
border: none;
padding: 0;
color: #999;
}

.annuaire-forminsc {
margin-top: 20px;
}

.annuaire-forminsc .legend {
color: #888;
font: normal 100%/1.231 Helvetica, Arial, sans-serif;
}

.nbchar {
padding: 1px 3px;
background: #cbcbcb;
font: bold 90%/1.231 Helvetica, Arial, sans-serif;
color: #fff;
border-radius: 2px;
}

#selectAnnuaire {
border: #dadada 1px solid;
width: 100%;
}

#backlink {
height: 50px;
}

.error {
background: #FDDFDE;
border: #FBC7C6 1px solid;
padding: 10px 20px;
}

.success {
background: #D1EED1;
border: #BFE7BF 1px solid;
padding: 10px 20px;
}

/* Page Contact R9 (Nuage d annonces) */
.contact-nuage-annonce {
margin-top: 40px;
}

.ClassAnnonceNuage {
padding: 0 0 5px !important;
margin: .5em 0;
border-bottom: #eee 1px solid;
font-size: 0.9em;
}

#TitreLocalisation {
padding: 20px !important;
background: #e5e5e5;
margin-top: 20px;
text-align: center;
}

#TitreLocalisation a {
display: inline-block;
vertical-align: top;
margin-bottom: 10px;
}

img.PhotoNuage {
display: block;
max-width: 104px;
height: auto;
border: #fff 3px solid !important;
}

/* Elargir recherche */
.detail-elargir-recherche {}

#ElargirRecherche {}

.detail-elargir-recherche a:link,
.detail-elargir-recherche a:visited {}

.detail-elargir-recherche a::before {
content: "> ";
}

.detail-elargir-recherche a:hover,
.detail-elargir-recherche a:active {
text-decoration: none;
}

.ref-elargir-annonces strong {}

.ref-elargir-annonces ul {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
list-style: none;
}

.ref-elargir-annonces ul li {
margin-bottom: 4px;
padding-bottom: 4px;
border-bottom: 1px dashed #ccc;
color: #424242;
}

/* Ref-naturel */
.ref-plan-liste .Listeliensmotscles {
font-size: 0.9em;
}

/* Listing ville */
.liste-navpage-container .PagePre a,
.liste-navpage-container .PagePre a:hover,
.liste-navpage-container .PageSui a,
.liste-navpage-container .PageSui a:hover {
background-color: transparent;
width: 12px;
height: 22px;
display: inline-block;
vertical-align: top;
text-decoration: none;
}

/* Listing Similaire */
.ClassAnnonceSimilaire {
padding: 0 0 5px !important;
margin: .5em 0;
border-bottom: #ccc 1px solid;
font-size: 0.9em;
}

/* Listing Expression */
.ville_expression {
padding: 0 !important;
}

/* Listing Photo */
.ref-listing-photo-container ul {
padding: 0;
}

.ref-listing-photo-container ul li {
padding: 0;
background: none;
float: left;
margin: 0 10px 10px 0;
list-style-image: none;
list-style-type: none;
}

/* Liste famille (page plan) */
.ref-plan-liste-famille ul {
border-bottom: 1px dashed #e0e0e0;
padding-bottom: 15px;
}

.ref-plan-liste-famille span {
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
color: #474747;
}

/* Miniliste deroulant */
.miniliste-deroulant {
margin: 30px 0 20px;
position: relative;
z-index: 1;
}

.miniliste-deroulant .custom-select-container {
float: left;
margin-right: 3%;
width: 48%;
text-align: left;
}

.miniliste-deroulant .css-deroulant ul span {
width: 98% !important;
}

.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 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;
}

.css-deroulant:hover ul span:after {
-ms-transform: rotate(0deg);
/* IE 9 */
-webkit-transform: rotate(0deg);
/* Chrome, Safari, Opera */
transform: rotate(0deg);
}

.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;
}

/* Label ID Ville ( Form rech Ré ff) */
.form-idville {
display: inline-block;
background: #f4f4f4;
color: #000;
margin-top: 5px;
text-transform: none;
font-family: "Metropolis Light", sans-serif;
}

.form-idville a {
color: #919191 !important;
padding: 5px;
}

.form-idville span span {
display: inline-block;
width: 15px;
height: 15px;
color: #fff;
line-height: 16px;
font-size: 10px;
text-align: center;
margin-right: 6px;
background: #17242f;
cursor: pointer;
}

.form-critere.checkbox-ref li {
margin-bottom: 3px;
margin-right: 10px;
padding-left: 0;
background: none;
display: inline-block;
vertical-align: top;
}

.white-form .checkbox-ref .custom-checkbox {
padding-bottom: 5px;
}

/* Label ListBiens( Form rech Ré f - Quartiers) */
.liste-biens-labels {
list-style: none;
}

.liste-biens-labels li {
display: inline-block;
margin: 5px 10px 5px 0;
}

.liste-biens-labels a {
display: inline-block;
background: #ddd;
color: #414141 !important;
padding: 5px;
text-decoration: none !important;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.liste-biens-labels a:hover {
background-color: #bababa;
}

/* 4.5.2 Ré f Page Arbo
----------------------------------------------------------------------------------------------------*/
/*-- Generalites --*/
.pied-ref-arbo {
display: none;
visibility: hidden;
/* Desactivation du Ref Page Arbo sur toutes les langues sauf le françaiis */
}

.fr .pied-ref-arbo {
display: block;
visibility: visible;
}

.pied-ref-arbo ul {
list-style: none;
margin: 7px 0 0;
padding: 7px 0 0;
border-top: #cfdadc 1px solid;
}

.pied-ref-arbo li {
display: inline-block;
vertical-align: top;
width: 228px;
font-size: .90%;
}

.ref-page-arbo-article {
margin-bottom: 20px;
}

.ref-page-arbo-article h3 {
margin-bottom: 10px;
}

.ref-page-arbo-article p {
text-align: justify;
}

.ref-page-arbo-image {
margin: 12px 0 10px;
width: 99%;
height: auto;
border: 3px solid #FFF;
box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.32);
overflow: hidden;
}

.ref-page-arbo-image img {
width: 100%;
height: auto;
}

/*-- Menu fleches --*/
.ref-page-arbo-menu .sf-menu {
margin: 0;
padding: 0;
background-image: none;
text-align: left;
}

.ref-page-arbo-menu .sf-menu .ref-page-arbo-menu-liste {
position: relative;
display: inline-block;
vertical-align: top;
margin-right: 1%;
}

.ref-page-arbo-menu .sf-menu li {
display: inline-block;
vertical-align: top;
background: #17242f;
text-transform: uppercase;
font-weight: bold;
padding: 0 10px;
margin: 0 6px 8px 0;
line-height: 26px;
font-size: 0.8em;
}

.ref-page-arbo-menu .sf-menu .fleche {
width: 0;
height: 0;
border: 13px solid rgba(0, 0, 0, 0);
border-left: 7px solid #17242f;
display: inline-block;
vertical-align: top;
position: absolute;
top: 0;
right: -14px;
}

.ref-page-arbo-menu .sf-menu li a:link,
.ref-page-arbo-menu ul.sf-menu li a:visited {
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
display: block;
}

.ref-page-arbo-menu .sf-menu li a:hover,
.ref-page-arbo-menu ul.sf-menu li a:active {
color: #d3d3d2;
}

.ref-page-arbo-menu .sf-menu li:hover ul,
.ref-page-arbo-menu .sf-menu li.sfHover ul {
left: 0;
top: 26px;
/* match top ul list item height */
z-index: 99;
background-color: #17242f;
box-shadow: 0 0 8px rgba(0, 0, 0, .5);
margin: 0;
padding: 4px 0;
}

.ref-page-arbo-menu .sf-menu ul {
width: 220px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

.ref-page-arbo-menu .sf-menu ul li {
width: 200px;
padding: 0 10px 4px;
text-align: left;
background: none;
line-height: 1.231;
}

.ref-page-arbo-menu .sf-menu li.sfHover li a:link,
.ref-page-arbo-menu .sf-menu li.sfHover li a:visited {
background: none;
padding-bottom: 6px;
color: #444;
border-left: none;
border-top: none;
border-right: none;
border-bottom: #ccc 1px solid;
display: block;
text-shadow: none;
}

.ref-page-arbo-menu .sf-menu li.sfHover li a:hover,
.ref-page-arbo-menu .sf-menu li.sfHover li a:active {
color: #17242f;
}

.ref-page-arbo-menu .sf-menu li a:hover,
.ref-page-arbo-menu ul.sf-menu li a:active {
background: #17242f;
text-decoration: none;
}

/* Partenaires */
.pied-ref-partners ul {
margin: 0;
padding: 0 0 10px;
border-top: 1px solid #cfdadc;
}

.pied-ref-partners li {
display: inline-block;
vertical-align: top;
margin: 0 10px;
padding-right: 14px;
line-height: 1.5;
color: #918d86;
}

.pied-ref-partners li:first-child,
.pied-ref-partners li:last-child {
background-image: none;
}

/* 4.5.3 Ré f Page Ville
----------------------------------------------------------------------------------------------------*/
/* Generalites */
.ref-page-ville .leftside-page,
.ref-page-ville .rightside-page {
width: 48%;
margin-top: 10px;
}

.ref-page-ville .leftside-page {
padding-right: 2%;
}

.ref-page-ville .rightside-page {
padding-right: 0;
}

.fil-ariane ul {
padding: 0;
}

.fil-ariane li {
list-style: none;
display: inline-block;
vertical-align: middle;
}

.bloc-left {
background-color: #fff;
border: 1px solid #ccc;
padding: 10px 2%;
width: 97%;
margin-top: 20px;
}

.bloc-left .heading6 {
margin: 0;
color: #17242f;
}

.bloc-left ul {
margin: 5px 0 0;
}

.infos-ville,
.ref-side-biens,
.others {
background-color: #fff;
padding: 10px 2%;
width: 96%;
margin-bottom: 20px;
}

.infos-ville .heading3 {
text-transform: uppercase;
}

.infos-ville p span {
color: #17242f;
}

/* Ré f Side biens */
.ref-side-biens {
border: 1px solid #ccc;
margin-top: 20px;
}

.ref-side-biens-nb {
font: 140%/1.231 Helvetica, Arial, sans-serif;
color: #A0A0A0;
letter-spacing: -1px;
}

.ref-side-biens-nb a:link,
.ref-side-biens-nb a:visited {}

.ref-side-biens-nb a:hover,
.ref-side-biens-nb a:active {
color: #17242f;
background: none;
}

.ref-side-biens-ville {
font: 120%/25px Helvetica, Arial, sans-serif;
color: #9b9b9b;
text-transform: uppercase;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 2px solid #e6e8e9;
}

.ref-side-biens .large-flap-container {
overflow: hidden;
width: 100%;
height: 510px;
margin-bottom: 20px;
cursor: pointer;
position: relative;
text-align: center;
}

.home-panes {
width: 100%;
}

.ref-thumbs {
width: 96%;
height: 100px;
text-align: left;
padding: 7px 2%;
margin-bottom: 10px;
overflow: hidden;
background-color: #eee;
}

.ref-thumbs-img-frame {
width: 35%;
height: 100px;
float: left;
overflow: hidden;
}

.ref-thumbs-img-frame img {
width: 100%;
height: auto;
}

.ref-thumbs-content {
margin-left: 38%;
color: #000;
}

.ref-thumbs-text {
color: #656565;
margin: 18px 0 0;
}

.ref-thumbs-price {
font-weight: bold;
color: #17242f;
font-size: 1.1em;
}

.ref-thumbs-price a:link,
.ref-thumbs-price a:visited {
color: #17242f;
text-decoration: none;
background: none;
}

.ref-thumbs-price a:hover,
.ref-thumbs-price a:active {
color: #17242f;
text-decoration: none;
background: none;
}

/* Villes autour de */
.others {
border: 1px solid #ccc;
}

.others ul {
padding: 0;
margin: 10px 0 0;
}

.others ul li {
background: #eee;
margin-bottom: 4px;
list-style: none;
}

.others ul li:hover {
background: #4a4a4a;
}

.others ul li a {
display: inline-block;
vertical-align: top;
width: 100%;
padding: 5px;
}

.others li a:link,
.others li a:visited {
color: #A0A0A0;
}

.others li a:hover,
.others li a:active {
text-decoration: none;
color: #fff;
}

.page-content .others ul li {
margin-bottom: 0;
}

/* 4.5.4 Module de News
----------------------------------------------------------------------------------------------------*/
.news-liste-container {
margin-bottom: 20px;
border-bottom: 1px dashed #ccc;
padding-bottom: 15px;
margin-top: 20px;
}

.news-liste-title {
color: #17242f;
font: 120%/1.6em "Metropolis Bold", sans-serif;
letter-spacing: .1em;
text-transform: uppercase;
margin: 1em 0;
}

.news-liste-content {
margin-top: 10px;
}

.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;
}

/*  .news-liste-photo { width: 29%; float: left; display: inline; overflow: hidden; margin: 0 4% 10px 0; }
*/
.news-liste-photo .grd_photo_news {
width: 160px;
height: 120px;
}

.news-liste-text p {
padding: 0 0 10px;
margin: 0;
text-align: justify;
}

.news-liste-desc a {}

.news-buttons li {
margin: 0;
background-image: red !important;
list-style-image: none !important;
display: inline-block;
font-size: 0.8em;
margin-right: 5px;
}

.news-liste-file a:link,
.news-liste-file a:visited {
color: #17242f;
text-transform: uppercase;
background: none;
}

.news-liste-file a:hover,
.news-liste-file a:active {
color: #17242f;
}

.news-liste-attached .thumbs-flap-container .is-flap {
margin-top: 10px;
margin-right: 10px;
float: left;
}

.news-liste-attached {
margin-top: 10px;
}

.news-liste-attached p {
margin-top: 5px;
}

.news-liste-attached ul {
list-style: none;
margin: 0;
}

.news-liste-attached ul li {
display: inline-block;
vertical-align: top;
margin-right: 10px;
padding: 0;
overflow: hidden;
background: none;
}

.news-liste-attached .mini_photo_news {
width: 80px;
max-width: 80px;
height: auto;
max-height: 80px;
}

.news-liste-file a:link,
.news-liste-file a:visited {
display: inline-block;
vertical-align: top;
margin-top: 5px;
padding: 7px 11px 0 12px;
height: 24px;
background-color: #000;
color: #fff;
font-family: 'Metropolis Regular', Helvetica, Arial, sans-serif;
text-transform: none;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}

.news-liste-file a:hover,
.news-liste-file a:active {
background-color: #17242f;
text-decoration: none;
}

/* Perso News */
.news-liste-container .large-flap-container {
width: 29%;
max-width: 250px;
float: left;
display: inline-block;
overflow: hidden;
margin: 0 2% 10px 0;
overflow: hidden;
min-height: 200px;
/* Dimension des images voir numage.txt */
}

.news-liste-container .large-flap-container.empty-slideshow {
display: none;
}

.news-liste-container .thumbs-flap-container {
background: transparent url(/images/shadow-full-horizontale.png) no-repeat 50% 0;
}

.news-liste-photo img.photo-large {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}

.news-liste-attached img.photo-thumbs {
width: 100px !important;
max-width: 100px !important;
max-height: 78px !important;
}

/*-- 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-left: 0;
-webkit-border-radius: 0.5px;
border-radius: 0.5px;
}

.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: 0.5px;
border-top-left-radius: 0.5px;
}

.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: 0.5px;
border-top-right-radius: 0.5px;
}

.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: 0.5px;
border-bottom-left-radius: 0.5px;
}

.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: 0.5px;
border-bottom-right-radius: 0.5px;
}

.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: 0.5px;
border-top-left-radius: 0.5px;
}

.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: 0.5px;
border-top-right-radius: 0.5px;
}

.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;
}

/* ==========================================================================
4.7 SVG MAP
========================================================================== */
.side-map-content {
position: relative;
}

/* Bouton dom tom */
.domtom-display {
position: absolute;
bottom: 0;
left: 0;
padding: 5px 10px 3px;
text-transform: uppercase;
color: #fff;
background: #454545;
background: transparent url(/images/bg-black20.png) repeat;
z-index: 1;
cursor: pointer;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}

.domtom-display:hover {
color: #fff;
background: #54b6da;
background: transparent url(/images/bg-black20.png) repeat;
}

path {
cursor: pointer;
}

shape {
cursor: pointer;
}

.svg-map {
height: 370px
}

.svg-map-container {
position: relative;
margin-top: 30px;
}

.svg-map-france {
width: 100%;
height: 280px;
position: relative !important;
}

.svg-map-domtom-container {
position: absolute;
top: 50%;
left: 50%;
margin: -150px 0 0 -150px;
width: 260px;
height: 260px;
padding: 20px;
background: transparent url(/images/bg-black50.png) repeat;
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: transparent url(/images/bg-black50.png) repeat;
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,
.ipad-close {
width: 26px;
height: 26px;
position: absolute;
top: -10px;
right: -14px;
cursor: pointer;
z-index: 9999;
background-color: #17242f;
line-height: 26px;
text-align: center;
color: #FFF;
-webkit-border-radius: 26px;
border-radius: 26px;
font-size: 10px;
}

/* ==========================================================================
4.8 PRE FOOTER
========================================================================== */
/*-- Adresse --*/
.pied-adresse {
font: 1.2em/1em 'Metropolis Regular', Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 40px 0 0;
display: inline-block;
vertical-align: top;
text-align: center;
width: 100%;
background-repeat: no-repeat;
background-position: center;
padding: 60px 0 0;
}

.pied-adresse hr {
margin: 15px auto !important;
width: 80px;
border-top: 6px 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: 1.4em 'Metropolis Bold', Helvetica, Arial, sans-serif;
width: 100%;
margin-bottom: 10px;
}

.pied-agence-adr {
width: 100%;
}

.pied-agence-btn {
width: 100%;
margin-top: 20px;
font-size: 0.85em;
}

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

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

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

.social-menu li {
display: inline-block;
vertical-align: top;
margin-left: 5px;
padding: 0 !important;
margin-right: 5px;
}

.social-menu ul li:first-child {
margin-left: 0;
}

/* Boutons ronds White or Color*/
.social-menu li a.social-circle,
.social-menu li span.social-circle {
width: 32px;
height: 32px;
display: inline-block;
vertical-align: top;
cursor: pointer;
color: #FFF;
font-size: 28px;
line-height: 35px;
text-align: center;
border: 1px solid #fff;
-webkit-border-radius: 32px;
border-radius: 32px;
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;
}

.social-menu li a:hover.social-circle,
.social-menu li span:hover.social-circle {
background: #34597f;
border-color: #34597f;
}

.social-menu li a.social-circle-color,
.social-menu li span.social-circle-color {
width: 32px;
height: 32px;
background: #17242f;
display: inline-block;
vertical-align: top;
cursor: pointer;
color: #FFF;
font-size: 28px;
line-height: 35px;
text-align: center;
-webkit-border-radius: 32px;
border-radius: 32px;
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;
}

.social-menu li a:hover.social-circle-color,
.social-menu li span:hover.social-circle-color {
background: #34597f;
}

.social-menu li a.social-circle-dark,
.social-menu li span.social-circle-dark {
width: 32px;
height: 32px;
background: #17242f;
display: inline-block;
vertical-align: top;
cursor: pointer;
color: #FFF;
font-size: 28px;
line-height: 35px;
text-align: center;
-webkit-border-radius: 32px;
border-radius: 32px;
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;
}

.social-menu li a:hover.social-circle-dark,
.social-menu li span:hover.social-circle-dark {
background: #17242f;
}

/* Boutons like */
.social-menu li.footer-badge {
padding-top: 5px !important;
}

.social-menu li.social-clear {
display: none;
clear: none;
}

.social-menu li.badge-ggplus {
margin-left: 20px;
padding-top: 7px;
}

.social-menu li.badge-tweeter {
padding-top: 7px;
}

.social-menu li.badge-linkedin {
padding-top: 7px;
}

.social-menu li.badge-facebook {
padding-top: 7px;
}

/* Badges en fiche detail / lsite news/ detail news */
ul.likes-badges {
padding: 0;
}

.detail ul.likes-badges {
padding: 10px 0;
}

ul.likes-badges li {
list-style-type: none;
list-style-image: none;
display: inline-block;
vertical-align: top;
}

.social-like,
.social-share {
float: left;
}

/*-- Footer Menu --*/
.footer-menu {
margin: 30px 0;
text-align: center;
color: #838383;
font-family: 'Metropolis Regular', Arial, sans-serif;
}

.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;
}

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

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

/*-- Quotes --*/
.quotes {
position: absolute;
height: 50px;
width: 50px;
font-size: 30px;
}

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

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

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

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

/*-- Message responsive --*/
.message-responsive {
font: 1.em/1.6em 'Metropolis Light', Arial, sans-serif;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
min-height: 45px;
color: #84909f;
}

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

/*
// ========================================== \\
||  ||
||   V. MON COMPTE  ||
||  ||
\\ ========================================== //
*/
/* 5.1 Identification
----------------------------------------------------------------------------------------------------*/
.form-submit-creation {
margin-top: 15px;
}

#MyaCreate .bulle-gratuit {
position: absolute;
right: 20px;
top: -20px;
display: block;
}

/* 5.2 Generalites
----------------------------------------------------------------------------------------------------*/
.leftside-menu-mya {
width: 27%;
float: left;
margin-top: 30px;
padding-right: 2%;
}

.rightside-page-mya {
width: 69%;
float: right;
margin-top: 30px;
}

/* 5.3 Menu : Colonne de gauche
----------------------------------------------------------------------------------------------------*/
.side-mya {
background-color: #4a4a4a;
padding: 30px 5%;
height: auto;
}

.side-mya-texte p {
color: #fff;
}

.side-mya-texte ul {
color: #ccc;
}

.side-mya-login form label {
color: #fff;
}

.side-mya-menu ul {
list-style: none;
margin: 0 0 20px;
padding: 0;
}

.page-container .side-mya-menu ul li {
border-bottom: 1px solid #6c6c6c;
padding: 8px 0;
list-style: none;
text-transform: uppercase;
}

.side-mya a:link,
.side-mya a:visited {
color: #ccc;
text-decoration: none;
font: 1em/1.231 'Metropolis Bold', Helvetica, Arial, sans-serif;
}

.side-mya a:hover {
color: #fff;
}

.side-mya .submit-classique {
text-transform: uppercase;
font-size: 80% !important;
}

/* Bouton menu toogle */
.side-mya-menu-btn span {
display: inline-block;
background-color: #17242f;
color: #FFF;
font: 1.2em "Metropolis Bold", Arial, Helvetica, Geneva, sans-serif;
text-transform: uppercase;
padding: 6px 9px;
-webkit-border-radius: 0.5px;
border-radius: 0.5px;
cursor: pointer;
float: right;
display: none;
}

.side-mya-menu-btn .icon {
margin-right: 10px;
font-size: 0.7em;
}

/* 5.4 Tableau de bord
----------------------------------------------------------------------------------------------------*/
.mya-widget-container {
height: 100%;
display: inline-block;
}

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

.mya-widget a:link,
.mya-widget a:visited {
display: inline-block;
width: 100%;
text-align: center;
font: 115%/1.15em "Metropolis Regular", Arial, sans-serif;
color: #454545;
text-decoration: none;
background-color: #FFF;
border: 1px solid #f0f0f0;
height: 165px;
-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;
}

.mya-widget .icon {
font-size: 2.5em;
margin: 30px 0;
display: inherit;
height: 40px;
color: #17242f;
-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;
}

.mya-widget a:hover {
color: #FFF;
background-color: #17242f;
text-decoration: none;
}

.mya-widget a:hover .icon {
color: #fff;
margin: 35px 0;
}

.mya-widget .icon-alerte-email {
font-size: 3.2em;
}

.mya-widget .icon-rss {
font-size: 3.2em;
}

/* 5.5 Mon compte
----------------------------------------------------------------------------------------------------*/
/* 5.6 Ma selection
----------------------------------------------------------------------------------------------------*/
/* 5.7 Mes alertes
----------------------------------------------------------------------------------------------------*/
.mya-alerte-vide p {
margin-bottom: 20px;
}

.mya-alerte-block .mya-alerte-block {
border: 1px solid #e7e7e7;
padding: 10px;
margin-bottom: 20px;
-webkit-border-radius: 0.5px;
border-radius: 0.5px;
background-color: #fafafa;
}

.mya-alerte-block form {
margin-bottom: 15px;
}

.mya-alerte-btn {
float: right;
width: 20%;
}

.mya-alerte-btn li {
margin-bottom: 10px;
list-style-image: none;
list-style-type: none;
}

.mya-alerte-date {
font-style: italic;
color: #9c9c9c;
margin-bottom: 5px;
}

.mya-alerte-date.active {
color: #1cba2b;
}

.mya-alerte-block-resume {
float: left;
width: 75%;
padding-top: 10px;
}

.mya-alerte-block-resume a {
color: inherit !important;
}

/* 5.8 Ma derniere recherche
----------------------------------------------------------------------------------------------------*/
.mya-lastsearch-block {
font-size: 1em;
margin-top: 10px;
}

.mya-lastsearch-block .simple-btn {
margin-top: 30px;
}

/*
// ========================================== \\
||  ||
||   VI. MINISITE   ||
||  ||
\\ ========================================== //
*/
/*-- Liste --*/
.listenego-display {
margin-bottom: 20px;
}

.listenego-display .input-text {
width: 45%;
}

.agents .svg-map-france {
height: 350px;
}

.liste-nego-container {
width: 46%;
padding: 20px 1% 10px;
float: left;
margin: 1% 0 10px 2%;
background: #FFF;
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
}

.liste-nego-photo {
width: 28%;
float: left;
height: 190px;
overflow: hidden;
}

.liste-nego-photo img {
width: 90%;
}

.liste-nego-desc .heading3 {
line-height: 1.1em;
margin-bottom: 5px;
font: 1.3em 'Metropolis Bold', Arial, sans-serif;
color: #17242f;
}

.liste-nego-tel {
color: #17242f;
font-size: 1em;
line-height: 1.231;
}

ul.liste-nego-buttons {
margin: 20px 0 0;
padding: 0;
display: inline-block;
text-align: left;
font-size: .8em;
}

.liste-nego-buttons li {
list-style: none;
display: inline-block;
vertical-align: top;
}

.liste-nego-buttons li:first-child {
margin-right: 5px;
}

.liste-nego-buttons li a:link.submit-classique,
.liste-nego-buttons li a:visited.submit-classique {
display: block;
padding: 11px 11px 0 12px;
}

.liste-nego-desc {
display: inline-block;
float: left;
width: 70%;
padding-top: 20px;
}

.agent-desc-container {
text-align: justify;
}

.agent-desc-container img {
width: 100%;
margin: 10px 0;
}

.minisite .leftside-page {
width: 70%;
float: right;
padding-right: 0;
}

.minisite .rightside-page {
width: 25%;
float: left;
padding-left: 0;
}

.minisite .illustration-aside {
max-width: 190px;
border: 5px solid #dadada;
margin: 0px auto;
}

.minisite .illustration-aside a.bulle-me-contacter {
right: -57px;
}

li.agent-mail {
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.agent-slogan a.agent-link {
font-size: 1em;
color: #17242f;
text-transform: uppercase;
}

.minisite .liste-container hr {
width: 100%;
}

.minisite .filters-container {
margin: 0 0 10px;
}

.liste-bien-description.mode-pict li:first-child {
margin-bottom: 5px;
}

.bg-liste-shadow,
.bg-liste-minisite {
background-size: 100%;
}

.minisite-liste .liste-bien-photo.mode-pict .liste-bien-photo-frame img {
height: 100%;
width: auto;
}

.minisite-liste .liste-bien-container {
width: 99%;
}

/*
// ========================================== \\
||  ||
||   VII. FOOTER ||
||  ||
\\ ========================================== //
*/
#footer {
background: #17242f;
color: #fff;
padding: 0;
position: relative;
bottom: 0;
width: 100%;
box-sizing: border-box;
}

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

#footer section.map-agence-properties {
padding: 20px 5%;
}

/* 7.2 Menu
----------------------------------------------------------------------------------------------------*/
.pied-menu {
color: #84909f;
padding: 10px 0 0;
margin: 20px 0;
font-size: 1em;
}

.container-link-mentions {
padding-left: 25px;
}

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

.pied-menu-left {
float: left;
width: 50%;
text-align: left;
}

.pied-menu-right {
float: right;
width: 50%;
text-align: right;
}

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

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

.pied-menu a,
.pied-menu a:link,
.pied-menu a:visited {
white-space: nowrap;
color: #84909f;
-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;
}

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

/* Signature Adapt */
.sign-adapt {
display: inline-block;
text-align: left;
margin: 10px 0;
}

.sign-adapt ul {
border-left: 1px dotted #838383;
padding-left: 4px;
float: right;
}

.sign-adapt li {
display: block;
font-size: 10px;
line-height: 13px !important;
margin: 0;
padding: 0;
}

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%;
}

a:hover.logo-adapt-footer {
text-decoration: none !important;
}

/* 7.3 Badges Ré seaux Sociaux
----------------------------------------------------------------------------------------------------*/
#pied-social {
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom-width: 1px;
border-bottom-style: solid;
}

/* Logos
.pied-share {float:left; width:490px; text-transform: uppercase; min-height: 1px; }

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

.pied-logos {float:left; width:490px; }
 */
/* Partage
.share-badges { color:#0eb1da; }

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

.share-badges li{ display:inline-block;   vertical-align: top; font: 12px/1.231 Helvetica, Arial, sans-serif; }

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

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

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

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

.share-badges .link-hover{ text-transform: uppercase; color:#eee; cursor:pointer; }
 */
/* Likes
.likes-badges { padding-left: 0; margin-top: 30px;}

#footer .likes-badges { text-align: right;  }

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

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

.likes-badges li.badge-facebook{  }

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

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

.likes-badges li.badge-linkedin{  }
 */
/*
// ========================================== \\
||  ||
||  VIII. FORMULAIRES   ||
||  ||
\\ ========================================== //
*/
/* 8.1 Generalites
----------------------------------------------------------------------------------------------------*/
form {}

form label {
cursor: pointer;
}

input,
textarea {
background: #fff;
-webkit-box-shadow: inset 0 0 0 0 #fff;
box-shadow: inset 0 0 0 0 #fff;
height: 41px !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* form-critere englobe chaque champs dans un article */
.lt-ie9 input,
.lt-ie9 .white-form .input-text,
.lt-ie9 .white-form input,
.lt-ie9 .white-form textarea {
vertical-align: bottom;
}

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

.input-text,
textarea,
input {
width: 100%;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 2px !important;
border-radius: 2px !important;
font-family: 'Metropolis Light', sans-serif;
}

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

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

.home input:focus {
color: #fff !important;
font-family: 'Metropolis Regular', sans-serif;
}

input:focus {
color: #000
}

.form-rubrique {
display: inline-block;
color: #000;
white-space: nowrap;
padding-top: 12px;
}

/* label contact */
.form-extend {
margin-top: 10px;
}

/* englobe form-submit-container */
.form-submit-container {
position: relative;
height: 35px;
min-height: 35px;
margin: 10px 0 0;
}

/* contient le bouton et la mention champs obligatoires */
.form-critere-title,
.form-critere-title-left {
padding-bottom: 3px;
display: inline-block;
margin-right: 1%;
vertical-align: top;
line-height: 1em;
}

/* zone du label contact */
.form-critere-content {
display: inline-block;
vertical-align: top;
}

/* zone du input contact */
.form-critere-content.aright {
text-align: right;
}

.error-form {
border-color: #e9322d !important;
-webkit-box-shadow: 0 0 6px #f8b9b7 !important;
-moz-box-shadow: 0 0 6px #f8b9b7 !important;
box-shadow: 0 0 6px #f8b9b7 !important;
color: #b94a48 !important;
}

/*-- Ligne de formulaire avec 2 champs cote cote ex : surface max et mini --*/
.form-critere-content .unite {
width: 12%;
}

/*-- Formulaire en 2 colonnes --*/
.main-content-demicol {
float: left;
width: 46%;
margin-top: 20px;
position: relative;
}

.main-content-demicol hr {
border-top: 1px dashed #cccccc;
}

.title-form {
padding-top: 5px;
padding-bottom: 15px;
border-bottom: 1px dashed #dfdfdf;
}

.title-form .icon-pen {
margin-right: 10px;
color: #898989;
font-size: 1.2em;
vertical-align: middle;
}

.lt-ie8 .main-content-demicol:first-child {
width: 45%;
/* Sinon ça passe à la ligne sous IE7 */
}

.main-content-demicol:first-child {
margin-right: 8%;
width: 46%;
}

.main-content-demicol .form-critere-title {
white-space: nowrap;
}

/* zone du label contact */
/*-- Tailles des label (form-critere-title) --*/
.label-tiny {
width: 10%;
}

.label-xtiny {
width: 15%;
}

.label-smaller {
width: 20%;
}

.label-small {
width: 25%;
}

.label-medium {
min-width: 30%;
}

.label-xmedium {
width: 35%;
}

.label-xxmedium {
width: 40%;
}

.label-large {
width: 50%;
}

.label-xlarge {
width: 60%;
}

.label-xxlarge {
width: 70%;
}

.label-larger {
width: 80%;
}

.label-largest {
width: 90%;
}

.label-full {
width: 100%;
margin-bottom: 4px;
}

/*-- Tailles des input (form-critere-content) --*/
.input-tiny {
width: 7%;
}

.input-xtiny {
width: 17%;
}

.input-smaller {
width: 27%;
}

.input-small {
width: 37%;
}

.input-medium {
width: 47%;
}

.input-xmedium {
width: 57%;
}

.input-xxmedium {
width: 62%;
}

.input-large {
width: 67%;
}

.input-xlarge {
width: 72%;
}

.input-xxlarge {
width: 77%;
}

.input-larger {
width: 82%;
}

.input-largest {
width: 87%;
}

.input-full {
width: 100%;
}

/* Bouton radio */
.form-critere-typerech {
display: inline-block;
vertical-align: middle;
}

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

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

/* Checkbox */
.form-highlight-items {
display: inline-block;
vertical-align: top;
margin: 7px 7px 0 0;
}

.form-highlight-items input {
width: auto;
}

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

input.submit-classique,
a.submit-classique,
.white-form input.submit-classique {
background-color: #17242f;
height: 35px;
padding: 0 4%;
border: none;
color: #fff;
font: 1em/1em 'Metropolis Regular', sans-serif;
letter-spacing: 0.05em;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
filter: dropshadow(color=#e5e5e5, offx=1, offy=1);
-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;
}

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

input.detail-submit-envoi {
float: right;
margin-right: 5px;
}

.form-submit-maj {
float: right;
}

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

.custom-select-container {
width: 100%;
border: 1px solid #e1e1e1;
background: #FFF;
position: relative;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.custom-select-choice {
height: 40px;
line-height: 3em;
margin-left: 6px;
padding: 0 26px 0 4px;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
z-index: 1;
position: relative;
}

.custom-select-choice: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;
}

/* Pour les champs foncé s */
.custom-select-white .custom-select-choice:after {
background-image: url(/images/bg-custom-selector-white.png);
background-image: -webkit-image-set(url(/images/bg-custom-selector-white.png) 1x, url(/images/bg-custom-selector-white@2x.png) 2x);
background-image: image-set("/images/bg-custom-selector-white.png" 1x, "/images/bg-custom-selector-white@2x.png" 2x);
}

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

.custom-select-list {
z-index: 1001;
width: 100%;
padding: 0;
display: none;
overflow: auto;
max-height: 350px;
position: absolute;
}

.form-critere-type .custom-select-list,
.elargir .custom-select-list {
max-height: inherit;
}

.custom-select-list ul li {
display: block;
padding: 10px 0 10px 10px;
margin: 0;
cursor: pointer;
float: none;
background: transparent;
border-top: 1px solid #e3e2e2;
color: #17242f;
}

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

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

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

/* 8.2 Custom Checkbox / Radios / Select
----------------------------------------------------------------------------------------------------*/
/* Checkbox */
.custom-input {
clip: rect(0, 0, 0, 0);
position: absolute !important;
outline: none;
z-index: -999;
}

/*-- Formulaires pour les sites clairs (classe white-form) --*/
.white-form {
color: #000;
}

.white-form .input-text,
.white-form input,
.white-form textarea {
background-color: #fff;
border: 1px solid #dfdddb;
text-align: left;
outline: none;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: inset 0 0 0 0 #fff;
box-shadow: inset 0 0 0 0 #fff;
color: #999797;
}

.white-form .input-text:focus {
color: #000;
border: none;
border: 1px solid #ccc;
}

.white-form .input-text {
height: 33px;
padding-top: 2px;
line-height: 1em;
}

/* meme hauteur pour les input que les champs select */
.white-form textarea {
height: 90px !important;
line-height: 2.9em;
padding-top: 10px !important;
}

.white-form .required {
color: #17242f;
font-weight: bold;
margin: 0 2px;
}

/* etoile obligatoire */
.white-form .unite {
font-size: 0.9em;
}

.white-form .legend {
color: #838383;
font-style: italic;
}

.white-form .input-place-holder {
color: #999797;
}

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

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

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

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

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

.mya .white-form .custom-radio {}

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

/* Select */
.white-form .custom-select-list {
background: #ffffff
}

.boxshadow .white-form .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 .white-form .custom-select-list {
border-bottom: #ccc 1px solid;
}

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

/* 8.3 Formulaire commun a toutes les pages
----------------------------------------------------------------------------------------------------*/
/*--  Bouton  affiche / masque le moteur de recherche en resposnive --*/
.search-responsive-btn {
display: none;
padding: 10px 0%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}

.search-responsive-btn span {
display: inline-block;
color: var(--color-primary);
font-family: "Metropolis Bold", Arial, Helvetica, Geneva, sans-serif;
font-size: 1.1em;
cursor: pointer;
}

.search-responsive-btn .icon {
font-size: 1.3em;
vertical-align: middle;
margin-right: 5px;
}

/*-- Top Form --*/
.bloc-minimoteur {
background-color: white;
position: relative;
}

.masque-rech {
width: 100%;
padding: 15px 3%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/*#top.scroll-to-fixed-fixed .masque-rech{padding-top:10px; padding-bottom: 10px;}
*/
.masque-rech .critere-hidden {
display: none;
}

.masque-rech .form-critere {
display: inline-block;
vertical-align: top;
margin-right: 0;
width: 33%;
margin-bottom: 0;
/* margin-top: 10px; */
}

/* Btn More rech */
.btn-more-rech {
width: 13%;
display: inline-block;
position: relative;
cursor: pointer;
text-align: right;
vertical-align: top;
margin-bottom: 10px;
margin-top: 22px;
font-family: "Metropolis Bold", Arial, Helvetica, Geneva, sans-serif;
font-size: 0.9rem;
}

.btn-more-rech span {
background-color: #17242f;
padding: 11px 10px;
color: #FFF;
cursor: pointer;
display: inline-block;
width: 100%;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.btn-more-rech span:before {
content: "Plus de critères ";
background-color: #17242f;
}

.btn-more-rech.btn-more-rech-open span:before {
content: "Moins de critères ";
}

.uk .btn-more-rech span:before {
content: "+ criteria ";
background-color: #17242f;
}

.uk .btn-more-rech.btn-more-rech-open span:before {
content: "- criteria ";
}

.btn-more-rech .icon {
display: inline-block;
margin-left:10px;
font-size: 8px;
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;
}

.btn-more-rech.btn-more-rech-open .icon {
-ms-transform: rotate(-90deg);
/* IE 9 */
-webkit-transform: rotate(-90deg);
/* Chrome, Safari, Opera */
transform: rotate(-90deg);
}

.masque-rech .form-critere-title {
width: 100%;
}

.masque-rech .form-critere-content {
width: 100%;
}

.masque-rech .form-critere-content-demi {
width: 47.8%;
display: inline-block;
vertical-align: top;
}

.masque-rech .form-critere-content-demi-aright {
margin-left: 2.5%;
}

.masque-rech .form-critere-content-un-tiers {
width: 20%;
display: inline-block;
vertical-align: top;
}

.masque-rech .form-critere-content-deux-tiers {
width: 78%;
display: inline-block;
vertical-align: top;
z-index: 1;
vertical-align: middle;
}

.masque-rech .form-critere-content-demi .input-text {
width: 100%;
}

.masque-rech .form-critere-title .form-rubrique {
color: var(--color-primary);
font-family: 'Metropolis Regular', Arial, sans-serif;
padding-top: 8px;
}

.masque-rech span.unite {
color: #a7a7a7;
padding-left: 5px;
}

.masque-rech .lieu-bloc-label {
width: 100%;
height: auto !important;
}

/* Recherche sur carte (dessiné e) */
.geopoly {
text-align: left;
cursor: pointer;
}

/* Or */
.or-geopoly {
width: 100%;
text-align: center;
}

.or-geopoly img {
margin: 0 2%;
}

.or-geopoly span {
display: inline-block;
vertical-align: middle;
border-top: 1px solid #dfdddb;
width: 33%;
}

.text-geopoly {
font: 1.1em/1 'Metropolis Bold', arial, sans-serif;
color: #fff;
margin-top: 24px;
display: inline-block;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 40px;
background: rgba(250, 250, 250, 0.48);
-webkit-border-radius: 2px;
border-radius: 2px;
width: 100%;
text-align: center;
}

.text-geopoly .icon {
margin-right: 10px;
}

/* Dialog Bouton */
#DialogPolyMap {}

.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;
background-image: none !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
font: 0.95em 'Metropolis Bold', sans-serif !important;
color: #FFF !important;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

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-ok,
button.ggmap-polygon-submit {
background-color: #17242f !important;
}

button.ggmap-polygon-clear .ui-button-text::before,
button.ggmap-polygon-remove .ui-button-text::before,
button.ggmap-polygon-ok .ui-button-text::before,
button.ggmap-polygon-submit .ui-button-text::before {}

/*  button.ggmap-polygon-clear .ui-button-text::before {content: "\e91d";}

button.ggmap-polygon-remove .ui-button-text::before {content: "\e906";}

button.ggmap-polygon-ok .ui-button-text::before,
button.ggmap-polygon-submit .ui-button-text::before {content: "\e907";}
*/
.poly-error {
font: 1.5em 'Metropolis Regular', sans-serif !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: 1em 'Metropolis Regular', sans-serif !important;
background-image: url(/images/ill-geoply.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: 1.15em 'Metropolis Bold', sans-serif !important;
font-weight: normal;
color: #17242f;
}

/* Input search en blanc + trait blanc en dessous */
.masque-rech .form-critere-title {
font-family: 'Metropolis Regular', Arial, sans-serif;
color: #FFF;
vertical-align: top;
}

.masque-rech span.form-rubrique {
padding-top: 0 !important;
}

.masque-rech {
text-align: left;
}

.masque-rech .custom-select-container {
width: 100%;
border: none;
border-bottom: 1px solid white;
background: transparent;
position: relative;
-webkit-border-radius: 0px;
color: white;
margin: 0 !important;
border-radius: 0px;
}

.liste .masque-rech .custom-select-container {
width: 100%;
border: none;
border-bottom: 1px solid var(--color-primary);
background: transparent;
position: relative;
-webkit-border-radius: 0px;
color: var(--color-primary);
margin: 0 !important;
border-radius: 0px;
}

.masque-rech .custom-select-choice {
margin: 0;
padding-left: 0;
}

/* .home .masque-rech .custom-select-choice {
font-family: 'Metropolis Bold', Arial, sans-serif;
}
 */
.home 
.masque-rech .input-text,
.home .masque-rech input,
.home .masque-rech textarea {
background-color: transparent;
border: none;
border-bottom: 1px solid #fff;
padding: 0;
text-align: left;
outline: none;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: inset 0 0 0 0 #fff;
box-shadow: inset 0 0 0 0 #fff;
color: #FFF;
}

.liste .masque-rech .input-text,.liste .masque-rech input,
.liste .masque-rech textarea {
background-color: transparent;
border: none;
border-bottom: 1px solid #fff;
padding: 0;
text-align: left;
outline: none;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: inset 0 0 0 0 #fff;
box-shadow: inset 0 0 0 0 #fff;
color: var(--color-primary)!important;
}

.masque-rech .input-unite {
width: 100%;
}

.masque-rech .input-text:focus {
color: #fff;
border: none;
border-bottom: 4px solid #fff;
-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;
}

.masque-rech .input-place-holder {
color: var(--color-primary);
}

.masque-rech .lieu-search-label {
color: var(--color-primary)
}

/* 8.4 Home search
----------------------------------------------------------------------------------------------------*/
.masque-rech.home-form {
width: 21%;
float: right;
margin-right: 5%;
height: 100%;
min-height: 100vh;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: visible;
padding: 0;
}

.masque-rech.home-form form {
display: flex;
justify-content: center;
gap: 2vw;
align-items: flex-start;
flex-wrap: wrap;
width: 100%;
padding-top: 16px;
}

.masque-rech.home-form {
display: flex;
justify-content: center;
gap: 2vw;
align-items: flex-end;
width: 100%;
}

.hidden-criteria-container {
width: 100%;
}

.masque-rech.home-form .form-critere-title {
display: none;
}

.liste .form-critere-input-ville {
padding: 0 !important
}

/* .masque-rech.home-form .input-text {
color: #cca252;
}
 */
.liste .masque-rech {
max-width: 1450px
}

.liste .masque-rech .form-critere {
max-width: 10vw;
}

.liste .piece-min-liste {
display: none !important
}

.masque-rech.home-form .input-place-holder {
color: #FFF;
/* font-size: 16px; */
}

.liste .form-critere-hasvvv label {
color: var(--color-primary)
}

/* .masque-rech .custom-select-choice {
font-size: 16px;
}
 */
.masque-rech.home-form .form-critere {
width: 100%;
max-width: 10vw;
color: #FFF;
}

.masque-rech.home-form .btn-more-rech {
width: 100%;
text-align: left;
margin: 0px 0px;
float: left;
border: 2px solid #fff;
padding: 8px 0;
box-sizing: border-box;
}

.masque-rech.home-form .form-submit-rech {
background: #243A50;
padding: 10px;
border: none;
float: right;
font-family: "Metropolis Bold", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
width: 100%;
text-align: center;
color:white;
}

.masque-rech.home-form .btn-more-rech span {
background: transparent;
width: auto;
padding: 0px;
font-size: 0.8rem;
min-width: 100%;
}

.masque-rech.home-form .btn-more-rech span:before {
content: "Affiner la recherche";
background-color: transparent;
font-family: 'Metropolis Bold', Arial, sans-serif;
font-weight: 700;
white-space: nowrap;
}

.uk .masque-rech.home-form .btn-more-rech span:before {
content: "More criteria ";
}

/* 8.5 Module de lieu
----------------------------------------------------------------------------------------------------*/
/*-- Partie haute --*/
.form-critere-elargir {
width: 10.5%;
margin-right: 0 !important;
}

.lieu-bloc-autocompletion {
height: 41px;
line-height: 3em;
z-index: 1 !important;
}

.masque-rech .lieu .form-critere-title {
width: 14%;
padding-left: 2%;
}

.uk.liste-neuf .masque-rech .lieu .form-critere-title {
width: 17%;
}

.masque-rech .lieu .form-critere-title .form-rubrique {
padding-top: 0;
}

.uk.liste-neuf .lieu-bloc-search input.lieu-input-search {
width: 75%;
}

.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 {
width: 360px !important;
border-bottom: none;
border-top: none;
border-left: none;
border-right: none;
padding: 0;
box-shadow: 0 4px 20px rgba(0, 0, 0, .4);
font-family: "Metropolis Regular", Arial, sans-serif;
border-radius: 0;
max-height: 250px;
overflow-y: auto;
overflow-x: hidden;
}

.ui-autocomplete.ui-widget-content .ui-menu-item a {
padding: 0;
border-radius: 0;
font-size: 0.8em;
line-height: 1.1;
}

.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 {
border-color: #dcdcdc;
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-bloc-label {
padding: 0;
width: 134.5%;
}

.uk .lieu-bloc-label {
width: 130.5%;
}

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

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

.home .lieu-bloc-label-list{position:absolute}

.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;
height: auto !important;
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: #353535;
padding: 3px 20px 3px 5px;
margin: 3px 4px;
position: relative;
cursor: default;
display: inline-block;
line-height: 1.4em;
-webkit-border-radius: 0px;
border-radius: 0px;
background-color: #fff;
font-size: 0.9em;
}

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

.lieu-bloc-label-list-del::after {
display: inline-block;
position: absolute;
right: 4px;
top: 4px;
width: 15px;
height: 15px;
cursor: pointer;
z-index: 10;
cursor: pointer;
content: "";
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;
}

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

.lieu {
z-index: 1000 !important;
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-close {
z-index: 20;
font-size: 8px;
width: 25px;
height: 25px;
position: absolute;
top: -12px;
right: -12px;
content: "x";
}

.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 */
font-style: italic;
font-family: 'Metropolis Bold', Arial, sans-serif;
color: #095276;
border-bottom: #ddd 1px solid;
}

.lieu-result-g {
/* Groupe de villes */
font-family: 'Metropolis Bold', Arial, sans-serif;
color: #555;
}

.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 {
position: absolute;
top: 22px;
left: 20px;
color: #FFF;
z-index: 15;
}

.lieu-bloc-warning-arrow {
height: 20px;
}

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

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

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

/*-- Specificites de la page alerte email --*/
/*
// ========================================== \\
||  ||
||   IX. LINKS  ||
||  ||
\\ ========================================== //
*/
a:link,
a:visited {
color: inherit;
text-decoration: none;
}

a:hover,
a:active {
color: #17242f;
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: #17242f;
}

/*
// ========================================== \\
||  ||
||   X. DIVERS  ||
||  ||
\\ ========================================== //
*/
/* --------- Home Page --------- */
/* 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 */
}

/*.onviewport{opacity: 0;}

.onviewport.animated{opacity: 1;}
*/
#home-intro {
min-height: 100vh;
height: initial;
display: flex;
align-items: flex-end;
justify-content: center;
position: relative;
overflow: visible;
z-index:1;
padding-left: 80px;
}

#home-intro .video-bg-home {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
z-index: -1;
object-fit: cover;
}

/*--Home Slide agence --*/
.home-slide-agence {
background-size: cover;
min-height: 180px;
text-align: center;
position: relative;
width: 100%;
position: relative;
background-color: #17242f
}

.home-slide-agence a {
text-decoration: none;
}

.home-slide-agence .large-flap-container {
overflow: hidden;
width: 100%;
height: 220px;
}

.home-slide-agence-text {
color: #FFF;
}

.home-slide-agence-text .heading2 {
margin: 55px 0 35px;
color: #FFF;
font-family: 'Metropolis Bold', Arial, Helvetica, sans-serif;
}

.home-slide-agence .previous,
.home-slide-agence .next {
display: inline-block;
height: 60px;
width: 60px;
position: absolute;
cursor: pointer;
top: 40%;
-webkit-border-radius: 30px;
border-radius: 30px;
color: #FFF;
text-align: center;
line-height: 65px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-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;
font-size: 22px;
background-color: rgba(255, 255, 255, 0.18);
}

.home-slide-agence .previous:hover,
.home-slide-agence .next:hover {
background-color: #fff;
color: #17242f;
border-color: #fff;
}

.home-slide-agence .previous {
left: 8%;
}

.home-slide-agence .next {
right: 8%;
}

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

.home-slide-agence .quotes.left-quotes-white,
.home-slide-agence .quotes.right-quotes-white {
top: 100px;
}

/* Home content */
.home-content {
padding: 20px 5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
background-color: #243A50;
}

.home-content-title {
text-align: left;
padding: 20px 0 10px;
color: #243a50;
position: relative;
margin-bottom: 20px;
}

.home-content-title hr {
position: absolute;
width: 100%;
border-color: #b39b5d;
z-index: 0;
}

.home-content-title-btn {
background-color: #fff;
position: relative;
padding: 0 15px;
}

.home-content-title-text {
background-color: #fff;
position: relative;
padding: 0 15px 0 0;
color: var(--color-primary);
}
.home-content-title-text.region-text {
padding: 0 15px 0 15px;
}

a.home-content-title-btn {
float: right;
text-transform: uppercase;
margin-top: -35px;
padding: 10px;
color: #FFF;
text-decoration: none;
}

a.home-content-title-btn .icon {
font-size: 0.7em;
-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;
margin-left: 10px;
}

a:hover.home-content-title-btn .icon {
margin-left: 2px;
}

.home-content-title h2 {
font: 1.5em 'Metropolis Bold', Arial, sans-serif;
text-transform: uppercase;
display: inline-block;
}

.home-content-col-container {
display: table;
height: 100%;
width: 100%;
}

.home-content-col1,
.home-content-col2 {
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
display: table-cell;
float: left;
}

/* Home content col1*/
.home-content-col1 {
width: 65%;
}

.home-content-edito .home-content-title hr {
border-color: #17242f;
}

.home-content-edito .home-content-title-text,
.home-content-edito .home-content-title-btn {
background-color: #fff;
}

.home-content-edito {
text-align: left;
width: 100%;
height: 100%;
min-height: 400px;
padding: 30px 30px 30px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #FFF;
}

.home-content-edito-text-title {
font: 1.1em "Metropolis Bold", Arial, Helvetica, Geneva, sans-serif;
text-align: left;
}

.home-content-edito-text {
font-size: 1.1em;
width: 90%;
text-align: justify;
}

.home-content-edito-text p {
color: #FFF;
}

.home-content-edito-btn {
margin: 20px 0;
}

/* Home content col2*/
.home-content-col2 {
position: relative;
height: 100% !important;
margin-left: 2%;
width: 33%;
}

.home-content-news {
padding: 30px 0 30px 30px;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.home-content-news .home-content-title hr {
border-color: #17242f;
}

.home-content-news .home-content-title-text,
.home-content-news .home-content-title-btn {
background-color: #243A50;
}

.home-content-news .large-flap-container {
overflow: hidden;
width: 86%;
margin: 0 auto 20px;
min-height: 190px;
height: 100% !important;
}

.home-content-news .previous,
.home-content-news .next {
display: inline-block;
height: 30px;
width: 30px;
position: absolute;
cursor: pointer;
top: 45%;
-webkit-border-radius: 15px;
border-radius: 15px;
text-align: center;
line-height: 28px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-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;
font-size: 24px;
color: #17242f;
}

.home-content-news .previous:hover,
.home-content-news .next:hover {
color: #FFF;
}

.home-content-news .previous {
left: 3%;
}

.home-content-news .next {
right: 3%;
}

.social-menu-home-page {
text-align: left;
}

.social-menu-home-page-title {
text-transform: uppercase;
font: 1.1em "Metropolis Light", Arial, Helvetica, Geneva, sans-serif;
letter-spacing: 1px;
color: #fff;
vertical-align: middle;
text-align: center;
display: inline-block;
margin-right: 15px;
}

.home-content-news .social-menu {
margin: 0px 0;
display: inline-block;
vertical-align: middle;
}

/*-- Biens vedettes home --*/
.bien-vedette {
background: #fff;
position: relative;
text-align: center;
padding: 20px 5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

a.home-vignette-container,
.widget-vide {
background-color: transparent;
display: inline-block;
vertical-align: top;
width: 23.2%;
margin: 0 2.3% 0 0;
position: relative;
}

a.home-vignette-container::nth{}

.bien-vedette:first-child a.home-vignette-container {
margin-left: 0;
}

.bien-vedette:last-child a.home-vignette-container {
margin-right: 0;
}

a.home-vignette-container {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

a.home-vignette-container:hover {
text-decoration: none !important;
}

.home-vignette img {
width: 100%;
height: auto;
}

.home-vignette img.no-flap {
display: inline-block;
vertical-align: top;
}

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

.infos-bien {
bottom: 0;
width: 100%;
padding: 60px 0 20px;
background-color: #17242f;
font: 1.2em 'Metropolis Light', Helvetica, Arial, sans-serif;
line-height: 1.5em;
color: #fff;
text-align: center;
width: 200px;
margin: 0 auto;
}

.infos-bien .prix {
font-family: 'Metropolis Bold', Helvetica, Arial, sans-serif;
}

.infos-bien-plus {
display: block;
position: relative;
width: 33px;
height: 33px;
margin: 0 auto 5px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background-color: #17242f;
-webkit-border-radius: 55px;
-moz-border-radius: 55px;
border-radius: 55px;
line-height: 37px;
}

.infos-bien-plus span {
font-size: 0.6em;
vertical-align: middle;
}

/*-- Home Slide news --*/
.home-slide-news .home-slide-news-content {
text-align: center
}

.home-slide-news {
min-height: 350px;
position: relative;
width: 100%;
text-align: left;
padding-top: 20px;
float: left;
}

.home-slide-news .large-flap-container {
overflow: hidden;
width: 100%;
min-height: 350px;
}

.home-slide-news-content {
width: 100%;
text-align: left;
color: #FFF;
}

.home-slide-news-text p {
color: #fff !important;
font-family: 'Metropolis Regular', Arial, Helvetica, sans-serif !important;
}

.home-slide-news-text {
display: inline-block;
vertical-align: top;
}

.home-slide-news-text .home-slide-intro {
max-height: 80px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}

.home-slide-news-text .heading1 {
margin: 0 0 25px;
font: 1.2em 'Metropolis Regular', Arial, Helvetica, sans-serif;
letter-spacing: normal;
color: #fff;
}

.home-slide-news-btn {
margin-top: 20px;
}

.home-slide-news .previous,
.home-slide-news .next {
display: inline-block;
height: 40px;
width: 40px;
position: absolute;
cursor: pointer;
top: 45%;
-webkit-border-radius: 15px;
border-radius: 15px;
text-align: center;
line-height: 28px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-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;
font-size: 24px;
color: #17242f;
}

.home-slide-news .previous:hover,
.home-slide-news .next:hover {
color: #FFF;
}

.home-slide-news .previous {
left: 8%;
}

.home-slide-news .next {
right: 8%;
}

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

.home-slide-news-img {
width: 230px;
height: 230px;
margin: 0 1% 0 10%;
overflow: hidden;
background-color: #eeeeee;
text-align: center;
display: inline-block;
border-radius: 50%;
}

.home-slide-news-img img {
height: 230px;
}

/*.home-slide-news-img-mask {background: transparent url('/images/home-slide-news-img-mask.png') no-repeat center; background-size: 120%; width: 230px; height: 230px; position: absolute; z-index: 1;
}

*/
/* --------- Page contact --------- */
.contact .main-content-demicol {
width: 48%;
margin-right: 2%;
}

/* -------- Avis Client ---------- */
/* Etoiles */
/*.star:hover,
.star:focus,
.star:hover ~ .star ,
.star:focus ~ .star,*/
.star-active {
background: url(../images/star1.png) no-repeat !important;
background-size: contain !important;
cursor: pointer;
}

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

/* Header Avis gé né ral */
.nb-rating {
vertical-align: super;
padding-left: 6px;
color: #fff;
}

.rating {
padding: 0 0 20px 0;
}

.star {
background: url(/images/star0.png) no-repeat;
background-size: contain;
width: 22px;
height: 22px;
display: inline-block;
}

/* Home Slide Avis Client */
.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;
}

.home-avis-title1,
.home-avis-title2 {
text-align: center;
text-transform: none;
letter-spacing: 0;
line-height: .85em;
font: 1.7em'LatoBold', Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
}

.home-avis-title1 {
color: #000;
margin-top: 54px
}

.avis-client-btn {
text-align: center;
margin: 40px 0;
}

.avis-title {
color: #c81243;
text-align: center
}

.satisfaction {
display: inline-block;
margin-right: 6%
}

.satisfaction-generale {
text-align: center;
margin-bottom: 16px;
font-family: 'LatoRegular', Arial, sans-serif;
}

.infos-avis,
.date-avis {
color: #999;
font-family: 'LatoLight', Arial, sans-serif;
}

.date-avis {
font-size: 1em;
}

.comment-client {
text-align: center;
}

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

.tit {
background: #fff;
padding: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.liste-avis-col1 {
display: inline-block;
margin-bottom: 40px;
width: 20%;
vertical-align: top
}

.liste-avis-col2 {
display: inline-block;
width: 40%;
margin-right: 4%;
}

.liste-avis-col3 {
display: inline-block;
width: 34%;
vertical-align: top;
margin-top: -27px;
}

.service-rating-detail {
float: right
}

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

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

.page-container .nb-rating {
color: #000;
font: 80%/1.4em 'LatoRegular', Helvetica, Arial, sans-serif;
vertical-align: top;
}

.share-title {
text-align: center;
color: #34597f;
font: 1.1em 'LatoRegular', Helvetica, Arial, sans-serif;
margin-bottom: 10px;
margin-top: 10px;
}

/* --------- Page Agences --------- */
.list-agence-item {
display: inline-block;
width: 23%;
vertical-align: top;
margin: 0.5%;
padding: 1%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #E1E1E1;
}

.list-agence-item ul {
padding: 0;
margin: 0;
}

.list-agence-item ul li {
list-style: none;
padding-bottom: 5px;
}

.list-agence-ph img {
width: 100%;
}

.list-agence-nom {
font-family: "Metropolis Bold", Arial, Helvetica, Geneva, sans-serif;
font-size: 1.2em !important;
color: #ad8c54;
padding-top: 20px;
padding-bottom: 10px;
}

.list-agence-tel .icon {
vertical-align: middle;
margin-right: 2px;
}

/* ==========================================================================
10.1 HELPER CLASSES
========================================================================== */
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* *text-indent: -9999px; */
}

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

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

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

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

.invisible {
visibility: hidden;
}

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

.clearfix:after {
clear: both;
}

small.small-line {
font: 80%/1em 'Metropolis Light', Arial, sans-serif;
}

/* ==========================================================================
10.2 PRINT STYLES
========================================================================== */
@media print {
@page {
margin: 1.5cm 0.5cm !important;
}

}

/* AJOUT DE LA CLASS PRINT SUR TOUT LE CSS D IMPRESSION - pour ne pas interagir avec les styles deja en place */
/* Generalite impression */
body.print {
color: #000;
font-family: Arial, sans-serif;
font-size: 12px;
background-color: #78797d;
}

body.print p {
color: #000;
font-family: Arial, sans-serif;
font-size: 12px;
text-align: justify;
}

body.print img {
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}

.print .clearfix {
margin: 10px 0;
}

.print .heading2 {
text-transform: uppercase;
color: #545554;
font: bold 13px/11px Arial, sans-serif;
}

.print hr {
margin: 5px 0;
}

body.print .superslides {
display: none;
}

/* Parties principales */
.print #global {
width: 615px;
margin: 20px auto;
position: inherit;
background-color: #fff;
}

.print #global-content {
width: 100%;
border: 1px solid #cdcdcd;
padding: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* Header */
.print header#top {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFF;
}

.print.programmes header#top {
border-bottom: 2px solid #cdcdcd;
padding-bottom: 10px 0;
margin-bottom: 10px;
}

.print .logo {
width: 30%;
display: inline-block;
vertical-align: middle;
padding: 10px;
min-height: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.print .logo img {
max-height: 90px;
width: auto;
}

.print .adresse {
width: 48%;
display: inline-block;
vertical-align: middle;
margin-left: 2%;
min-height: 1px;
}

.print.programmes .detail-actions {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 1.5em;
background: none;
}

.print .adresse .agence-name {
text-transform: uppercase;
font-weight: bold;
}

.print .adresse .agence-adresse {
font-size: 11px;
}

.print .qrcode-link {
width: 14%;
display: inline-block;
vertical-align: middle;
margin-left: 2%;
min-height: 1px;
}

.print .link-print {
cursor: pointer;
text-align: center;
background-color: #535353;
color: #fff;
padding: 5px 3px;
margin-top: 10px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}

.print .link-print:hover {
text-decoration: none;
background-color: #000;
color: #fff;
}

/* Content */
.print #content {
border-top: 2px solid #cdcdcd;
padding: 10px;
margin-top: 10px;
background: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.print.programmes #content {
border-top: none;
padding: 0 10px;
}

.print .detail-actions {
margin-bottom: 0;
}

/* 10.2.1 Page detail
----------------------------------------------------------------------------------------------------*/
/* Infos principales */
.print .infos-princ {
font-weight: bold;
width: 49%;
float: right;
display: block;
min-height: 1px;
margin-left: 2%;
}

.print .infos-princ span {
font-weight: normal;
}

.print .infos-princ ul {
padding: 0;
margin: 0;
}

.print .infos-princ li {
list-style-type: none;
}

.print .ref span span {
background-color: #cdcdcd;
padding: 2px 10px;
font-weight: bold;
}

.print .infos-princ .type {
font-size: 16px;
font-weight: bold;
line-height: 19px;
text-transform: uppercase;
margin: 10px 0 5px;
}

.print .infos-princ .ville {
font-size: 14px;
font-weight: bold;
}

/* texte descriptif */
.print .description {
width: 100%;
margin-top: 25px;
max-height: 220px;
overflow: hidden;
}

.print .mentions-print {
display: block;
font-size: 10px;
}

/* Photos */
.print .photo .prix {
text-align: left;
font-size: 17px;
font-weight: bold;
line-height: 12px;
}

.print .photo .prix.prix-location {
text-align: right;
font-size: 12px;
font-weight: normal;
}

.print .photo {
width: 48%;
float: left;
display: inline-block;
vertical-align: top;
min-height: 1px;
position: relative;
}

.print .big-photo,
.print .small-photos {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.print .small-photos {
min-height: 70px;
}

.print .small-photos img {
max-height: 70px
}

.print.detail .is-flap.scrollpane-to-child {
width: auto;
height: 70px;
float: none;
overflow: auto;
margin-right: 1%;
margin-bottom: 1.5%;
}

.print .no-flap {
display: block;
}

.print .mini-photo {
display: inline-block;
min-height: 1px;
margin: 0 1% 1.5% 0;
}

.print .mini-photo.no-flap {
display: none;
visibility: hidden;
}

.print .mini-photo:last-child {
margin-right: 0;
}

/* DPE */
.print .conso-energie {
width: 48%;
float: left;
display: block;
min-height: 1px;
margin-left: 0;
}

.print .emissions-gaz {
width: 48%;
float: left;
display: block;
min-height: 1px;
margin-left: 2%;
}

.print .DpeNote {
margin-top: 0 !important;
color: #000;
position: inherit;
padding: 0;
background: none;
width: auto;
text-align: left;
height: auto;
top: auto;
font-size: 15px;
}

/* Tableau programme neuf */
.print .detail-liste-lots table {
width: 100%;
}

.print .detail-liste-lots thead th {
padding: 5px 10px;
border-right: 1px solid #cdcdcd;
text-transform: uppercase;
}

.print .detail-liste-lots tr {
text-align: left;
border: 1px solid #cdcdcd;
}

.print .detail-liste-lots td {
border-right: 1px solid #cdcdcd;
padding: 3px 10px;
}

/* Formulaire de visite */
.print .form-critere .half-col {
width: 48%;
display: inline-block;
vertical-align: middle;
}

.print .form-critere .half-col:first-child {
margin-right: 2%;
}

.print .half-col .input-text,
.print .half-col textarea,
.print .half-col input {
padding: 0 4%;
}

.print .form-rubrique {
font: 11px Arial, sans-serif;
padding: 0;
}

.print .white-form .input-text {
height: 25px;
border: 1px solid #cdcdcd;
}

.print .half-col .form-rubrique {
width: 40%;
}

.print .half-col .input-text {
width: 50.2%;
}

.print .form-rubrique {
width: 19%;
}

.print .input-text {
width: 75%;
}

.print .white-form .input-text,
.print .white-form input,
.print .white-form textarea {
color: #000;
}

/* 10.2.2 Page selection
----------------------------------------------------------------------------------------------------*/
body.selection.print p {
text-align: left;
}

.selection.print hr {
margin: 5px 0 10px;
}

.selection.print .clearfix {
margin: 28px 0;
}

.selection.print .photo {
margin-bottom: 15px;
float: left;
margin: 0 2% 0 0;
display: inline-block;
vertical-align: top;
}

.selection.print .description {
display: inline-block;
vertical-align: top;
float: left;
width: 50%;
}

.selection.print .description ul {
padding-left: 0;
margin: 0 0 15px 0;
}

.selection.print .description li {
list-style-type: none;
}

.selection.print .description,
.selection.print .description span.ref-selection {
font-weight: bold;
}

.selection.print .description span {
font-weight: normal;
}

.selection.print .description p {
max-height: 73px;
overflow: hidden;
}

.selection.print .liste-navpage-container,
.selection.print .retour-top {
display: none;
}

.selection.print #MentionInterAgence {
text-align: center;
line-height: 10px;
}

/* ==========================================================================
10.3 COMPATIBILITE
========================================================================== */
/* Supersized Pour Opera */
ul#supersized {
margin: 0;
}

/* IE6 Supersized (dé sactivé ) */
.lt-ie7 ul#supersized {
display: none;
}

.lt-ie7 body {
background: #333 url(/images/supersized/bg1.jpg) no-repeat fixed 50% 0;
}

/* @surcharge
--------------------------------*/
#header-logo {
width: 180px;
height: 145px;
}

.superslides {
display: none;
}

body.home .bg-header {
display: block;
}

/* @general */
.row-flex {
display: flex !important;
flex-wrap: wrap !important;
}

.row-flex .col {
width: 100%;
}

.row-flex.column {
flex-direction: column;
}

.justify-between {
justify-content: space-between !important;
}

.justify-center {
justify-content: center !important;
}

.align-center {
align-items: center !important;
}

.align-top {
align-items: flex-start !important;
}

.align-self-top {
align-self: flex-start !important;
}

#content,
#footer,
.bloc-minimoteur{
padding-left: 80px;
}

.header-banner.container-header-spec {
padding-left: 0;
}

.header-banner.container-header-spec {
text-align: left;
}

.header-banner.container-header-spec h2 {
text-align: center;
}

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

.container-region .home-vignette {
margin-right: 10px;
}

.container-region .rectangle-h {
padding-bottom: 65% !important;
position: relative;
}

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

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

.aright {
text-align: right;
}

.desktop-hide {
display: none;
}

.simple-btn {
padding: 5px 10px;
font-size: 1rem;
border: 1px solid #b39b5d;
background-color: transparent;
color: #b39b5d;
transition: all 500ms ease;
}

.simple-btn:hover {
color: #fff;
background-color: #b39b5d;
}

.color-btn {
padding: 5px 10px;
font-size: 1rem;
color: #fff;
background-color: #b39b5d;
transition: all 500ms ease;
}

.color-btn:hover {
color: #fff;
background-color: #243a50;
}

.wrapper.wrapper-full {
width: 100% !important;
max-width: 1920px;
padding: 0 2%;
box-sizing: border-box;
}

.dropdown {
color: #aeaeae;
font-size: 1.2em;
cursor: pointer;
}

.content-dropdown.hidden {
display: none !important;
visibility: hidden;
}

.max-sep.acenter {
display: block;
margin: 40px auto;
width: 100px;
}

#Rappel.white-form input:focus {
color: #999797 !important;
}

.title-page hr {
border-top: 5px solid #b39b5d;
width: 70px;
margin: 10px 0;
}

.color-gold {
color: #b39b5d !important;
}

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

/* @@general */
/* @header */
.header-menu {
box-shadow: 5px 1px 10px rgba(0, 0, 0, .2);
}

.header-menu nav ul li a,
.header-menu nav ul li span.span-link {
position: relative;
}

.header-menu nav ul li a:after,
.header-menu nav ul li span.span-link:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 94%;
border-top: 1px solid #b39b5d;
}

.header-menu nav ul li.no-border-bottom a:after,
.header-menu nav ul li.no-border-bottom span.span-link:after {
border-top: 0;
}

.menu-with-icon-label-selection {
width: 17px;
height: 18px;
display: inline-block;
}

.lang-switch {
color: #b39b5d;
text-transform: uppercase;
font-size: 1.1em;
margin: 10px 10px 0;
position: relative;
}

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;
}

.lang-switch.current-lang-fr a.lang-fr,
.lang-switch.current-lang-uk a.lang-uk {
opacity: 1;
}

.lang-switch li a {
color: #b39b5d;
display: inline-block;
line-height: 16px;
padding-right: 2px;
padding-left: 2px;
text-decoration: none;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
opacity: .5;
width: 10px !important;
font-weight: bold;
}

.lang-switch li.border-right::before {
content: "|";
color: #b39b5d;
position: absolute;
top: 10px;
right: -14px;
}

.menu-top ul li {
display: inline-block !important;
}

.menu-top ul {
display: flex;
align-items: center;
justify-content: flex-end;
}

.menu-top .maselection.menu-with-icon a {
width: 40px;
margin-right: 15px;
}

.header-menu .menu-top ul li a:hover {
background-color: transparent;
}

.menu-top .maselection a {
padding: 0 !important;
margin-left: 10px;
}

.menu-top .maselection a .notif-nb {
background-color: transparent;
color: #b39b5d;
font-size: 16px;
line-height: 1rem;
margin-left: 0;
}

.menu-top .icon-contact {
width: 9px;
height: 26px;
background-image: url(/images/picto-tel.png);
background-image: -webkit-image-set(url(/images/picto-tel.png) 1x, url(/images/picto-tel@2x.png) 2x);
background-image: image-set("/images/picto-tel.png" 1x, "/images/picto-tel@2x.png" 2x);
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
transform: rotate(-45deg) translatex(-5px);
}

.menu-top-contact {
display: flex;
justify-content: flex-end;
}

.menu-top-contact a {
display: flex !important;
}

.menu-top .menu-top-contact .menu-with-icon {
display: inline-block;
margin-top: 3px;
position: relative;
font-weight: bold;
}

.menu-top>ul {
height: 35px;
margin: 0;
}

#nav-close-btn {
display: none;
}

.menu-top .maselection a {
position: relative;
top: 3px;
}

.header-top {
background-color: #fff;
}

.header-mobile {
display: none;
}

.header-mobile .menu-top li.menu-with-icon a span.menu-with-icon {
color: #b39b5d;
position: relative;
top: -8px;
}

.header-mobile .menu-top li.menu-with-icon a:hover {
text-decoration: none;
}

.lang-select {
height: 50px;
}

.header-mobile .lang-switch li.border-right::before {
content: "|";
color: #b39b5d;
position: absolute;
top: 0px;
right: -4px;
}

.header-mobile .menu-top ul li {
position: relative;
}

.header-mobile .lang-switch li a {
width: inherit !important;
}

.header-mobile li a,
.header-mobile li span {
font-weight: 700;
}

.header-mobile .nav-btn {
color: #b39b5d !important;
position: static;
cursor: pointer;
}

.header-mobile .nav-btn .responsive-btn-texte {
display: none;
}

.header-mobile .nav-btn:hover {
background: transparent;
}

.close-btn {
display: none;
}

.header-mobile .container-slogan h1 {
text-transform: uppercase;
color: #243a50;
font-size: 1rem;
font-weight: 700;
font-family: 'Metropolis Bold', Arial, sans-serif;
}

.header-menu li.current>a,
.header-menu li.current>span.span-link {
font-weight: 700;
font-family: 'Metropolis Bold', Arial, sans-serif;
}

.maselection-filled .menu-with-icon-label-selection .icon.icon-heart,
.select-filled .menu-with-icon-label-selection .icon.icon-heart {
color: #b39b5c !important;
}

.menu-with-icon-label-selection .icon.icon-heart {
margin-left: 0;
color: #b39b5d;
}

/* @@header */
/* @formRech */
.title-form-rech {
text-transform: uppercase;
color: #fff;
font-size: 1rem;
font-family: 'Metropolis Medium', Arial, sans-serif;
}

.masque-rech.home-form .white-form .custom-radio-checked {
font-family: 'Metropolis Medium', Arial, sans-serif;
font-weight: 600;
}

.container-top-form-rech {
background-color: #fff;
padding: 10% 20%;
}

.container-top-form-rech h1 {
border-left: 1px solid #b39b5d;
text-transform: uppercase;
font-family: 'Metropolis Medium', Arial, sans-serif;
font-weight: 600;
font-size: 1.2rem;
padding-left: 15px;
}

.masque-rech.home-form .form-critere-elargir .form-critere-title {
display: inline-block;
width: 10%;
}

.masque-rech.home-form .form-critere-elargir .form-critere-content {
width: 100%;
}

.masque-rech.home-form .form-critere-elargir .form-critere-content .custom-radio {
font-family: 'Metropolis Medium', Arial, sans-serif;
font-weight: 600;
}

.masque-rech.home-form .form-critere-elargir {
/*border-bottom: 1px solid #fff;*/
}

.masque-rech.home-form .form-submit-rech {
float: none;
background-color: transparent;
border: 2px solid #fff;
padding: 5px 0px;
font-size:0.8rem!important;
}

a.btn-form-rech-home {
text-transform: uppercase;
color: #fff;
position: relative;
font-family: 'Metropolis Bold', Arial, sans-serif;
font-size: .8rem;
font-weight: 700;
display: flex;
flex-direction: column;
align-items: center;
white-space: nowrap;
gap: 5px;
}

.btn-tous-nos-biens-container {
min-width: 10vw;
}

.alert-mail-btn-home-search {
display: inline-flex;
justify-content: center;
padding: 8px 0;
width: 100%;
max-width: 400px;
margin: 0 auto;
color: white !important;
text-decoration: none;
font-weight: 600;
background-color: #b39b5d
}

.alert-mail-btn-home-search:hover {
background-color: #243a50;
}

.heading1-custom {
color: var(--color-primary);
font-family: 'Metropolis Regular', Arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
font-size: 1.3rem;
line-height: 1;
padding: 20px 0 20px;
}

a.btn-form-rech-home:hover {
text-decoration: none;
}

/* a.btn-form-rech-home::before {
content: '';
display: block;
margin: 20% auto 10px;
width: 33px;
height: 48px;
background-image: url(/images/picto-map-form-rech.png);
background-image: -webkit-image-set(url(/images/picto-map-form-rech.png) 1x, url(/images/picto-map-form-rech@2x.png) 2x);
background-image: image-set("/images/picto-map-form-rech.png"1x, "/images/picto-map-form-rech@2x.png"2x);
background-size: contain;
}
 */
/* a.btn-form-rech-home::after {
content: '';
display: block;
margin: 5px auto;
width: 10%;
height: 3px;
background-color: #fff;
transition: all 500ms ease;
}
 */
a.btn-form-rech-home:hover::after {
width: 20%;
}

/* @@formRech */
/* @bienVedette */
.infos-bien {
background-color: transparent;
color: #243a50;
padding: 0;
position: relative;
margin-top: -10px;
}

.home-vignette-container .prix {
font-family: 'Metropolis Bold', Arial, sans-serif;
font-weight: 700;
color:var(--color-primary)
}

.infos-bien-plus {
width: 21px;
background-image: url(/images/picto-coeur.png);
background-image: -webkit-image-set(url(/images/picto-coeur.png) 1x, url(/images/picto-coeur@2x.png) 2x);
background-image: image-set("/images/picto-coeur.png" 1x, "/images/picto-coeur@2x.png" 2x);
background-size: contain;
height: 19px;
border-radius: 0;
background-color: transparent;
transition: all 500ms ease;
transform: scale(1.0);
transform-origin: center;
}

a.home-vignette-container:hover .infos-bien-plus {
transform: scale(1.5);
}

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

/* @@bienVedette */
/* @opinionSystem */
.os-text-titre {
text-transform: uppercase;
font-family: 'Metropolis Bold', Arial, sans-serif;
font-weight: 700;
}

.bien-vedette.opinion {
text-align: left;
}

.opinion .os-text-titre,
.opinion .os-text-commentaire,
.opinion .os-text-date {
margin: 0;
}

.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);
}

.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);
margin-bottom: 7px;
}

.os-taux-satisfaits {
color: #243a50;
}

.os-taux-satisfaits strong {
font-family: 'Metropolis Bold', Arial, sans-serif;
font-weight: 700;
font-size: 1.4rem;
color: #243a50;
}

.opinion .home-content-title {
margin-bottom: 0;
}

.container-img-opinion {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 4px;
}

.container-img-percent.row-flex {
flex-wrap: nowrap !important;
}

/* @opinionSystem */
/* @agenceHome */
.container-agence {
width: 86%;
margin: 0 auto;
background-color: #e4d8c7;
padding: 3% 2%;
}

.container-text-agence {
padding-left: 5%;
}

.container-text-agence h2 {
font-family: 'Metropolis Medium', Arial, sans-serif;
font-weight: 600;
font-size: 1.5rem;
line-height: 1;
margin-bottom: 15px;
margin-top: 15px;
}

.container-text-agence a.simple-btn {
font-size: .9rem;
padding: 5px 15px;
text-transform: capitalize;
margin-top: 20px;
}

.container-text-agence p {
margin: 20px 0 15px;
}

/* @@agenceHome */
/* @cardWordpress */
.container-region {
background-color: #fff;
padding: 70px 0;
}

.home-content-title.acenter {
text-align: center;
}

.container-region .home-vignette img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.container-region span.image-item {
width: 100%;
height: 100%;
display: block;
position: absolute;
}

/* @@cardWordpress */
/* @footer */
#footer {
background-color: #fff;
}

.pied-menu a,
.pied-menu a:link,
.pied-menu a:visited,
.pied-agence-adr {
color: #243a50;
}

.message-responsive {
color: #656565;
}

.infos-agence {
padding: 0 10px 0 10px;
}

.pied-ref-villes {
border-top: 0;
}

#footer hr {
border-top: 1px solid #b39b5d;
}

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

.pied-adresse {
margin-top: 0;
padding-top: 0;
}

.logo-footer {
display: block;
width: 80vw;
max-width:400px;
height:7vh;
background-image: url(/images/logo-footer.png);
background-image: -webkit-image-set(url(/images/logo-footer.png) 1x, url(/images/logo-footer@2x.png) 2x);
background-image: image-set("/images/logo-footer.png" 1x, "/images/logo-footer@2x.png" 2x);
background-size: 100%;
background-repeat:no-repeat;
}

.uk .logo-footer {
background-image: url(/img_uk/logo-footer.png);
background-image: -webkit-image-set(url(/img_uk/logo-footer.png) 1x, url(/img_uk/logo-footer@2x.png) 2x);
background-image: image-set("/img_uk/logo-footer.png" 1x, "/img_uk/logo-footer@2x.png" 2x);
background-size: 100%;
background-repeat:no-repeat;
height:10vh;
}

.pied-agence-adr {
margin-top: 20px;
}

.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: #243a50 !important;
}

.social-menu li.picto-spec a.SocialBusinessFacebook {
background-image: url(/images/picto-facebook.png);
background-image: -webkit-image-set(url(/images/picto-facebook.png) 1x, url(/images/picto-facebook@2x.png) 2x);
background-image: image-set("/images/picto-facebook.png" 1x, "/images/picto-facebook@2x.png" 2x);
background-size: contain;
background-position: center top;
background-size: 100%;
}

.social-menu li.picto-spec a.SocialBusinessFacebook:hover {
background-position: center bottom;
}

.social-menu li.picto-spec a.SocialBusinessInstagram {
background-image: url(/images/picto-instagram.png);
background-image: -webkit-image-set(url(/images/picto-instagram.png) 1x, url(/images/picto-instagram@2x.png) 2x);
background-image: image-set("/images/picto-instagram.png" 1x, "/images/picto-instagram@2x.png" 2x);
background-size: contain;
background-position: center top;
background-size: 100%;
}

.social-menu li.picto-spec a.SocialBusinessInstagram:hover {
background-position: center bottom;
}

.social-menu li.picto-spec a.SocialBusinessTwitter {
background-image: url(/images/picto-twitter.png);
background-image: -webkit-image-set(url(/images/picto-twitter.png) 1x, url(/images/picto-twitter@2x.png) 2x);
background-image: image-set("/images/picto-twitter.png" 1x, "/images/picto-twitter@2x.png" 2x);
background-size: contain;
background-position: center top;
background-size: 100%;
}

.social-menu li.picto-spec a.SocialBusinessTwitter:hover {
background-position: center bottom;
}

.social-menu li.picto-spec a.SocialBusinessLinkedIn {
background-image: url(/images/picto-linkedin.png);
background-image: -webkit-image-set(url(/images/picto-linkedin.png) 1x, url(/images/picto-linkedin@2x.png) 2x);
background-image: image-set("/images/picto-linkedin.png" 1x, "/images/picto-linkedin@2x.png" 2x);
background-size: contain;
background-position: center top;
background-size: 100%;
}

.social-menu li.picto-spec a.SocialBusinessLinkedIn:hover {
background-position: center bottom;
}

.social-menu li.picto-spec a {
width: 32px;
height: 32px;
background-repeat: no-repeat;
display: block;
vertical-align: top;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
/* IE (non-standard property) */
}

.menu-bottom-mobile {
display: flex;
flex-direction: column;
align-items: flex-end;
width: 100%;
gap: 10px;
box-sizing: border-box;
padding-right: 20px;
}

.menu-bottom-mobile .social-menu ul li a:after {
display: none;
}

.menu-bottom-mobile .social-menu {
margin-bottom: 0 !important;
margin-right: -5px
}

.pied-menu .home-content-title-text h2 {
color: #243A50;
}

.menu-top .social-menu ul li a,
.menu-bottom-mobile .social-menu ul li a {
padding: 0;
max-width: 30px;
max-height: 30px;
width: 1.2vw;
height: 1.2vw;
}

@media (max-width: 1441px) {
.social-menu li.picto-spec a {
width: 24px;
height: 24px;
}

}

#footer .home-content-title hr {
top: 30px;
}

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

.social-menu li {
display: inline-block;
vertical-align: middle !important;
margin: 2px 5px !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;
display: inline-block;
vertical-align: middle;
cursor: pointer !important;
-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;
font-size: 25px !important;
text-align: center;
line-height: 39px;
color: #b39b5d !important;
}

.social-menu li a:hover,
.social-menu li span:hover,
.pied-ref-villes,
.pied-ref {
color: #243a50;
}

.social-menu li .icon {
vertical-align: text-top;
}

.container-liste-ref-rs .home-content-title {
margin-bottom: 0;
padding-bottom: 0;
}

#footer .icon.icon-heart-fill-thin {
display: inline-block;
color: #656565;
}

.pied-menu li {
vertical-align: baseline;
}

/* @@footer */
/* @pageListe */
.liste .masque-rech {
background-color: transparent;
}

.container-header-spec {
text-align: center;
}

.container-header-spec h2 {
background-color: white;
padding: 40px 0 20px;
color: var(--color-primary);
font-family: 'Metropolis Regular', Arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
font-size: 1.3rem;
line-height: 1;
min-width: 100% !important;
}

#ListeSearchBien .custom-select-choice::after {
background-image: url(/images/bg-custom-selector-white.png);
background-image: -webkit-image-set(url(/images/bg-custom-selector-white.png) 1x, url(/images/bg-custom-selector-white@2x.png) 2x);
background-image: image-set("/images/bg-custom-selector-white.png" 1x, "/images/bg-custom-selector-white@2x.png" 2x);
}

#ListeSearchBien span.unite {
color: #fff;
}

/* @moteurRech */
.masque-rech .form-critere {
width: 30%;
}

.masque-rech.home-form .form-critere-input-ville {
padding-left: 0px;
padding-top: 0;
}

.form-critere-input-ville {
color: #fff;
padding-left: 20px;
padding-top: 20px;
}

/* @@moteurRech */
/* @alertEmail */
.liste-create-alert-content,
.liste-create-alert-content-input {
width: 100%;
float: none;
}

.liste-create-alert {
padding: 15px 20px;
background-color: transparent;
margin-top: 20px;
}

.liste-create-alert-img {
display: block;
}

.liste-create-alert-content .heading1 {
font-family: 'Metropolis Bold', Arial, sans-serif;
font-weight: 700;
font-size: 1rem;
margin-top: 10px;
}

.liste-create-alert-content-input {
text-align: left;
margin-top: 10px;
}

#ListeAlertBien #email {
background-color: rgba(255, 255, 255, .25);
border: 0;
color: #fff;
font-size: 1rem;
padding-left: 10px;
}

#ListeAlertBien .form-submit-alerte-mail {
background-color: transparent;
border: 0.1rem solid #fff;
border-radius: 0 !important;
font-size: 1rem;
}

.bloc-minimoteur .btn-more-rech span {
border: 0.1rem solid var(--color-primary);
border-radius: 0 !important;
}

.bloc-minimoteur .btn-more-rech span,
.bloc-minimoteur .btn-more-rech span::before {
background-color: transparent;
}

.liste .bloc-minimoteur .btn-more-rech {
width: 30%;
padding-left: 20px;
}

/* @@alertEmail */
.select-mode-affichage p,
.select-mode-affichage ul,
.liste-title {
color: #353535;
font-size: 0.8rem;
}

li.mode-affichage,
li.mode-affichage.active-mode {
background-color: transparent !important;
}

li.mode-affichage {
color: #243a50;
font-size: 1.1rem;
margin: 0;
}

li.mode-affichage.active-mode,
li.mode-affichage:hover {
color: #b39b5d;
}

.mode-affichage.li-text-map {
font-size: 1.2rem;
}

.filters-content li span.sort-liste,
.filters-content li span.sort-liste a:link,
.filters-content li span.sort-liste a:visited {
font-family: 'Metropolis Light', Arial, sans-serif;
font-weight: 500;
padding: 4px 12px;
background: white;
}

.filters-content li span.sort-liste.active-sort {
background: #243a50;
}

@cardText .liste-bien-container:nth-child(even) .liste-bien-description {
background-color: #b39b5d;
}

.spacer-scroll-to-fixed {
display: none !important;
height: 0 !important;
}

.fr .liste-bien-ribbon,
.uk .liste-bien-ribbon {
width: 36px;
height: 139px;
background-size: cover;
}

.liste-bien-ribbon {
position: absolute;
top: -7px;
left: -1px;
}

.button-selection.SelectionOff .icon-heart {
color: #b39b5d;
}

.icon.icon-heart-fill-thin {
display: none;
}

.icon.icon-heart {
display: inline-block;
}

.container-pictos .detail-bien-specs li {
width: inherit;
font-size: .7rem;
}

.container-pictos .detail-bien-specs li:first-child {
margin-left: 0 !important;
cursor:pointer;
}

.container-pictos .detail-bien-specs {
text-align: left;
float: none; 
margin-top: 15px;
}

.container-pictos .detail-bien-specs img {
width: 38px;
height: 40px;
}

.container-pictos .detail-bien-specs .picto-price img {
width: 30px;
height: 30px;
margin-top: 8px;
}

.container-pictos .nolist {
display: flex;
justify-content: flex-start;
align-items:flex-start;
}

.construction-picto img{padding-bottom: 37px;}

.container-pictos .detail-bien-specs li span {
margin-bottom: 5px;
height: 40px;
}

.liste-bien-buttons li a,
.liste-bien-buttons li span {
padding: 3px 8px;
border: .1rem solid #fff;
border-radius: 0;
font-size: .8rem;
}

.liste-bien-buttons .btn-visite-virtuelle .icon,
.liste-bien-buttons .btn-video .icon {
font-size: 1.2rem;
}

/* @@cardText */
/* @navigation */
.nav-page-position {
margin-right: 0;
text-transform: uppercase;
font-size: .7rem;
color: #b39b5d;
font-family: 'Metropolis Medium', Arial, sans-serif;
font-weight: 600;
}

.nav-position {
margin-top: 10px;
text-align: center;
}

.liste-navpage-container {
display: flex;
justify-content: center;
align-items: center;
}

.liste-navpage-prev {
position: static;
order: 1;
}

.liste-navpage-next {
position: static;
order: 3;
}

.liste-navpage-trail {
order: 2;
margin: inherit;
width: auto;
}

.liste-navpage-next span,
.liste-navpage-prev span {
line-height: 2;
color: #b39b5d;
}

.liste-navpage-container {
padding-bottom: 0;
}

.liste-navpage-container font b,
.liste-navpage-container .PageCli {
-webkit-border-radius: 0;
border-radius: 0;
font-size: 1rem;
}

.liste-navpage-container .PageCli {
background: transparent;
color: #243a50;
}

.liste-navpage-container .PageCli:hover,
.liste-navpage-container font b {
background: transparent;
text-decoration: underline;
color: #b39b5d;
font-weight: 700;
font-family: 'Metropolis Bold', Arial, sans-serif;
}

/* @@navigation */
.liste.body-mode-textmap .liste-bien-container {
min-height: 250px;
}

.liste.body-mode-textmap .extrait-desc,
.liste.body-mode-textmap .container-pictos {
display: none;
}

.liste.body-mode-textmap .liste-bien-description {
padding: 5% 3% 3%;
}

.liste.body-mode-textmap ul.liste-bien-buttons {
display: block !important;
}

/*
.liste.body-mode-textmap .btn-visite-virtuelle,
.liste.body-mode-textmap .btn-video {
display: none;
}

*/
.liste .bien-vedette {
padding: 20px 1%;
}

/* @@pageListe */
/* @pageDetail */
.detail-bien-side-specs .icon-arrow {
transition: all 500ms ease;
}

.detail-bien-side-specs .infos-hide .icon-arrow {
left: -40px;
position: absolute;
transform: rotate(180deg);
}

.detail #content div[data-type="JsConfig.Slideshow.Detail"] {
overflow: hidden;
}

.detail-actions {
background-color: #fff;
}

.detail-topnav li.button {
border-right: 1px solid var(--color-primary);
padding-right: 20px;
padding-left: 0px;
color: var(--color-primary);
cursor: pointer;
}

.detail-topnav li.button-share {
border-right: 0;
}

.detail-topnav li.detail-contact-button {
background-color: transparent;
}

.detail-contact-button {
font-family: 'Metropolis Bold', Arial, sans-serif;
font-weight: 700;
}

.detail-topnav li.detail-contact-button:hover {
color: #353535;
}

.detail .leftside-content * {
box-sizing: border-box;
}

.detail .leftside-content {
float: none;
position: absolute;
top: 0;
right: 0;
z-index: 2;
height: 100%;
background-color:#243a50bf;
color: #fff;
transform: translateX(0);
transition: all 500ms ease;
}

.detail .top-fiche {
position: relative;
margin-top: 30px;
margin-right: 1%;
}

.detail .rightside-content {
width: 100%;
}

.detail .thumbs-flap-wrapper {
width: 19%;
overflow-y: auto;
padding-right: 0;
margin-right: 2%;
overflow-x: hidden;
min-height: 695px;
}

.detail .detail-display-content {
width: 79%;
}

.thumbs-title {
display: none;
}

.leftside-content .button-selection {
 display:none;
}

.detail-side-ref {
font-size: .9rem;
color: #fff;
margin-bottom: 30px !important;
}

.detail-side-ville {
font-family: 'Metropolis Medium', Arial, sans-serif;
font-weight: 600;
color: #fff;
font-size: 1.5rem;
margin-bottom: 0 !important;
}

.detail-side-type {
font-size: 1.2rem;
font-family: 'Metropolis Regular', Arial, sans-serif;
font-weight: 400;
margin-top: 0 !important;
}

.detail-side-prix-container {
margin-top: 50px;
}

.detail-side-prix {
color: #fff;
font-size: 1.3rem;
font-family: 'Metropolis Bold', Arial, sans-serif;
font-weight: 700;
}

.detail-bien-side-specs {
position: relative;
height: 100%;
}

.detail-bien-side-specs .icon-arrow {
font-size: 1rem;
}

.detail .leftside-content.content-hide {
transform: translateX(100%);
}

.detail-bien-prix {
display: none;
}

.detail .btn-visite-virtuelle,
.detail .btn-video,
.detail .btn-visite-video {
position: static;
display: inline-block;
background: transparent;
color: #fff;
border: 1px solid #fff;
padding: 5px 10px;
transition: all 500ms ease;
}

.outline-btn {
border: 1px solid #fff;
padding: 5px 10px;
transition: all 500ms ease;
display: inline-block;
}

.detail .btn-visite-virtuelle:hover,
.detail .btn-video:hover,
.detail .btn-visite-video:hover,
.outline-btn:hover {
background-color: #fff;
color: #353535;
text-decoration: none;
}

.container-btn-outline {
margin: 40px 0;
}

.container-btn-outline * {
box-sizing: border-box;
}

.container-btn-outline a,
.container-btn-outline div {
margin: 15px 0;
font-family: 'Metropolis Medium', Arial, sans-serif;
font-weight: 600;
}

.container-btn-full .simple-btn.color-btn {
display: inline-block;
font-size: .8rem;
cursor: pointer;
font-family: 'Metropolis Bold', Arial, sans-serif;
font-weight: 700;
}

.container-btn-full .simple-btn.color-btn:hover {
background-color: transparent;
}

.container-btn-full {
position: absolute;
bottom: 5%;
}

.container-infos-desc-flex {
display: flex;
}

.detail-bien-container-visit {
padding: 30px 1% 0;
text-align: center;
}

.detail-bien-desc {
flex-basis: 79%;
flex-grow: 1;
}

a.detail-bien-specs-btn {
background-color: #243a50;
padding: 3px 8px;
color: #fff;
display: inline-block;
margin: 5px auto;
transition: all 500ms ease;
}

a.detail-bien-specs-btn:hover {
text-decoration: none;
transform: scale(1.1);
}

.detail-bien-container-visit iframe {
width: 100%;
height: 30vw;
}

.detail-bien-title {
float: none;
}

.detail-bien-specs {
float: none;
margin-top: 20px;
text-align: left;
}

.detail-bien-specs li {
width: auto;
margin: 0 10px !important;
}

.detail-bien-specs li:first-child {
margin-left: 0 !important;
}

.detail-bien-specs li:last-child {
margin-right: 0 !important;
}

.detail .container-pictos .detail-bien-specs li {
color: #b39b5d;
}

.detail .container-pictos {
margin-bottom: 20px;
}

/* @desc */
.container-desc-presta {
display: flex;
}

.detail-bien-presta-content {
flex-basis: 33.33%;
padding: 30px 4%;
color: #b39b5d;
overflow: hidden;
}

.content-presta.content-infos-compl li span.spec-bien::after {
content: ':';
padding: 0 5px;
}

.detail-bien-desc-content {
flex-basis: 66.66%;
flex-grow: 1;
padding-right: 4%;
border-right: 1px solid #b39b5d;
}

.detail-bien-presta-content h3.title-presta {
font-family: 'Metropolis Bold', Arial, sans-serif;
font-weight: 700;
font-size: 1rem;
display: inline;
margin-right: 10px;
}

.content-presta ul {
list-style-type: disc;
color: #b39b5d;
}

.content-presta li {
font-family: 'Metropolis Regular', Arial, sans-serif;
font-size: .8rem;
}

.dropdown .icon.icon-plus {
padding-left: 20px;
}

.dropdown {
color: #b39b5d;
display: flex;
}

.dropdown h3 {
font-family: 'Metropolis Bold', Arial, sans-serif;
font-weight: 700;
margin-bottom: 15px;
}

.content-dropdown.hidden.gradient::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 35%);
pointer-events: none;
}

.content-dropdown.hidden.gradient {
display: block !important;
visibility: initial;
position: relative;
}

.descriptif-pieces .table tr {
border-bottom: 0;
}

.descriptif-pieces .table-bordered th,
.descriptif-pieces .table-bordered td {
border-bottom: 1px solid #b39b5c !important;
}

.descriptif-pieces .table tbody tr:nth-child(2n+1) td,
.table tbody tr:nth-child(2n+1) th {
background-color: transparent;
}

.descriptif-pieces tr td:nth-child(2) {
text-transform: lowercase;
}

.max-sep {
border-top: 4px solid #b39b5d;
width: 50px;
}

/* @@desc */
/* @biensSimilaires */
.detail-suggestions-title {
background-color: #e4d8c7;
margin-top: 50px;
padding-top: 0;
/*margin-bottom: 50px;*/
}

.detail-suggestions-title .home-content-title-text {
color: #243a50;
background-color: #e4d8c7;
padding: 0 20px 0 0;
}

.detail-suggestions-title hr {
border-color: #fff;
}

/* @@biensSimilaires */
.detail .btn-visite-virtuelle {
padding: 3px 10px;
}

.detail .icon.icon-virtual-visit {
font-size: 1.2rem;
}

.detail .detail-suggestions .localisation,
.detail .detail-suggestions .prix {
line-height: 1.3;
font-size: 1rem;
}

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

div[aria-labelledby="ui-dialog-title-DialogCalc"] {
width: 50vw !important;
max-width: inherit;
transform: translateX(-30%);
}

#DialogCalc {
width: 100% !important;
}

div[aria-labelledby="ui-dialog-title-DialogFriend"] {
width: 95% !important;
max-width: 850px !important;
}

div[aria-labelledby="ui-dialog-title-DialogFriend"] .social-circle-color {
color: #fff !important;
}

div[aria-labelledby="ui-dialog-title-DialogFriend"] .social-circle-color:hover {
background-color: #b39b5d !important;
}

.content-infos-compl li {
margin-top: 5px;
font: 14px 'Metropolis Regular', Arial, sans-serif;
height: 18px;
color: #4a4a4a;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
list-style-type: disc;
padding-left: 10px;
position: relative;
}

.content-infos-compl li.detail-prestation {
overflow: visible;
list-style-type: none;
white-space: initial;
height: auto;
}

.content-infos-compl li::before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #4a4a4a;
position: absolute;
top: 6px;
left: 0;
}

.content-presta.content-infos-compl ul {
padding: 0;
max-width: 100%;
margin: 0;
}

.sold .button-selection {
display: none;
}

/* @@pageDetail */
/* @group [MODULE] Jestimmo Banner Form*/
.jestimmo-iframe {
border: 0px !important;
}

.jestimmo-iframe-body {
background: #e4d8c7 !important;
padding: 20px 10px;
color: #353535;
overflow-x: hidden;
}

.jestimmo-banner-form,
.jestimmo-iframe-body a {
color: #353535 !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;
vertical-align: middle;
}

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

.jestimmo-iframe-body ul.custom-select-list-container {
max-height: 95px;
}

.jestimmo-iframe-body label {
color: #353535;
}

.jestimmo-banner-form {
margin-top: 30px;
}

/* @end */
.agence .qui-sommes-nous ul li {
font-size: 1rem;
line-height: 1.5rem;
}

#DialogRappel~.ui-dialog-buttonpane {
display: none;
}

#DialogRappel {
max-width: 700px;
margin: 5vh auto;
}

.leaflet-container a.leaflet-popup-close-button {
color: #353535 !important;
}

.agence p {
font-size: 1rem;
line-height: 1.5rem;
text-align: justify;
}

iframe.jestimmo-iframe {
width: 100%;
}

.services .nos-services ul li,
.services p {
font-size: 1rem;
line-height: 1.5rem;
text-align: justify;
}

.sort-liste.active-sort-desc::after {
content: "\25BE";
display: inline-block;
}

.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;
}

.container-header-spec h2.heading2 {
min-width: 100%
}

/* ESTIMER */
.table-row>td>table td,
.table-price td {
border: 1px solid #364a5d;
border-top: 0;
border-bottom: 0;
}

table.table-price {
border-collapse: collapse;
width: 100%;
margin-bottom: 20px;
}

.table-price th,
.table-price td {
padding: 12px;
text-align: left;
}

.table-price th {
background-color: #364a5d;
color: white;
border: 1px solid #fff;
border-top: 0;
border-bottom: 0;
border-left: 0;
}

.table-price th:last-child {
border-right: 0;
}

.secteur-header>td,
.table-price thead>th {
width: 200px;
}

.table-row>td>table tr>td {
width: 150px;
}

.table-row>td>table tr>td:nth-child(2) {
font-weight: bold;
}

.table-row {
display: none;
}

.table-row>td {
padding: 0;
}

.table-row>td>table {
width: 100%;
}

.table-row.active {
display: table-row;
}

.secteur-header {
background-color: #c3a257;
font-weight: bold;
color: white;
}

.secteur-header td:first-child {
font-weight: bold;
color: #fff;
}

.sous-secteur-row:nth-child(odd) {
background-color: rgba(195, 162, 87, 0.2);
}

.button-row {
cursor: pointer;
color: #fff !important;
}

.button-row svg {
width: 20px;
height: 20px;
transition: all 0.2s ease-out;
}

.button-row.active svg {
transform: rotate(-180deg);
}

.prix {
font-weight: bold;
}

.os-text-titre,
.os-text-commentaire,
.os-text-date {
color: #353535 !important;
}

/* @@surcharge
--------------------------------*/
/*
// ========================================== \\
||  ||
||   XI. MEDIA QUERIES  ||
||  ||
\\ ========================================== //
*/
/* ==========================================================================
11.1 POINT DE BREAK ENTRE LA COLONNE DE DROITE ET LE MENU DE GAUCHE
========================================================================== */
@media screen and (min-width:2000px) {
/* .big-flap-container {
width: 1700px!important;
height:1200px!important;
left:50%!important;
transform:translateY(-50%) translateX(-50%)!important;
}
 */
.big-flap-container .diapo img.photo-big {
max-width: 1700px;
max-height: 1200px;
}

}

@media (max-width: 1400px) {
/* Header */
.wrapper {
max-width: 1400px;
}

/* Home intro */
#home-intro {}

.masque-rech.home-form {
width: 32%;
margin-right: 3%;
}

.svg-map-container {
margin-top: 20px;
}

/* Liste */
.liste-bien-container {
width: 100%;
}

/* Detail */
.detail .rightside-content {
width: 75%;
float: left;
background-color: #dfe1df;
}

.detail .top-fiche {
background-color: #dee1de;
}

.detail .detail-display-content {
float: none;
width: 100%;
}

.detail .leftside-content {
width: 25%;
font-size: 0.9em;
}

.detail .full-content .wrapper {
width: 80%;
}

.detail-photo-container .large-flap-container,
.detail-photo-container .anti-cheat,
.detail-photo-container .large-flap-container div.diapo {
height: 500px;
min-height: 500px;
width: 100%;
}

.big-flap-container .diapo img.photo-big {
max-width: 900px;
max-height: 900px;
}

/*-- Thumbs Specific Detail --*/
.detail .thumbs-title {
display: none;
}

.detail .thumbs-flap-wrapper {
float: left;
width: 100%;
padding: 10px 6%;
position: relative;
clear: both;
height: 130px !important;
margin-top: 20px;
}

/*.detail .thumbs-flap-container {text-align: center; font-size: 0;}
*/
.detail .jspContainer,
.detail .jspPane,
.detail .thumbs-flap-container {
height: inherit;
width: inherit;
padding: 0;
}

.detail .thumbs-flap-container .is-flap {
display: inline-block;
background: #fff;
text-align: center;
position: relative;
overflow: hidden;
margin-right: 18px;
width: auto;
float: none;
}

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

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

.detail .thumbs-flap-container .is-flap img {
background: #fff;
height: auto;
width: 100%;
max-width: 156px;
cursor: pointer !important;
}

.detail .thumbs-control-prev,
.detail .thumbs-control-next {
position: absolute;
top: 56px;
width: 12px;
height: 22px;
display: block;
}

.detail .thumbs-control-prev {
left: 2%;
}

.detail .thumbs-control-next {
right: 2%;
}

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

.scrollpane>div {
position: relative;
white-space: nowrap;
overflow: hidden;
width: 100% !important;
}

.scrollpane .jspPane {
position: absolute;
width: 100% !important;
}

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

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

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

.jspCap {
display: none;
}

.jspHorizontalBar .jspCap {
float: left;
}

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

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

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

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

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

.jspVerticalBar .jspArrow {
height: 16px;
}

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

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

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

/* Home */
/* Liste */
.body-mode-text .liste-bien-container {
height: 446px;
width: 100%;
}

/* Minisite */
.liste-nego-photo {
width: 22%;
height: 110px;
overflow: hidden;
}

/* Home news */
.home-slide-news .previous {
left: 1%;
}

.home-slide-news .next {
right: 1%;
}

/* Mini liste */
.liste.ref .mode-pict .liste-bien-price {
bottom: 15px;
right: 10px;
}

/* @1400 */
#content,
#footer,
.bloc-minimoteur,
.container-header-spec{
padding-left: 20%;
}

.header-menu {
width: 20%;
}

a.btn-form-rech-home::before {
margin: 20% auto 10px;
}

.liste-bien-photo {
width: 60%;
margin-left: 40%;
}

.liste-bien-container:nth-child(n) .liste-bien-photo {
margin-left: 0%;
}

.liste-bien-container:nth-child(2n) .liste-bien-photo .liste-bien-ribbon {
right: inherit;
}

.liste-bien-description {
width: 40%;
}

.detail .thumbs-flap-wrapper {
height: 130px !important;
min-height: 130px;
overflow: auto;
}

.scrollpane {
overflow: auto;
}

.detail .table.tabledescpiece th,
.detail .table.tabledescpiece td {
padding: 8px 5px;
}

.masque-rech .form-critere-content-demi {
width: 47.8%;
}

.liste-bien-photo img {
margin-top: 0;
}

.detail-bien-desc-content {
flex-basis: 46.66%;
}

.detail-bien-presta-content {
flex-basis: 43.33%;
}

.row-flex.align-center .pa5 {
padding: 10px !important;
}

.detail-bien-side-specs {
background-color: #243a50;
}

.liste-bien-offre {
margin-top: 0px;
}

.extrait-desc {
margin-top: 0;
}

}

@media (max-width: 1100px) {
.pied-ref-villes li {
width: 33%;
}

.contact .main-content-demicol {
width: 100%;
margin-right: 0%;
}

.stop-map {
position: absolute !important;
bottom: 600px !important;
}

}

/* ==========================================================================
11.1 PORTRAIT TABLET TO LANDSCAPE AND DESKTOP : (min-width: 768px) and (max-width: 1024px)
========================================================================== */
@media (max-width: 1024px) {
.bg-header {
background: #f5f5f5 url('/images/superslide/bg-superslide1.jpg') no-repeat center -460px scroll;
}

/* @media1024 */
.header-menu {
width: 30%;
left: -30%;
}

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

.header-menu .menu-top {
display: none;
}

.header-mobile {
display: block;
}

.close-btn {
display: inline-block;
color: #b39b5d !important;
}

.header-menu #header-logo {
display: none;
}

.header-menu .main-menu {
margin-top: 70px
}

#top {
position: static !important;
}

.home .bg-header {
height: 100%;
background-position: center center !important;
}

.home .spacer-scroll-to-fixed {
display: none;
max-height: 0;
}

#content,
.bloc-minimoteur,
.container-header-spec,
.detail-actions {
padding-left: 0;
}

.container-top-form-rech {
display: none;
}

.opinion .col.col_1_of_6,
.opinion .col.col_2_of_7 {
width: 100%;
text-align: center;
}

.container-img-percent.row-flex {
justify-content: center;
}

.infos-agence {
padding: 0
}

#footer {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}

.pied-menu.container-liste-ref-rs {
display: flex;
float: none;
flex-direction: column-reverse;
}

.pied-ref-newsletter-container {
flex-direction: column-reverse;}

#footer .newsletter-form-container{min-width:100%;margin-bottom:10px;}

#footer .home-content-title-text{margin-bottom:-10px!important}

.pied-menu.container-liste-ref-rs .home-content-title {
order: 1;
width: 100%;
text-align: center;
flex-direction:column;
}

#footer .pied-ref-container{width:100%!important;}

.col.col_4_of_5 {
float: none;
width: 100%;
order: 3;
}

.col.col_1_of_5.social-menu {
width: 100%;
order: 2;
float: none;
border-bottom: 1px solid #b39b5d;
padding-bottom: 0px !important;
}

#footer .home-content-title-text {
padding: 0 10px;
}

.pied-adresse-content {
margin-bottom: 20px;
}

.pied-ref-villes {
text-align: center;
}

.container-link-mentions {
text-align: center;
}

.masque-rech .form-critere {
width: 45%;
}

.body-mode-text .liste-bien-container {
height: 420px;
}

.extrait-desc {
max-height: 42px;
}

.mode-affichage.mobile-hide.li-text-map {
display: none;
}

.detail-topnav li.button {
padding-right: 10px;
padding-left: 10px;
}

.container-infos-desc-flex {
flex-direction: column;
}

.detail-bien-container-visit,
.detail-bien-desc {
flex-basis: 100%;
}

.detail-bien-container-visit iframe {
height: 53vw;
}

/* Moteur */
.form-critere {
width: 100% !important;
height: auto;
border: none;
}

.form-critere-input-ville {
padding-left: 0;
}

.lieu-bloc-label {
width: 100%;
}

.btn-more-rech {
width: auto;
margin-top: 10px;
font-size: 1.1em;
}

.agence #content .row-flex .col_1_of_2 {
width: 100%
}

.agence #content .row-flex:nth-last-child(2) .col_1_of_2:first-child {
order: 2;
}

.agence #content .row-flex:nth-last-child(2) .col_1_of_2:last-child {
order: 1;
}

.services #content .row-flex:nth-last-child(2) .col_1_of_2:first-child {
order: 2;
}

.services #content .row-flex:nth-last-child(2) .col_1_of_2:last-child {
order: 1;
}

div[aria-labelledby="ui-dialog-title-DialogCalc"] {
width: 80vw !important;
transform: translateX(-35%);
}

.content-presta.content-infos-compl ul {
max-width: 100%;
}

.agence .flex-map-os-container .bien-vedette.opinion {
width: 100% !important;
margin-top: 20px;
}

}

/* BG Header - Home Intropour IOS*/
/*@media all and (max-height: 910px){
#home-intro {height: 910px; }

.superslides{ height: 910px !important;}

}
*/
@media (min-width: 768px) and (max-width: 1024px) {
.header-top {
padding: 0 2%;
}

#header-logo a {
background-image: url(/images/logo-medium.png);
background-image: -webkit-image-set(url(/images/logo-medium.png) 1x, url(/images/logo-medium@2x.png) 2x);
background-image: image-set("/images/logo-medium.png" 1x, "/images/logo-medium@2x.png" 2x);
background-size: contain;
}

.uk #header-logo a {
background-image: url(/images/logo-medium-uk.png);
background-image: -webkit-image-set(url(/images/logo-medium-uk.png) 1x, url(/images/logo-medium-uk@2x.png) 2x);
background-image: image-set("/images/logo-medium-uk.png" 1x, "/images/logo-medium-uk@2x.png" 2x);
background-size: contain;
}

/* ----- Avis Client ----- */
.liste-avis-col1 {
width: 40%
}

.liste-avis-col2 {
width: 50%;
margin-right: 0
}

.liste-avis-col3 {
display: block;
width: 100%;
margin-top: 6px;
}

.alt-menu li.header-avis-client {
display: block !important;
height: 38px;
}

.alt-menu.sf-menu {
top: 0;
}

.page-container {
padding: 30px 2% 50px;
}

.wrapper {
max-width: 1024px;
}

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

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

.slidesuperslide-3 { background: url('/images/superslide/bg-superslide3-medium.jpg'); background-size: cover; background-position: center;}
*/
/* ----- Page d'accueil  ----- */
/* Home intro */
#home-intro {
height: auto;
min-height: 80vh;
}

.masque-rech.home-form {
width: 35%;
margin-right: 3%;
height: 100%;
padding-bottom: 30px;
min-height: 80vh;
}

.svg-map-container {
margin-top: 20px;
}

.svg-map-france {
height: 250px;
}

.masque-rech.home-form .form-submit-rech {
font-size: 1rem !important;
}

/* Home news */
.home-slide-news .previous {
left: 1%;
}

.home-slide-news .next {
right: 1%;
}

a.home-vignette-container,
.widget-vide {
width: 49%;
font-size: 0.9em;
margin-bottom:20px
}

/* ----- Liste  ----- */
.liste-bien-container {
font-size: 0.9em;
}

.liste-bien-description {
width: 45%;
}

.body-mode-text .liste-bien-photo img {
width: 100%;
height: auto;
margin-top: 0;
min-height: 100%;
}

.body-mode-text .liste-bien-photo {
width: 60%;
margin-left: 40%;
}

/* A DECOMMENTER POUR LE MODE LISTE SUR 2 COLONNES */
/*.body-mode-text .liste-bien-container:nth-child(even) .liste-bien-photo {
margin-left: 40%;
}
*/
.body-mode-text .liste-bien-description {
width: 40%;
}

.liste.body-mode-textmap .liste-bien-price,
.liste.body-mode-pictmap .liste-bien-price {
position: relative;
}

.liste.body-mode-textmap .liste-bien-photo a .ico-loupe,
.liste.body-mode-pictmap .liste-bien-photo a .ico-loupe {
background: none;
}

.liste.body-mode-textmap .liste-bien-buttons li a,
.liste.body-mode-textmap .liste-bien-buttons li span,
.liste.body-mode-pictmap .liste-bien-buttons li a,
.liste.body-mode-pictmap .liste-bien-buttons li span {
padding: 5px;
}

/* Informations specifique au mode-2 ( vignette only) */
.body-mode-pict .liste-bien-container {
min-height: 180px !important;
}

.body-mode-pict .liste-bien-price {
bottom: 55px;
right: 2px;
}

/* Alerte */
.liste-create-alert {
padding: 1% 3% 2%;
font-size: 0.9em;
}

/* Moteur */
.btn-more-rech {
font-size: 0.8em;
}

/* Header liste */
.select-mode-affichage p {
display: none;
}

/* ----- Detail  ----- */
.detail .full-content .wrapper {
width: 96%;
}

.detail .leftside-content {
width: 30%;
font-size: 0.9em;
}

.detail .rightside-content {
width: 70%;
}

.detail .btn-back {
display: none;
}

.detail-topnav ul {
text-align: center;
}

.detail-topnav li {
margin: 10px 0;
}

.detail-topnav li a {
padding-right: 0;
}

/*On affiche le bottom form et le bouton*/
.detail-contact-bottom {
display: block;
}

.detail-topnav li.detail-contact-button {
display: inline-block;
}

.detail-photo-container .large-flap-container,
.detail-photo-container .anti-cheat,
.detail-photo-container .large-flap-container div.diapo {
height: 450px;
min-height: 450px;
}

.detail-photo-container .large-flap-container div.is-flap img,
.detail-photo-container .large-flap-container div.no-flap img {
width: auto;
height: 450px;
}

.big-flap-container .diapo img.photo-big {
max-width: 750px;
max-height: 580px;
}

.large-flap-nav {
opacity: 1 !important;
}

.large-flap-nav .previous,
.large-flap-nav .next {
margin-top: 200px;
}

#GGMapPoi {
width: 100% !important;
height: 370px;
}

/* ----- Footer  ----- */
/* ----- Minisite  ----- */
.liste-nego-photo {
width: 30%;
height: 110px;
overflow: hidden;
}

/* ----- Mya  ----- */
.mya-alerte-btn {
width: 30%;
}

.mya-alerte-block-resume {
width: 68%;
}

/* --------- Page Agences --------- */
.list-agence-item {
width: 47%;
}

/* @media1024/768 */
#header-logo {
width: 220px;
height: 190px;
margin: 0;
}

.masque-rech.home-form {
width: 45%;
}

  a.home-vignette-container,
.widget-vide {
width: 95%;
font-size: 0.9em;
margin-bottom:20px
}

}

@media (max-width: 960px) {
/*
.body-mode-text .liste-bien-container {
height: 330px;
}

*/
.body-mode-text .liste-bien-description {
width: 50%;
}

.body-mode-text .liste-bien-photo {
width: 50%;
margin-left: 0;
}

.liste-bien-offre {
margin-top: 5%;
}

.liste-bien-description {
padding: 2% 2% 20px 6%;
}

}

/* ==========================================================================
11.2 LANDSCAPE PHONE TO PORTRAIT TABLET : (max-width: 767px)
========================================================================== */
@media (max-width: 767px) {
.home .bg-header {
background-image: url(/images/superslide/bg-superslide-small.jpg);
background-size: 100%;
background-position: center !important;
height: 100vh;
max-width: 100%;
width: 100%;
left: 0;
top: 0;
background-attachment: initial !important;
}

.luberon .col.col_1_of_2 img {
width: 100%;
}

/*-- Generalites --*/
.mobile-hide {
display: none !important;
}

body {
font-size: 12px;
}

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

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

.demi-page,
.demi-page:last-child {
float: none;
width: 100%;
}

.leftside-page {
width: 100%;
float: none;
}

.rightside-page {
width: 100%;
float: none;
padding: 0;
}

.main-content-demicol,
.main-content-demicol:first-child {
width: 100%;
margin: 0;
float: none;
margin-bottom: 20px;
}

.page-container {
padding: 30px 2% 50px;
}

.masque-rech {
padding-top: 10px;
padding-bottom: 10px;
}

.search-responsive-btn > span {
display: inline-flex;
align-items: center;
gap: 6px;
}

/*-- Header --*/
#header-logo {
width: 180px;
height: 127px;
}

#header-logo a {
background-image: url(/images/logo-medium.png);
background-image: -webkit-image-set(url(/images/logo-medium.png) 1x, url(/images/logo-medium@2x.png) 2x);
background-image: image-set("/images/logo-medium.png" 1x, "/images/logo-medium@2x.png" 2x);
background-size: contain;
}

.uk #header-logo a {
background-image: url(/images/logo-medium-uk.png);
background-image: -webkit-image-set(url(/images/logo-medium-uk.png) 1x, url(/images/logo-medium-uk@2x.png) 2x);
background-image: image-set("/images/logo-medium-uk.png" 1x, "/images/logo-medium-uk@2x.png" 2x);
background-size: contain;
}

.bg-header {
display: block !important;
background: url(/images/superslide/bg-superslide-small.jpg) center top no-repeat cover;
height: 100%;
position: fixed !important;
top: 0px;
}

/* On masque la video ou superslide */
#video-bg {
display: none;
}

.superslides {
display: none !important;
}

.header-content {
width: 100%;
}

.nav-btn {
display: block;
top: 20px;
}

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

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

.home .offers-responsive-btn {
display: none;
}

/* On force le #top à rester en relative en scroll to fix */
#top.scroll-to-fixed.scroll-to-fixed-fixed {
position: inherit !important;
}

.header-menu ul li a,
.header-menu ul li span.span-link {
padding: 10px;
}

.close-btn {
margin-bottom: 15px;
}

/* ----- Avis Client ----- */
.star {
width: 14px;
}

.alt-menu li.header-avis-client {
display: block !important
}

.alt-menu.sf-menu {
top: 0;
}

.liste-avis-col1 {
width: 40%
}

.liste-avis-col2 {
width: 50%;
margin-right: 0
}

.liste-avis-col3 {
display: block;
width: 100%;
margin-top: 10px;
}

/* ----- Page d'accueil  ----- */
/* Home intro */
#home-intro {
height: auto;
}

.masque-rech.home-form {
width: 96%;
height: auto;
float: none;
margin: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 4%;
}

.svg-map-container {
margin-top: 20px;
}

.svg-map-france {
height: 250px;
}

.masque-rech.home-form .form-submit-rech {
font-size: 1rem !important;
}

a.home-content-title-btn {
float: none;
width: auto;
display: inherit;
margin-top: 10px;
}

.icon.icon-home-down {
font-size: 20px;
bottom: 5%;
}

/* Home Content */
.home-content-col1,
.home-content-col2 {
width: 100%;
float: none;
display: inline-block;
margin: 5px 0;
}

.home-content-edito {
padding: 10px;
}

.home-content-news {
padding: 10px;
}

.social-menu-home-page {
text-align: center;
}

/* Home news */
.home-slide-news .previous {
left: 1%;
}

.home-slide-news .next {
right: 1%;
}

.home-slide-news-img,
.home-slide-news-img-mask {
width: 180px;
height: 180px;
}

.home-slide-news-img img {
height: 180px;
}

.home-slide-agence .previous,
.home-slide-agence .next {
height: 40px;
width: 40px;
top: 40%;
color: #FFF;
text-align: center;
line-height: 45px;
font-size: 16px;
}

.home-slide-agence .previous {
left: 4%;
}

.home-slide-agence .next {
right: 4%;
}

.home-slide-agence-text {
padding: 0 60px;
}

.home-slide-agence-text .heading2 {
font-size: 1.5em;
margin-left: 30px;
margin-right: 30px;
}

/* Home vedette */
a.home-vignette-container,
.widget-vide {
width: 33%;
font-size: 0.9em;
margin: 10px;
}

/* Moteur */
.form-critere {
width: 100% !important;
height: auto;
border: none;
}

.lieu-bloc-label {
width: 100%;
}

.btn-more-rech {
width: auto;
margin-top: 10px;
font-size: 1.1em;
}

/* ----- Liste  ----- */
/* Hack pour le spacer du sticky */
.spacer-scroll-to-fixed {
height: 0 !important;
}

/* Header liste */
.select-mode-affichage p {
display: none;
}

.body-mode-text .liste-bien-container.clearfix.show-on-map {
height: auto;
padding-bottom: 10px;
}

.body-mode-text .liste-bien-description {
width: 100%;
margin-left: inherit;
position: relative;
}

.body-mode-text .liste-bien-photo {
width: 100%;
margin-left: inherit;
position: relative;
height: auto;
}

.body-mode-text .liste-bien-container:nth-child(even) .liste-bien-photo {
margin-left: 0;
}

.liste .page-container {
min-height: auto;
}

/* Nb biens */
/* Alerte */
.liste-create-alert {
padding: 2%;
background-image: none;
}

.liste-create-alert-content {
width: 100%;
float: none;
}

.liste-create-alert-content-input {
width: 100%;
float: none;
text-align: left;
}

input.input-text-alerte-mail {
width: 80%;
}

input.submit-classique.form-submit-alerte-mail {
width: 10%;
}

/* Item */
.liste-bien-description {
width: 100%;
position: relative;
padding-bottom: 20px;
}

.liste-bien-photo-frame {
width: 100%;
margin-left: 0%;
position: relative;
}

.liste-bien-offre {
margin-top: 30px;
}

.liste-bien-title {
padding: 5px 0;
}

/* Informations specifique au mode-2 ( vignette only) */
.body-mode-pict .liste-bien-container {
position: relative;
padding-bottom: 10px;
min-height: inherit !important;
margin-right: 1.2%;
width: 100%;
}

.body-mode-pict .liste-bien-photo {
width: 100%;
height: 100%;
position: relative;
background: #17242f;
text-align: center;
}

.body-mode-pict .liste-bien-price,
.body-mode-pict .liste.ref .mode-pict .liste-bien-price {
position: relative;
bottom: inherit;
top: inherit;
right: inherit;
}

.body-mode-map #IfGGMap {
height: 450px !important;
}

/* Img Bouton */
.ui-dialog #DialogPolyMap .gg-map #DialogPolyMap .gg-map {
height: 355px !important;
}

/* Dialog Share */
.dialog-share,
.dialog-send {
float: none;
width: 98%
}

.dialog-or {
display: none;
}

.dialog-send-title,
.dialog-share-title {
padding: 0 0 10px;
margin-bottom: 10px;
}

/* ----- Detail  ----- */
.detail-bien-side-specs,
.leftside-content {
display: none;
}

.detail .full-content .wrapper {
width: 96%;
}

.detail .rightside-content {
float: none;
width: 100%;
}

.detail .leftside-content {
float: none;
width: 100%;
}

/*On affiche le bottom form et le bouton*/
.detail-contact-bottom {
display: block;
}

.detail-topnav li.detail-contact-button {
display: inline-block;
}

.detail .btn-back {
display: none;
}

.detail-topnav ul {
text-align: center;
}

.detail-topnav li {
margin: 10px 0 10px 5px;
}

.detail-photo-container .large-flap-container,
.detail-photo-container .anti-cheat,
.detail-photo-container .large-flap-container div.diapo {
height: 380px;
min-height: 380px;
width: 100%;
}

.detail-photo-container .large-flap-container div.is-flap img,
.detail-photo-container .large-flap-container div.no-flap img {
min-height: 380px;
}

.detail-bien-desc {}

.detail-bien-specs {
float: none;
width: 100%;
text-align: left;
margin: 10px 0;
}

.detail-bien-title {
float: none;
width: 100%;
}

a.suggest-bien {
width: 50%;
float: left;
}

a.suggest-bien:last-child {
display: none;
}

a.suggest-bien:first-child {
display: block !important;
}

.big-flap-container .diapo img.photo-big {
max-width: 470px;
max-height: 400px;
}

.large-flap-nav {
opacity: 1 !important;
}

.large-flap-nav .previous,
.large-flap-nav .next {
width: 35px;
height: 35px;
margin-top: 190px;
line-height: 38px;
font-size: 15px;
}

.large-flap-nav .next {
right: 20px;
}

.large-flap-nav .previous {
left: 20px;
}

.poi-col {
width: 44%;
margin: 10px 1%;
}

#GGMapPoi {
width: 100% !important;
height: 370px;
}

.detail-bien-prix {
position: relative;
}

.detail-bien-intro.clearfix {
text-align: left;
}

/* ----- Selection  ----- */
.selection-actions {
display: inline-block;
float: none;
margin-top: 0px;
}

.selection-actions ul {
text-align: left;
margin: 0px;
padding: 0;
}

/* ----- Minisite  ----- */
.liste-nego-photo {
height: auto;
margin-right: 20px;
}

.liste-nego-photo img {
max-height: 140px;
width: auto;
}

.liste-nego-container.clearfix {
width: 98%;
}

.minisite .leftside-page {
width: 100%;
float: none;
}

.minisite .rightside-page {
width: 96%;
float: none;
margin-top: 40px;
text-align: center;
}

.header-agent .illustration-aside img {
max-width: 100px;
max-height: 120px;
}

/* ----- Footer  ----- */
.pied-adresse ul {
text-align: center;
}

.pied-agence-name {
width: 100%;
margin-bottom: 10px;
}

/*Footer Menu*/
.footer-menu ul {
float: none;
width: 100%;
}

.footer-menu li {
float: left;
}

.footer-menu li:first-child {
padding-bottom: 8px !important;
padding-top: 20px !important;
width: 100%;
font-weight: bold;
border-top: 1px solid #4e4e4e;
}

/* Pied Ref Villes */
.pied-ref-villes li {
width: 50%;
}

.pied-menu-left,
.pied-menu-right {
float: none;
width: 100%;
text-align: center;
margin: 10px 0px;
}

/* Ref Plan */
.ref-plan-liste ul {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
-moz-column-gap: 0;
-webkit-column-gap: 0;
column-gap: 0;
}

.ref-plan-liste li {
list-style-image: none;
padding: 5px 0;
}

/* ----- Formulaire  ----- */
.form-critere-title {
width: 100%;
font-family: "Metropolis Bold", Arial, Helvetica, Geneva, sans-serif;
}

.form-critere-content {
width: 100%;
padding: 5px 0;
}

/* --------- Page contact --------- */
/* --------- Mya --------- */
.leftside-menu-mya,
.rightside-page-mya {
width: 100%;
float: none;
margin-top: 10px;
padding-right: 0%;
}

.mya-alerte-btn,
.mya-alerte-block-resume {
width: 100%;
float: none;
}

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

.mya-alerte-btn li {
display: inline-block;
}

.mya-alerte-date {
display: inline-block;
margin-right: 10px;
}

.side-mya-menu-btn span {
display: block;
}

.side-mya-menu {
display: none;
}

/*-- UI DIalog - les modales --*/
.ui-dialog {
padding: 20px;
background: #fff !important;
border-radius: 0 !important;
height: 100% !important;
width: 100% !important;
max-width: inherit;
max-height: inherit !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
top: 0 !important;
position: fixed;
}

/*Suppirmer le focus des input sur IOS */
input[type="text"],
textarea {
font-size: initial !important;
}

/* --------- Page Agences --------- */
.list-agence-item {
width: 47%;
}

/* @media767 */
.masque-rech.home-form {
width: 90%;
margin: 0 5%;
}

.container-text-agence {
padding: 0 1.5em;
}

.liste-create-alert {
border-left: 0;
}

.bloc-minimoteur .btn-more-rech {
padding-left: 0;
}

.form-critere-input-ville {
padding-left: 0;
padding-top: 0;
}

.liste-create-alert {
margin-top: 0;
}

.extrait-desc {
display: block;
}

.desktop-hide {
display: block;
}

.mobile-hide {
display: none;
}

.liste-bien-description {
padding: 1% 3%;
}

.container-desc-presta {
flex-direction: column;
}

.detail-bien-desc-content,
.detail-bien-presta-content {
flex-basis: 100%;
}

.detail-bien-desc-content {
border: 0;
padding: 2%;
}

.detail-bien-presta-content {
padding: 2%;
border-top: 1px solid #b39b5d;
}

/* Jestimo */
.jestimmo-iframe {
min-height: 530px !important;
}

div[aria-labelledby="ui-dialog-title-DialogCalc"] {
height: 90vh !important;
overflow-y: auto !important;
}

.liste .container-pictos .detail-bien-specs>ul>li {
display: flex;
flex-direction: column;
align-items: center;
width: 16%;
justify-content: flex-start;
margin: 5px !important;
}

.detail .container-pictos .detail-bien-specs>ul>li {
margin: 5px 5px 5px 0 !important;
}

.liste .container-pictos .detail-bien-specs .picto-bien-specs {
width: initial;
}

.liste .container-pictos .detail-bien-specs .text-bien-specs {
width: initial;
margin-left: 10px;
height: initial;
}

/* @767 */
.header-mobile .container-slogan h2 {
text-transform: uppercase;
}

/* 
.container-header-spec h2 {
display: none;
}

 */
.detail-topnav li.button {
margin-top: 5px;
margin-bottom: 0;
}

section.map-agence-properties {
padding-top: 25px;
}

.heading1 {
font: 2.5em 'Metropolis Light', Helvetica, Arial, sans-serif;
}

}

/* ==========================================================================
   11.2 LANDSCAPE PHONES AND DOWN (max-width: 480px)
   ========================================================================== */
@media (max-width: 480px) {
/*-- Header --*/
#header-logo a {
background-image: url(/images/logo-small.png);
background-image: -webkit-image-set(url(/images/logo-small.png) 1x, url(/images/logo-small@2x.png) 2x);
background-image: image-set("/images/logo-small.png" 1x, "/images/logo-small@2x.png" 2x);
background-size: contain;
}

.uk #header-logo a {
background-image: url(/images/logo-small-uk.png);
background-image: -webkit-image-set(url(/images/logo-small-uk.png) 1x, url(/images/logo-small-uk@2x.png) 2x);
background-image: image-set("/images/logo-small-uk.png" 1x, "/images/logo-small-uk@2x.png" 2x);
background-size: contain;
}

/* ----- Altmenu on le masque dans le header et on l'affiche dans headermenu  ----- */
.alt-menu {
display: none;
}

.alt-menu-mobile {
display: block !important;
}

.menu-with-icon-label {
display: inline-block;
}

/* ----- Page d'accueil  ----- */
/* Home news */
.home-slide-news .large-flap-container {
min-height: 390px;
}

.home-slide-news .previous {
left: 1%;
}

.home-slide-news .next {
right: 1%;
}

.home-slide-news-img {
float: none;
margin: 0px auto;
}

.home-slide-news-text {
padding-top: 10px;
}

/* Home Slide agence */
.home-slide-agence .quotes.left-quotes-white,
.home-slide-agence .quotes.right-quotes-white {
display: none;
}

.home-slide-agence-text {
padding: 0 20px;
}

a.home-vignette-container,
.widget-vide {
width: 100%;
margin: 0 auto 10px;
}

/* ----- Liste  ----- */
/* Moteur */
.form-critere-content-demi,
.form-critere-content-un-tiers,
.form-critere-content-deux-tiers {
width: 100% !important;
height: auto;
border: none;
margin: 0 !important;
margin-bottom: 5px !important;
}

/* Tri */
.filters-container {
float: left;
}

.filters-content li span {
margin-left: 0 !important;
margin-right: 5px !important;
}

.liste-bien-buttons li {
width: 100%;
font-size: 1.1em;
text-align: center;
border: none !important;
margin-bottom: 10px;
}

.liste-bien-buttons li a,
.liste-bien-buttons li span {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-color: #e9e9e9;
}

/* Item */
/* Informations specifique au mode-2 ( vignette only) */
.body-mode-pict .liste-bien-container {
font-size: 0.8em;
}

.body-mode-pict .liste-bien-container .liste-bien-description {
font-size: 1em !important;
}

.body-mode-pict .liste-bien-container .btn-visite-virtuelle {
bottom: 0;
top: inherit;
left: 0;
right: inherit;
}

.liste-bien-photo a .ico-loupe {
background: url('/images/ico-loupe-liste.png') 50% -110% no-repeat transparent;
}

.body-mode-map #IfGGMap {
height: 350px !important;
}

/* Img Bouton */
#DialogPolyMap {
height: 250px !important;
}

#DialogPolyMap .gg-map {
height: 205px !important;
}

.ui-dialog-buttonset button {
font-size: 0.7em !important;
background-image: none !important;
padding: 2px;
}

/* ----- Detail  ----- */
.detail-photo-container .large-flap-container,
.detail-photo-container .anti-cheat,
.detail-photo-container .large-flap-container div.diapo {
height: 250px;
min-height: 250px;
width: 100%;
}

.detail-photo-container .large-flap-container div.is-flap img,
.detail-photo-container .large-flap-container div.no-flap img {
min-height: 250px !important;
}

.big-flap-container .diapo img.photo-big {
max-width: 400px;
max-height: 400px;
}

.large-flap-nav .previous,
.large-flap-nav .next {
margin-top: 100px;
}

.prix-location {
text-align: left;
}

.poi-col {
width: 45%;
margin: 10px 22%;
}

.poi-col li {
line-height: 2.5em;
}

#GGMapPoi {
width: 100% !important;
height: 300px;
}

/* ----- Minisite  ----- */
.liste-nego-photo {
height: auto;
width: 100%;
margin: 0;
}

.liste-nego-desc {
width: 100%;
}

.liste-nego-photo img {
max-height: 200px;
}

.liste-nego-container {
text-align: center;
}

.header-agent .illustration-aside img {
max-width: 80px;
max-height: 100px;
}

/* ----- Footer  ----- */
/* Message Responsive */
.message-responsive-text .quotes.left-quotes-gray,
.message-responsive-text .quotes.right-quotes-gray {
top: 80px;
}

/*Footer Menu*/
.footer-menu ul {
float: none;
width: 100%;
}

.footer-menu li {
float: left;
}

.footer-menu li:first-child {
padding-bottom: 8px !important;
padding-top: 20px !important;
width: 100%;
font-weight: bold;
border-top: 1px solid #4e4e4e;
}

/* Pied Ref Villes */
.pied-ref-villes li {
width: 100%;
}

.pied-menu-right {
float: none;
margin: 50px 0;
}

.miniliste-deroulant .custom-select-container,
.css-deroulant {
float: none;
width: 100%;
margin-bottom: 20px;
}

/*-- UI DIalog - les modales --*/
.calc-leftcol,
.calc-rightcol {
float: inherit;
width: 100%;
}

/* --------- Page Agences --------- */
.list-agence-item {
width: 100%;
}

/* @media480 */
.header-banner-content .filter-op {
padding: 25px 2.5%;
}

.container-pictos .nolist {
flex-wrap: wrap;
}

#header-logo {
margin-top: 50px;
}

}

/* Google map show-on-click */
.gg-map.gg-map-show-on-click {
background: url("/images/beforemap.jpg") !important;
background-position: center !important;
background-size: cover !important;
cursor: pointer !important;
text-align: center;
}

.gg-map.gg-map-show-on-click:before {
content: "Click to show the map";
display: inline-block;
background: rgba(95, 95, 95, 0.76);
color: #FFF;
padding: 10px;
position: relative;
top: 45%;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.gg-map.gg-map-show-on-click:hover:before {
background: rgba(57, 57, 57, 0.88);
}

.gg-map.gg-map-show-on-click:hover:before {
background: rgba(57, 57, 57, 0.88);
}

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

/* ==== AJOUT ==== */
.nous-situer {
background-color: #f9f9f9;
}

.nous-situer .cover-img img {
max-height: 540px !important;
}

.color1 {
color: #b39b5d;
}

.row-bareme {
justify-content: space-between;
}

.bareme_bloc {
width: 32%;
border: 1px solid #b39b5d;
background-color: rgba(179, 155, 93, .1);
padding: 2em;
box-sizing: border-box;
}

.bareme_bloc .heading3 {
text-transform: uppercase;
font-family: 'Metropolis Bold', Arial, sans-serif;
font-size: 1.1em;
font-weight: 700;
}

.bareme_bloc p {
font-size: 1rem !important;
}

.bareme_bloc p strong {
font: 14px/1.5em 'Metropolis Light', Arial, sans-serif;
font-weight: bold;
}

.bareme_info p {
padding: 10px;
font-size: 14px !important;
line-height: 1.25em;
}

@media (max-width: 767px) {
.agence #content .row-flex {
flex-direction: column;
margin-bottom: 20px
}

.bareme_bloc {
width: 100%;
margin-bottom: 1em;
}

.container-link-mentions,
.pied-ref-villes {
padding-left: 0;
}

}

.input-flex {
display: inline-flex;
}

.input-flex .unite {
margin-left: .5em;
}

.liste-bien-container:nth-child(2n) .liste-bien-photo .liste-bien-ribbon {
margin-right: 5.5px;
}

.steps {
width: auto;
min-height: 100vh !important;
height: auto !important;
}

input.submit-classique.form-submit-maj {
background-color: #b39b5d !important;
}

.liste-bien-buttons .contact-btn a {
background: #fff !important;
color: #243a50 !important;
}

.liste-bien-buttons .contact-btn a:hover {
background: transparent !important;
color: #fff !important;
}

.container-btn-full .simple-btn.color-btn.detail-new-contact-btn {
font-size: 1.05rem;
}

.new-contact-btn {
font-family: 'Metropolis Bold', Arial, sans-serif;
font-weight: 700;
padding: 10px 20px;
background: #b39b5c;
color: #fff !important;
border: 1px solid transparent;
text-decoration: none;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
transition: all 0.3s ease-in-out;
font-size: 1rem;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.new-contact-btn:hover {
background: #fff;
color: #b39b5c !important;
border: 1px solid #b39b5c;
text-decoration: none;
}

/* .bloc-biens .liste-bien-container:nth-child(even) .contact-btn a {
color: #b39b5d !important;
}
 */
.bloc-biens .liste-bien-container:nth-child(even) .contact-btn a:hover {
color: #fff !important;
}

.RgpdChkContainer {
font-size: 0.9rem;
}

.RgpdChkContainer a {
color: #b39b5d !important;
}

.container-header-spec h1 {
background-color: white;
padding: 40px 0 20px;
color: var(--color-primary);
font-family: 'Metropolis Regular', Arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
font-size: 1.3rem;
line-height: 1;
}

.detail .btn-video {
margin-top: 25px;
}

.detail .icon.icon-movie {
font-size: 1.2rem;
}

.container-header-spec h1 {
background-color: white;
padding: 20px 0;
color: var(--color-primary);
font-family: 'Metropolis Regular', Arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
font-size: 1.3rem;
line-height: 1;
}

.container-header-spec-img {
min-height: 15vh;
background-image: url('/img_fr/bg-header-banner.jpg');
background-size: cover;
background-position: center;
}

.detail .btn-video {
margin-top: 32px;
}

.detail .icon.icon-movie {
font-size: 1.2rem;
}

.opinion .os-text-titre,
.opinion .os-text-commentaire,
.opinion .os-text-date {
font-size: 0.8rem;
line-height:1.2rem;
}

.home-carte-agence {
height: 700px;
width: 95%;
}

.carte-agence {
width: 100%;
}

.flex-map-os-container {
display: flex;
height: auto;
width: 100%;
}

.flex-map-os-container .bien-vedette {
padding-bottom: 3%;
}

.title-tablette-custom {
display: none;
}

.title-pc-custom {
display: block;
}

/* page nous situer */
.nous-situer {
width: 100%;
margin: 0 auto;
}

.nous-situer-text {
width: 80%;
margin: 20px auto 0;
}

.agence .slider {
width: 100%;
max-width: 100%;
max-height: 630px;
overflow: hidden;
}

.agence .slides {
display: flex;
width: 100%;
/* animation: slideAnimation 80s infinite 1s; */
}

.agence .slide {
display: none;
width: 100%;
flex-shrink: 0;
}

.agence .slide:nth-child(1) {
display: block;
}

.agence .slide img {
width: 100%;
height: auto;
display: block;
}

/* @keyframes slideAnimation {
0% { transform: translateX(0); }

11.11% { transform: translateX(-100%); }

12.11% { transform: translateX(-100%); }

22.22% { transform: translateX(-200%); }

23.22% { transform: translateX(-200%); }

33.33% { transform: translateX(-300%); }

34.33% { transform: translateX(-300%); }

44.44% { transform: translateX(-400%); }

45.44% { transform: translateX(-400%); }

55.55% { transform: translateX(-500%); }

56.55% { transform: translateX(-500%); }

66.66% { transform: translateX(-600%); }

67.66% { transform: translateX(-600%); }

77.77% { transform: translateX(-700%); }

78.77% { transform: translateX(-700%); }

88.88% { transform: translateX(-800%); }

89.88% { transform: translateX(-800%); }

100% { transform: translateX(-800%); }

}
 */
.qui-text {
padding: 0 5%;
}

.liste-contact-name {
margin-top: 10px;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
}

/* page detail remanié e */
.container-infos-desc-flex {
flex-direction: column-reverse;
}

div[aria-labelledby*="ui-dialog-title-DialogVisiteVirtuelle"].ui-dialog,
div[aria-labelledby*="ui-dialog-title-DialogVisiteVideo"].ui-dialog {
max-width: 100vw;
width: 100vw !important;
height: 100vh !important;
top: 0vh !important;
position: fixed;
left: 0vw !important;
border-radius: 0 !important;
box-sizing: border-box;
padding: 0 !important;
max-height: 100vh !important;
}

div[aria-labelledby*="ui-dialog-title-DialogVisiteVirtuelle"].ui-dialog iframe,
div[aria-labelledby*="ui-dialog-title-DialogVisiteVideo"].ui-dialog iframe {
width: 100%;
height: 100%;
min-height: 100vh;
}

span[id*="ui-dialog-title-DialogVisiteVirtuelle"],
span[id*="ui-dialog-title-DialogVisiteVideo"] {
display: none !important
}

div[aria-labelledby*="ui-dialog-title-DialogVisiteVirtuelle"] .ui-dialog-content,
div[aria-labelledby*="ui-dialog-title-DialogVisiteVideo"] .ui-dialog-content {
padding: 0 !important
}

div[aria-labelledby*="ui-dialog-title-DialogVisiteVirtuelle"] .ui-dialog-titlebar,
div[aria-labelledby*="ui-dialog-title-DialogVisiteVideo"] .ui-dialog-titlebar {
position: initial !important;
padding: 0 !important;
margin: 0 !important
}

#DialogVisiteVirtuelle .ui-wrap .nav-box,
#DialogVisiteVideo .ui-wrap .nav-box {
top: 5% !important;
}

#DialogVisiteVirtuelle .ui-wrap .nav-box .nav-cnt,
#DialogVisiteVideo .ui-wrap .nav-box .nav-cnt {
top: 10% !important;
}

div[aria-labelledby*="ui-dialog-title-DialogVisiteVirtuelle"] .ui-dialog-titlebar-close {
right: 130px !important;
top: 15px !important;
z-index: 5555;
}

.liste-nego {
display: flex;
flex-wrap: wrap;
margin-top: 30px;
gap: 4%;
justify-content: center;
}

.liste-nego .liste-contact-item .flex-column {
display: flex;
flex-direction: column;
}

.liste-contact-fonction {
font-size: 11px;
}

.liste-nego .liste-contact-item {
margin-bottom: 20px;
min-width: 16%;
max-width: 16%;
flex: 1;
}

.liste-nego .liste-contact-item .cover-img {
width: 100%;
}

.form-critere-hasvvv {
display: flex !important;
align-items: center;
flex-direction: row-reverse;
justify-content: center;
}

.form-critere-hasvvv .form-critere-title {
display: inherit !important;
margin-left: 0px
}

.form-critere-hasvvv .form-critere-content {
width: initial;
}

.end-ref-page>div {
flex: 1 50%;
max-width: 50%;
}

.agence .flex-map-os-container .bien-vedette.opinion {
width: 29%;
padding-left: 0.5%;
padding-right: 0%;
}

.agence .bien-vedette {
padding: 0
}

.op-sys-form-page-recherche .container-img-percent {
gap: 20px
}

.op-sys-form-page-recherche span.asterix-op {
top: -27px !important
}

@media (max-width: 1400px) {
.detail .jspContainer,
.detail .jspPane,
.detail .thumbs-flap-container {
height: initial;
width: inherit;
overflow-x: scroll;
overflow-y: hidden;
padding: 0;
}

}

@media screen and (max-width: 1024px) {
.nous-situer {
flex-wrap: wrap-reverse !important;
}

.nous-situer .col_2_of_6,
.nous-situer .col_4_of_6,
.qui-sommes-nous .col_2_of_5,
.qui-sommes-nous .col_3_of_5,
.qui-sommes-nous .col_3_of_7,
.qui-sommes-nous .col_4_of_7 {
width: 100%
}

.nous-situer-text {
width: 100%;
margin: 20px auto 0;
}

.qui-text {
margin-bottom: 20px;
padding: 0%
}

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
div[aria-labelledby*="ui-dialog-title-DialogVisiteVirtuelle"] .ui-dialog-titlebar {
position: absolute !important;
top: 0;
left: 0;
height: 40px;
width: 100%;
z-index: 1;
}

}

@media screen and (min-width: 1024px) and (min-height: 1024px) and (min-width:480px) {
.bien-vedette.opinion .home-content-title:not(:first-child) {
display: none;
}

}

.flex-map-os-container .bien-vedette {
width: 80%;
}

.flex-map-os-container .bien-vedette.opinion {
width: 29%;
padding-left: 0.5%;
padding-right: 5%;
}

@media screen and (max-width: 1200px) and (max-height: 1024px) and (min-width:480px) {
.flex-map-os-container {
flex-direction: column;
}

.flex-map-os-container .bien-vedette {
width: 100%;
}

.flex-map-os-container .bien-vedette.opinion {
width: 100%;
padding-right: 0%;
}

.home-carte-agence {
height: 500px;
width: 95%;
}

.flex-map-os-container .row-flex .col_6_of_6 {
width: 19% !important;
}

.flex-map-os-container .row-flex .col_6_of_6:last-child {
width: 20% !important;
}

.container-img-percent.row-flex {
flex-direction: column;
align-items: center;
text-align: center;
}

.title-tablette-custom {
display: block;
}

.title-pc-custom {
display: none;
}

}

@media screen and (max-width: 912px) and (max-height: 1368px) and (min-width:480px) {
.flex-map-os-container {
flex-direction: column;
}

.flex-map-os-container .bien-vedette {
width: 100%;
}

.flex-map-os-container .bien-vedette.opinion {
width: 100%;
padding-right: 0%;
}

.home-carte-agence {
height: 500px;
width: 95%;
}

.flex-map-os-container .row-flex .col_6_of_6 {
width: 19% !important;
}

.flex-map-os-container .row-flex .col_6_of_6:last-child {
width: 20% !important;
}

.container-img-percent.row-flex {
flex-direction: column;
align-items: center;
text-align: center;
}

.title-tablette-custom {
display: block;
}

.title-pc-custom {
display: none;
}

}

@media screen and (max-width: 1368px) and (max-height: 912px) and (min-width:480px) {
.flex-map-os-container {
flex-direction: column;
}

.flex-map-os-container .bien-vedette {
width: 100%;
}

.flex-map-os-container .bien-vedette.opinion {
width: 100%;
padding-right: 0%;
}

.home-carte-agence {
height: 500px;
width: 95%;
}

.flex-map-os-container .row-flex .col_6_of_6 {
width: 19% !important;
}

.flex-map-os-container .row-flex .col_6_of_6:last-child {
width: 20 !important;
}

.container-img-percent.row-flex {
flex-direction: column;
align-items: center;
text-align: center;
}

.title-tablette-custom {
display: block;
}

.title-pc-custom {
display: none;
}

}

@media screen and (max-width: 1024px) and (max-height: 1200px) and (min-width:480px) {
.flex-map-os-container {
flex-direction: column;
}

.flex-map-os-container .bien-vedette {
width: 100%;
}

.flex-map-os-container .bien-vedette.opinion {
width: 100%;
padding-right: 0%;
}

.home-carte-agence {
height: 500px;
width: 95%;
}

.flex-map-os-container .row-flex .col_6_of_6 {
width: 19% !important;
}

.flex-map-os-container .row-flex .col_6_of_6:last-child {
width: 20% !important;
}

.container-img-percent.row-flex {
flex-direction: column;
align-items: center;
text-align: center;
}

.title-tablette-custom {
display: block;
}

.title-pc-custom {
display: none;
}

}

@media screen and (max-width: 767px) {
.liste-nego .liste-contact-item {
margin-bottom: 10px;
min-width: 40%;
max-width: 40%;
flex: 1;
}

p {
text-align: left !important;
}

.pied-menu ul {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 20px
}

.pied-menu ul li img[title="SNPI"] {
width: 40px;
}

}

@media screen and (max-width: 480px) {
.flex-map-os-container {
flex-direction: column;
}

.home-carte-agence {
height: 400px;
width: 98%;
}

.flex-map-os-container .bien-vedette {
width: 100%;
}

.flex-map-os-container .bien-vedette.opinion {
width: 100%;
padding-right: 0%;
}

.title-tablette-custom {
display: block;
}

.title-pc-custom {
display: none;
}

}

@media screen and (max-width: 480px) {
.detail-bien-container-visit {
width: 98%;
}

}

@media screen and (max-width: 912px) and (max-height: 1368px) and (min-width:480px) {
.detail-bien-container-visit {
width: 98%;
}

}

@media screen and (max-width: 1024px) and (max-height: 1200px) and (min-width:480px) {
.detail-bien-container-visit {
width: 98%;
}

}

@media screen and (min-width: 480px) and (max-height:1190px) and (max-width:820px) {
.container-btn-outline a,
.container-btn-outline div {
margin: 5px 0;
}

}

.simple-link a,
.current>a {
padding-right: 47px !important;
}

#jst__est {
border: 1px solid #b39b5d
}

.d-flex {
display: flex;
}

.half-flex {
width: 50%;
}

.d-flex .half-flex img {
width: 100px;
margin-top: -21px
}

li>strong {
font-family: 'Metropolis', Arial, sans-serif !important;
}

.alicenter {
align-items: center;
}

.justcenter {
justify-content: center;
}

.color-btn-cust {
color: white !important;
text-align: center;
text-decoration: none !important;
border-radius: 10px;
padding: 8px 20px;
display: flex;
justify-content: center;
width: fit-content;
margin: 0 auto
}

.estimation .heading3 {
color: #243a50 !important;
font-weight: 600;
}

.heading2-big {
font-size: 2.5rem
}

.vignette-container {
flex-wrap: wrap;
justify-content: space-between;
gap: 2%;
row-gap: 10vh;
padding: 8%;
}

.vignette-estimation {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-weight: 600;
flex: 1 25%;
max-width: 25%;
border-radius: 20px;
border: 1px solid #b39b5d;
padding: 3vh 15px;
transition: all 0.2s linear;
}

.text-vignette {
font-size: 0.9rem;
}

.text-vignette svg {
width: 10px;
height: 10px;
fill: #b47d59;
stroke: #b47d59;
stroke-width: 1px;
}

.little-title {
color: #b47d59;
}

/* .title-page {
color: #243a50;
font-weight: 700;
font-family: 'Metropolis Bold', Arial, sans-serif;
letter-spacing: .1rem;
font-size: 1.8rem;
}
 */
.vignette-estimation img {
max-width: 70%;
margin-top: -10vh;
margin-bottom: 3vh;
transition: all 0.2s linear;
}

.vignette-estimation:hover img {
margin-top: -12vh;
}

.color-blue {
color: #243a50 !important;
}

.color-orange {
color: #b47d59 !important;
}

.color-gold {
color: #b39b5d !important;
}

.background-color-blue {
background-color: #243a50 !important;
}

.background-color-orange {
background-color: #b47d59 !important;
}

.background-color-gold {
background-color: #b39b5d !important;
}

.hr-blue {
border-color: #243a50 !important;
}

.max-sep.hr-blue {
border-width: 2px;
}

.heading2-cust {
text-transform: uppercase;
}

.viager h1>hr {
margin-top: 3vh !important
}

.viager #content>section>div>div>p:nth-child(1),
.viager #content>section>div>div>p:nth-child(4) {
font-size: 1.3rem;
}

.viager #content>section>div>div>p:nth-child(4) {
font-size: 1.3rem;
}

.etude-viagere form .field-group,
.etude-viagere form .fields-row {
max-width: 800px
}

.fields-row {
gap: 15px;
justify-content: space-between;
}

.fields-row article,
.etude-viagere article.form-critere {
display: flex;
flex-direction: column;
width: 100%;
}

.fields-row article input,
.etude-viagere article.form-critere input,
.etude-viagere .form-critere-content {
width: 100%;
position: relative;
}

.etude-viagere .form-critere-content span.unite {
position: absolute;
right: 0px;
}

.etude-viagere .inline-checkbox label {
background: none !important;
}

.etude-viagere .inline-checkbox {
gap: 0;
justify-content: flex-start;
margin: 3px 0;
}

.round-checkboxes {
display: flex;
align-items: center;
gap: 2vw
}

.round-checkboxes label {
display: flex;
align-items: center;
gap: 5px;
font-size: 1.05rem
}

.inline-checkbox input {
display: none;
/* cacher la checkbox native */
}

.checkmark {
height: 10px;
width: 10px;
background-color: #fff;
border-radius: 50%;
border: 1px solid #8c8c8c;
display: inline-block;
position: relative;
transition: all 0.2s, border-color .2s;
}

.inline-checkbox input:checked+.checkmark {
background-color: #fff;
border-color: #b39b5d;
}

.checkmark::after {
content: "";
position: absolute;
display: none;
top: 1px;
left: 1px;
width: 8px;
height: 8px;
background: #b39b5d;
border-radius: 50%;
}

.inline-checkbox input:checked+.checkmark::after {
display: block;
}

.newsletter-signup {
margin: 0 auto;
text-align: center;
}

.newsletter-title {
font-size: 15px;
margin-bottom: 8px;
color: #fff !important;
}

.newsletter-form {
display: flex;
flex-direction: column;
gap: 10px;
padding: 2%;
background-color: #243A50;
}

.newsletter-input {
padding: 10px;
flex: 1;
border: 1px solid #ccc;
border-radius: 4px 0 0 4px;
font-size: 16px;
}

.newsletter-button {
padding: 13px 20px;
background-color: #b39b5d;
color: white;
border: none;
border-radius: 0 4px 4px 0;
font-weight: bold;
cursor: pointer;
transition: background-color 0.3s ease;
}

.newsletter-button:hover {
background-color: #2e3b4e;
}

.ul-heading2 li {
font-size: 19px;
font-weight: 600;
color: #ad8c54
}

.ul-heading2 li:nth-child(5) {
border-bottom: 1px solid #ad8c54;
padding-bottom: 20px
}

.op-sys-form-page .row-flex.container-img-percent {
flex-direction: column;
align-items: center;
font-size: 1.3rem;
text-align: center;
font-weight: 600;
}

.op-sys-form-page .row-flex.container-img-percent img {
width: 150px !important;
height: 150px !important;
}

.op-sys-form-page p {
font-weight: 600;
text-align: center;
max-width: 800px;
margin: 2vh auto 0
}

.form-colored .white-form .input-text,
.form-colored .white-form textarea,
.form-colored .custom-select-container {
background-color: transparent !important;
background: transparent !important;
}

.op-sys-form-page .os-taux-satisfaits {
display: flex;
gap: 1vh;
color: #243a50;
flex-direction: column;
}

.op-sys-form-page .os-taux-satisfaits strong {
font-size: 3.5rem;
}

.confier-rech .home-carte-agence {
height: 500px;
}

.round-checkboxes label {
display: flex;
align-items: center;
gap: 5px;
font-size: 0.9rem;
}

.pied-ref-newsletter-container {
display: flex;
flex-wrap: wrap;
justify-content: center
}

.newsletter-form-container {
min-width: 24vw;
flex: 1
}

.home-content-title-text {
font-size: 0.7rem
}

.nos-services-row {
align-items: stretch
}

.nos-services-row .contain-img {
height: 100%;
min-height: 30vh;
overflow: hidden;
background-size: cover;
}

.nos-services-row1 .contain-img {
background-image: url('/images/ph-services1.jpg');
}

.nos-services-row2 .contain-img {
background-image: url('/images/ph-services2.jpg');
}

body,
p,
.infos-bien,
.pied-agence-adr,
.os-taux-satisfaits,
.os-text-titre,
.os-text-commentaire,
.os-text-date,
.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,
.white-form,
.os-taux-satisfaits strong {
color: #243a50 !important
}

.main-menu {
max-height: 46vh;
overflow-x: hidden;
overflow-y: auto;
}

.mobile-only {
display: none;
}

.newsletter-trigger {
cursor: pointer;
font-weight: 700;
text-align: right;
text-transform: uppercase;
color: #243A50;
font-size: 13px;
}

.logo-main-home, .mobile-logo-home {
position: absolute;
max-width: 700px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}

.criteres-visible-new-search-engine {
display: flex;
width: 85%;
justify-content: space-between;
align-items: flex-end;
gap: 1.5vw;
}

.flex-container-hidden-criteria {
display: flex;
margin:0 auto;
gap: 2.5vw;
width: 85%;
}

.liste .flex-container-hidden-criteria {
margin:0 ;
}

.flex-container-hidden-criteria .form-critere,
.liste .form-critere-terrain.form-critere-3col {
display: flex;
flex-direction: column;
gap: 25px;
}

.masque-rech.home-form .form-critere-surface.form-critere-3col.clearfix>div:nth-child(2),
.masque-rech.home-form .form-critere-terrain.form-critere-3col.clearfix>div:nth-child(2) {
margin-bottom: 10px;
}

.flex-container-hidden-criteria .form-critere-hasvvv {
flex-direction: row !important;
margin-top: 0px;
gap: 5px;
}

.masque-rech.home-form .form-critere-hasvvv label {
font-size: 13px;
white-space: nowrap;
}

/* Video background container */
.video-bg-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

.mobile-hero-fallback {
width: 100%;
height: 100%;
object-fit: cover;
}

.video-bg-home {
width: 100%;
height: 100%;
object-fit: cover;
}

@media (min-width: 768px) {
.mobile-hero-fallback {
display: none;
}

}

:root {
--color-primary: #243a50;
}

/* === SIDEBAR === */
.sh-sidebar {
position: fixed;
left: 0;
top: 0;
width: 80px;
box-sizing: border-box;
height: 100vh;
background-color: #ffffffcb;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-between;
padding: 20px 0;
z-index: 1000;
transition: width 0.1s linear;
overflow-x: hidden;
overflow-y: auto;
box-shadow: 0px 3px 14px #00000029;
}

.sh-sidebar::-webkit-scrollbar {
display: none;
}

/* Sidebar ouverte */
.sh-sidebar.sh-open {
width: 280px;
box-shadow: 2px 0 15px rgba(0, 0, 0, 0.15);
}

/* Logo */
.sh-sidebar .sh-logo {
margin-bottom: 40px;
}

.sh-sidebar .sh-logo img {
width: 70px;
height: auto;
transition: width 0.3s;
}

.sh-sidebar.sh-open .sh-logo img {
width: 70px;
}

/* Burger (visible quand ferme) */
.sh-sidebar .sh-burger {
background: none;
border: none;
cursor: pointer;
padding: 10px;
margin-bottom: 10px;
}

.sh-sidebar .sh-burger span {
display: block;
width: 32px;
height: 4px;
border-radius: 5px;
background: var(--color-primary);
margin: 5px 0;
transition: 0.3s;
}

.sh-sidebar .sh-burger span:nth-child(2) {
width: 20px;
}

.sh-sidebar .sh-burger:hover span {
background: #b39b5d;
}

.sh-sidebar.sh-open .sh-burger {
display: none;
}

/* Close btn (visible quand ouvert) */
.sh-sidebar .sh-close {
display: none;
position: absolute;
top: 20px;
left: 20px;
width: 30px;
height: 30px;
background: none;
border: none;
cursor: pointer;
padding: 0;
}

.sh-sidebar .sh-close span {
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 2px;
background: var(--color-primary);
transition: background 0.3s;
}

.sh-sidebar .sh-close span:first-child {
transform: translate(-50%, -50%) rotate(45deg);
}

.sh-sidebar .sh-close span:last-child {
transform: translate(-50%, -50%) rotate(-45deg);
}

.sh-sidebar .sh-close:hover span {
background: #b39b5d;
}

.sh-sidebar.sh-open .sh-close {
display: block;
}

/* Menu (visible quand ouvert) */
.sh-sidebar .sh-menu {
display: none;
width: 100%;
padding: 20px;
}

.sh-sidebar.sh-open .sh-menu {
display: block;
}

.sh-sidebar .sh-menu-list {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}

.sh-sidebar .sh-menu-list li {
border-bottom: 1px solid var(--color-primary);
}

.sh-sidebar .sh-menu-list li span {
display: flex;
padding: 15px 10px 15px 100px !important;
color: var(--color-primary);
text-decoration: none;
font-size: 14px;
text-align: right;
font-weight:600;
justify-content: flex-end;
white-space: nowrap;
}

#has_vvv {
  accent-color: var(--color-primary); /* couleur quand checked */
}

.sh-sidebar .sh-menu-list li a {
display: flex;
padding: 15px 29px 15px 0px !important;
color: var(--color-primary);
text-decoration: none;
font-size: 14px;
font-weight:600;
text-align: right;
justify-content: flex-end;
}

.sh-menu .main-menu {
max-height: initial;
overflow-x: visible;
overflow-y: visible;
}

.sh-sidebar .sh-menu-list li span .icon-arrow-light-right {
margin-left: 10px;
width: 10px;
height: 9px;
margin-top: 5px;
font-weight: bold;
}

.sh-sidebar .sh-menu-list li a:hover,
.sh-sidebar .sh-menu-list li span:hover {
background: #f5f5f54f;
cursor: pointer
}

/* Slot 1 */
.sh-sidebar .sh-slot1 {
color: var(--color-primary);
text-align: center;
}

/* Slot 2 */
.sh-sidebar .sh-slot2 {
color: var(--color-primary);
text-align: center;
width: 80px;
display: flex;
justify-content: center;
}

/* Overlay */
.sh-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 999;
opacity: 0;
visibility: hidden;
transition: 0.2s;
}

.sh-overlay.sh-open {
opacity: 1;
visibility: visible;
}

.menu-top ul {
display: flex;
flex-direction: column-reverse;
height: fit-content;
padding: 0 !important;
margin: 0 !important;
}

.menu-top .social-menu-custom ul li a svg {
max-width: 20px;
max-height: 20px;
}

.social-menu-custom ul {
padding: 0 !important;
margin: 0 !important
}

.sh-sidebar .menu-top .maselection a {
display: flex;
flex-direction: column-reverse;
align-items: center;
margin: 0 !important
}

.sh-sidebar .menu-top .maselection a svg {
max-width: 100%;
}

.sh-menu-center {
gap: 20px;
}

.sh-menu-center .inline-buttons .lang-switch li {
margin: 0
}

.sh-menu-center .inline-buttons .lang-switch li a {
font-size: 12px;
width: fit-content !important;
padding: 0px !important;
}

.social-menu-custom ul {
flex-direction: column;
gap: 5px;
}

.sh-rappel-btn a {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
font-size: 10px;
line-height: 10px;
}

.sh-rappel-btn a span {
max-width: 51%;
}

.sh-middle-slot {
display: flex;
flex-direction: column;
align-items: flex-end;
width: 100%;
}

.sh-middle-slot .menu-top {
width: 80px;
}

.sh-burger-container {
width: 100%;
display: flex;
justify-content: center;
}

.sh-menu-center .lang-switch li a,
.sh-menu-center .menu-with-icon-label-selection .icon.icon-heart,
.sh-middle-slot .menu-top .maselection a .notif-nb {
color: var(--color-primary);
}

.sh-middle-slot .menu-top .maselection a .notif-nb {
font-size: 10px;
;
}

.sh-menu-center .lang-select ul {
gap: 5px;
}

.sh-sidebar .sh-menu-list li:last-of-type {
border-bottom: 0px solid var(--color-primary);
}

/* Overlay de la popup */
.popup-overlay-news {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 10000;
display: none;
}

.popup-overlay-news.active {
display: flex;
}

/* Container de la popup */
.popup-container-news {
background: white;
position: relative;
max-width: 500px;
width: 95%;
max-height: 90vh;
overflow-y: auto;
}

.newsletter-form-news {
padding: 4vh 2%
}

/* Bouton de fermeture */
.close-popup-news {
position: absolute;
top: 10px;
right: 15px;
background: none;
border: none;
font-size: 20px;
cursor: pointer;
z-index: 1;
color: white
}

.hidden-news {
display: none;
}

/* Style du bouton retour en haut */
#backToTop {
position: fixed;
bottom: 30px;
right: 30px;
background: #b39b5d;
color: white;
border: none;
border-radius: 50%;
width: 60px;
height: 60px;
cursor: pointer;
font-size: 20px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
z-index: 1000;
}

#backToTop.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
}

#backToTop:hover {
background: #243a50;
transform: translateY(-5px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

#backToTop:active {
transform: translateY(-2px);
}

/* Animation de rotation pour l'icône */
/* Flé che cré é e en CSS pur */
#backToTop::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
width: 12px;
height: 12px;
border-top: 3px solid white;
border-left: 3px solid white;
transition: all 0.3s ease;
}

#backToTop:hover::before {
transform: translate(-50%, -50%) rotate(45deg) scale(1.1);
border-color: white;
}

.sh-sidebar.sh-open .sh-logo {
margin-top: 50px;
margin-bottom: 0
}

.masque-rech.home-form {
float: initial;
height: fit-content;
min-height: initial;
width: 100%;
padding: 20px 5%;
margin-right: 0;
margin-bottom: 8vh;
color: black !important
}

.form-rech-home-mobile .critere-hidden {
width: 100%
}

.container-header-spec-img {
height: 25vh;
background-image: url(/img_fr/background-header-custom.jpg);
background-size: cover;
background-position: bottom;
}

.btn-open-alerte-popup {
font-family:'Metropolis Light', Arial, sans-serif !important;
display: flex;
align-items: center;
gap: 10px;
font-weight:600; 
background-color: #b39b5d;
color: #fff;
border: none;
padding: 9px 25px;
font-size: 0.8rem;
cursor: pointer;
transition: background-color 0.3s;
width: 100%;
justify-content: center;
}

.btn-open-alerte-popup:hover {
background-color: #243a50;
}

.alerte-popup-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 9998;
}

.alerte-popup-overlay.active {
display: block;
}

.alerte-popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--color-primary);
padding: 30px;
z-index: 9999;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
max-width: 500px;
width: 90%;
}

.alerte-popup.active {
display: block;
}

.alerte-popup-close {
position: absolute;
top: 10px;
right: 15px;
background: none;
border: none;
font-size: 28px;
cursor: pointer;
color: #fff;
}

.alerte-popup .liste-create-alert {
background: none;
padding: 0;
}

.alerte-popup .input-text-alerte-mail {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
}

.liste .masque-rech .btn-more-rech span {
color: var(--color-primary);
font-weight: 700;
letter-spacing: 0.1vw
}

.liste .masque-rech form label {
display: none;
}

.liste .masque-rech .input-text,
.liste .masque-rech input,
.liste .masque-rech textarea,
.liste .masque-rech .custom-select-container {
border-bottom: 1px solid var(--color-primary) !important;
}

.liste .btn-more-rech {
max-width: 12vw
}

.liste .flex-container-hidden-criteria {
margin-top: 20px;
align-items: flex-start
}

.liste .critere-hidden,
.critere-hidden-container {
min-width: 100%;
}

.liste .form-critere-hasvvv label {
white-space: nowrap;
display: inline-flex !important;
}

.criteres-visible-new-search-engine-liste {
display: flex;
width: clac(100% - 12vw);
flex-wrap: wrap;
justify-content: flex-start;
gap: 2.5vw;
}

.liste .bloc-minimoteur .btn-more-rech {
margin: 0 !important;
padding-left: 0;
}

.liste .masque-rech .form-critere-title,
.liste .masque-rech .form-critere-content-un-tiers {
display: none;
}

.detail-back-btn-container{
position:absolute;
left:0;
}

.form-submit-alerte-mail{
margin-top:10px;
}

.detail-bien-specs .picto-price{
order:-7
}

.detail-bien-specs .pieces-picto{
display:none;
}

.detail-topnav li.button-share{
border-right:1px solid var(--color-primary)
}

.detail-topnav li.button.button-lang{
border:none
}

.button.selectionUp.button-selection{
padding-top:8px;
padding-bottom:7px;
}

.bien-vedette-flex, .detail-suggestions{display:flex;
justify-content: space-between;
flex-wrap:wrap;
}

.bien-vedette:first-child a.home-vignette-container, 
.detail-suggestions a.home-vignette-container{margin:0!important}

.wrapper-custom-home{
margin:0 auto;
max-width:90%;}

.detail input.lieu-input-search, .detail .masque-rech input, .detail #SearchLieu{color:var(--color-primary)!important;}

.title-region{
padding:0 15px!important
}

#h1-mobile .heading1-custom{text-align: center;}

li.current{
background-color:#243a502b;
}

.qui-text{
display: flex;
gap: 5vh;
flex-direction: column;
justify-content: center;
}

.container-header-spec{
padding-left:0;
}

/* RESPONSIVE ------------------------------------------------------------------------------------ */
/* RESPONSIVE ------------------------------------------------------------------------------------ */
/* RESPONSIVE ------------------------------------------------------------------------------------ */
/* RESPONSIVE ------------------------------------------------------------------------------------ */
/* RESPONSIVE ------------------------------------------------------------------------------------ */
/* RESPONSIVE ------------------------------------------------------------------------------------ */
/* RESPONSIVE ------------------------------------------------------------------------------------ */
/* RESPONSIVE ------------------------------------------------------------------------------------ */
/* RESPONSIVE ------------------------------------------------------------------------------------ */
@media screen and (min-width:1025px){
.sh-sidebar.sh-closed .sh-middle-slot{margin-top:5vh;gap:2vh;}

}

@media screen and (max-width: 1024px) {
.sh-menu-center .inline-buttons .lang-switch li a {
font-size: 17px;
}

.main-menu {
max-height: 69vh;
overflow-x: hidden;
overflow-y: auto;
}

.newsletter-form-container {
min-width: 35vw;
flex: 1
}

.pied-menu .social-menu {
border: none !important
}

.pied-menu .social-menu ul.d-flex {
justify-content: center !important;
margin-top: 2vh;
margin-bottom: 0 !important
}

.vignette-estimation img {
max-width: 80%;
margin-top: -8vh;
margin-bottom: 3vh;
}

.d-flex.vignette-container {
margin-top: 5vh;
padding: 5% 2%;
flex-direction: row;
}

.mobile-only {
display: initial;
}

.home .container-agence .col_2_of_3 {
width: 100%;
}

.home .container-agence .col_1_of_3 {
width: 100%;
}

#home-intro {
padding-left: 0
}

.criteres-visible-new-search-engine {
flex-direction: column;
justify-content: center;
}

.masque-rech.home-form {
margin-bottom: 0
}

/* ===========================================
   TABLETTE/MOBILE < 1024px - Header horizontal en haut
   =========================================== */
/* Sidebar devient header horizontal */
.sh-sidebar {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 70px;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
padding: 10px 1vw;
overflow: visible;
transition: none;
}

/* Header transparent par dé faut */
.sh-sidebar {
background-color: transparent;
box-shadow: none;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Header opaque au scroll */
.sh-sidebar.scrolled {
background-color: rgba(255, 255, 255, 0.8);
box-shadow: 0px 3px 14px #00000029;
}

/* Sidebar ouverte - volet latèraal (comme desktop) */
.sh-sidebar.sh-open {
position: fixed;
top: 0;
left: 0;
width: 280px;
height: 100vh;
flex-direction: column;
align-items: flex-end;
justify-content: flex-start;
padding: 20px 0;
overflow-y: auto;
}

/* Logo mobile */
.sh-sidebar .sh-logo {
margin-bottom: 0;
order: 1;
}

.sh-sidebar .sh-logo img {
width: 50px;
}

.sh-sidebar.sh-open .sh-logo {
margin-top: 50px;
margin-bottom: 20px;
}

.sh-sidebar.sh-open .sh-logo img {
width: 70px;
}

/* Burger mobile - à droite */
.sh-sidebar .sh-burger-container {
order: 3;
width: auto;
}

.sh-sidebar .sh-burger {
margin-bottom: 0;
}

/* Close btn mobile */
.sh-sidebar .sh-close {
top: 15px;
left: 20px;
right: auto;
}

/* Middle slot mobile */
.sh-sidebar .sh-middle-slot {
order: 2;
flex-direction: row;
}

.sh-sidebar.sh-open .sh-middle-slot {
flex-direction: column;
width: 100%;
}

.sh-sidebar .sh-middle-slot .menu-top {
display: none;
}

.sh-sidebar.sh-open .sh-middle-slot .menu-top {
display: block;
max-width: 100%;
}

/* Menu mobile */
.sh-sidebar .sh-menu {
width: 100%;
}

/* .sh-sidebar .sh-menu-list li a,
.sh-sidebar .sh-menu-list li span {
justify-content: flex-end;
text-align: left;
}

 */
/* Slot 2 mobile - caché  quand fermé  */
.sh-sidebar .sh-slot2 {
display: none;
}

.sh-sidebar.sh-open .sh-slot2 {
display: flex;
margin-top: 20px;
order: 3
}

/* Body margin reset */
body {
margin-left: 0;
}

/* Menu ouvert = toujours opaque */
.sh-sidebar.sh-open {
background-color: rgba(255, 255, 255, 0.8) !important;
box-shadow: 0px 3px 14px #00000029;
}

.sh-sidebar .sh-burger span {
background: white;
}

.sh-sidebar.scrolled .sh-middle-slot .sh-burger span {
background: var(--color-primary)
}

.flex-container-hidden-criteria {
flex-direction: column;
}

.masque-rech .home-form {
margin-top: 60vh;
}

.masque-rech.home-form {
padding: 00px 5% 20px;
}

.masque-rech.home-form.home-form-open {
width: 100%;
padding: 40px 5%;
z-index: 2;
}

.masque-rech.home-form {
margin-top: 56vh;
}

.home-form-open {
margin-top: 60vh;
background-color: #fff;
}

.video-bg-container {
height: 56vh
}

.logo-main-home {
top: 30%;
}

.logo-main-home-up {
top: 30%;
}

.liste .masque-rech .custom-select-container,
.liste .masque-rech.home-form .form-critere,
.liste .masque-rech .custom-select-container,
.liste .masque-rech.home-form .input-place-holder,
.btn-more-rech span,
.liste .masque-rech .input-text,
.liste .masque-rech input,
.liste .masque-rech textarea,
.liste .masque-rech .form-critere-title,
a.btn-form-rech-home {
color: var(--color-primary) !important;
}

.home .masque-rech .custom-select-container,
.liste .masque-rech .input-text,
.liste .masque-rech input,
.liste .masque-rech textarea,
.liste .masque-rech .custom-select-container {
border-bottom: 1px solid var(--color-primary) !important;
}

.liste .masque-rech.home-form .form-submit-rech {
border: 2px solid var(--color-primary);
width: fit-content;
padding: 5px 20px;
}

.liste .masque-rech.home-form .btn-more-rech {
border-bottom: 1px solid var(--color-primary);
}

.btn-tous-nos-biens-container {
min-width: 100%;
}

a.btn-form-rech-home {
color: #b39b5d !important
}

/* Logo caché  quand fermé , visible quand ouvert */
.sh-sidebar .sh-logo {
display: none;
margin-bottom: 0;
order: 1;
}

.sh-sidebar.sh-open .sh-logo {
display: block;
margin-top: 57px;
margin-bottom: 20px;
}

.sh-sidebar.sh-open .sh-logo img {
width: 70px;
}

/* Burger à gauche */
.sh-sidebar .sh-burger-container {
order: 1;
width: auto;
}

.sh-sidebar .sh-burger {
margin-bottom: 0;
}

/* Menu-top (lang, selection, rappel) visible à droite quand fermé  */
.sh-sidebar .sh-middle-slot {
order: 2;
flex-direction: row-reverse;
flex: 1;
justify-content: space-between;
}

.sh-sidebar .sh-middle-slot .menu-top {
display: flex;
height: fit-content;
max-width: none;
flex: 1;
}

.sh-sidebar .sh-middle-slot .menu-top .sh-menu-center {
align-items: center;
gap: 15px;
width: 100%;
justify-content: space-between;
}

/* Ajustements des icônes dans le header horizontal */
/* .sh-sidebar .sh-menu-center .sh-rappel-btn a {
flex-direction: row;
gap: 5px;
}
 */
.sh-sidebar.sh-closed .sh-rappel-btn a {
flex-direction: row-reverse
}

/* Quand ouvert : retour au style volet */
.sh-sidebar.sh-open .sh-middle-slot {
flex-direction: column;
width: 100%;
justify-content: flex-start;
}

.sh-sidebar.sh-open .sh-middle-slot .menu-top .sh-menu-center {
flex-direction: column-reverse!important;
}

.sh-sidebar.sh-open .social-menu-custom ul {
flex-direction: column!important;
}

.sh-sidebar.sh-open .sh-menu-center .sh-rappel-btn a span {
display: block;
/* Ré afficher le texte */
}

.menu-top ul li.lang-select {
order: -1;
display: inline-flex !important;
align-items: center;
}

.sh-sidebar.sh-open .lang-select {
order: 0;
}

.sh-sidebar.sh-closed .lang-switch,
.sh-sidebar.sh-closed .menu-top .maselection a {
flex-direction: row;
}

.sh-sidebar.sh-open .lang-switch,
.sh-sidebar.sh-open .menu-top .maselection a {
flex-direction: column;
}

.sh-sidebar.sh-closed .lang-select {
height: fit-content
}

.sh-sidebar.sh-closed .sh-rappel-btn {
color: white;
position: absolute;
right: 13%;
top: 28px;
}

.sh-sidebar.sh-closed.sh-rappel-btn a {
flex-direction: row-reverse;
gap: 5px;
}

.sh-menu-center .lang-switch li a,
.sh-menu-center .menu-with-icon-label-selection .icon.icon-heart,
.sh-middle-slot .menu-top .maselection a .notif-nb {
color: white;
}

.sh-sidebar.sh-open .sh-menu-center .lang-switch li a,
.sh-sidebar.sh-open .sh-menu-center .menu-with-icon-label-selection .icon.icon-heart,
.sh-sidebar.sh-open .sh-middle-slot .menu-top .maselection a .notif-nb,
.sh-sidebar.sh-closed.scrolled .sh-menu-center .lang-switch li a,
.sh-sidebar.sh-closed.scrolled .sh-menu-center .menu-with-icon-label-selection .icon.icon-heart,
.sh-sidebar.sh-closed.scrolled .sh-middle-slot .menu-top .maselection a .notif-nb {
color: var(--color-primary)!important;
}

.sh-sidebar.sh-closed .sh-middle-slot {
align-items: center;
}

.sh-sidebar.scrolled .sh-rappel-btn {
color: var(--color-primary);
}

.ghostdiv {
display: none;
}

.masque-rech.home-form .btn-more-rech span {
display: flex;
width: 100px;
justify-content: space-between
}

.liste .masque-rech .form-critere,
.liste .btn-more-rech {
max-width: 100%;
}

.home .masque-rech.home-form .input-place-holder {
color: var(--color-primary);
font-size: 16px;
}

.home .masque-rech .input-text,
.masque-rech input,
.masque-rech textarea {
border-bottom: 1px solid var(--color-primary);
color: var(--color-primary);
}

.home .masque-rech .custom-select-container,
.masque-rech.home-form .form-critere {
color: var(--color-primary)
}

.home .masque-rech.home-form .form-submit-rech {
border: 2px solid var(--color-primary);
max-width: 400px;
}

.home .masque-rech.home-form .btn-more-rech span,
#HomeSearch>div.criteres-visible-new-search-engine>div:nth-child(5) {
display: flex;
width: 100px;
justify-content: center;
gap: 20px;
align-items: center;
}

.home .masque-rech .form-critere-title {
color: var(--color-primary) !important;
}

.home .flex-container-hidden-criteria .form-critere {
gap: 10px;
}

.home .flex-container-hidden-criteria {
display: flex;
justify-content: space-between;
gap: 10px;
margin-top: 0px;
width: 100%;
}

.mobile-logo-header {
max-width: 75%;
margin-bottom: 12px;
}

.container-header-spec-img {
display: flex;
align-items: flex-end;
justify-content: center;
}

   .detail .detail-bien-type{
max-width:100%;
}
 
.logo-main-home{display:none;}

.heading1-custom.mobile-only{display:block;}

.heading1-custom.mobile-hide{display:none;}

 .masque-rech.home-form {
flex-direction:column;
align-items:center;
}

.menu-top ul li.lang-select {
order: -1;
display: inline-flex !important;
align-items: center;
}

.sh-sidebar.sh-closed .sh-rappel-btn {
position: absolute;
right: 10%;
top: 28px;
}

.sh-sidebar .sh-middle-slot .menu-top .sh-menu-center, .social-menu-custom ul {
flex-direction: row !important;
}

  .home .masque-rech.home-form .btn-more-rech {
border:none!important;
border-bottom:1px solid var(--color-primary)!important;
max-width: 100%;
}

.home .masque-rech.home-form .btn-more-rech span{justify-content: space-between;}

 .logo-main-home, .mobile-logo-home{top:50vh;}
 
 .liste .btn-open-alerte-popup, .mobile-hide-class {
display: none !important;
}

.search-responsive-btn > span {
display: inline-flex;
align-items: center;
gap: 6px;
}

.liste h2 {
white-space: nowrap;
font-size: 0.7rem;
}

.header-liste{
padding:0px 3%;
}

.search-responsive-btn{
padding:0;
}

/* Lang-select dropdown mobile */
.sh-menu-center .lang-select {
position: relative;
}

.sh-menu-center .lang-select .inline-buttons > li {
position: relative;
}

/* Conteneur : colonne avec hauteur limitee = 1 seule lang visible */
.sh-menu-center .lang-select .lang-switch {
display: flex;
flex-direction: column;
height: 23px;
overflow: hidden;
cursor: pointer;
}

/* Toutes les langues en bas par defaut */
.sh-menu-center .lang-select .lang-switch > li {
order: 99 !important;
}

/* Langue courante en premier - INVERSE */
.sh-menu-center .lang-select .lang-switch.current-lang-uk > li:has(.lang-fr) { order: 0 !important; }

.sh-menu-center .lang-select .lang-switch.current-lang-fr > li:has(.lang-uk) { order: 0 !important; }

.sh-menu-center .lang-select .lang-switch.current-lang-es > li:has(.lang-fr) { order: 0 !important; }

.sh-menu-center .lang-select .lang-switch.current-lang-nl > li:has(.lang-fr) { order: 0 !important; }

.sh-menu-center .lang-select .lang-switch.current-lang-it > li:has(.lang-fr) { order: 0 !important; }

.sh-menu-center .lang-select .lang-switch.current-lang-de > li:has(.lang-fr) { order: 0 !important; }

.sh-menu-center .lang-select .lang-switch.current-lang-ru > li:has(.lang-fr) { order: 0 !important; }

/* Style des liens langue - etat ferme (visible sur fond sombre du header) */
.sh-menu-center .lang-select .lang-switch li {
padding: 2px 0px;
}

.sh-menu-center .lang-select .lang-switch li a {
padding: 5px 10px;
display: flex;
justify-content:center;
align-items:center;
text-align: center;
color: white !important;
text-decoration: none;
}

/* Au survol : dropdown ouvert */
.sh-menu-center .lang-select:hover .lang-switch {
height: auto;
overflow: visible;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background: white;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
padding: 10px 15px;
border-radius: 4px;
z-index: 1000;
min-width: 70px;
}

.sh-menu-center .lang-select:hover .lang-switch li {
padding: 5px 0;
}

/* Liens dans le dropdown ouvert = texte sombre sur fond blanc */
.sh-menu-center .lang-select:hover .lang-switch li a {
padding: 12px 20px;
min-height: 44px;
line-height: 20px;
color: #333 !important;
}

.sh-menu-center .lang-select:hover .lang-switch li a:hover {
background: var(--color-primary);
color: white !important;
border-radius: 3px;
}

.masque-rech.home-form .form-critere{max-width:100%}

.home-content-title{display:flex;justify-content:center}

.masque-rech .custom-select-choice{font-size:16px;}

  .liste .flex-container-hidden-criteria{
width:100%;
  }
  
  .home 
.masque-rech .input-text,
.home .masque-rech input,
.home .masque-rech textarea {
background-color: transparent;
border: none;
border-bottom: 1px solid var(--color-primary)!important;
padding: 0;
text-align: left;
outline: none;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: inset 0 0 0 0 #fff;
box-shadow: inset 0 0 0 0 #fff;
color: var(--color-primary)!important;
}

.masque-rech.home-form .btn-more-rech span:before {
content: "Affiner la recherche";
font-size: 1rem;
background-color: transparent;
font-family: 'Metropolis Bold', Arial, sans-serif;
font-weight: 700;
white-space: nowrap;
}

.qui-sommes-nous{
flex-direction:column;
}

.qui-sommes-nous .col_2_of_7, .qui-sommes-nous .col_5_of_7{
width:100%!important;
}

.qui-sommes-nous .col_2_of_7{
margin-bottom:20px;
}
}

@media screen and (max-width: 767px) {
  .home .masque-rech.home-form .btn-more-rech {
border: 2px solid var(--color-primary);
max-width: 400px;
padding-left: 10px;
padding-right: 10px;
}

.d-flex {
flex-direction: column;
}

.half-flex {
width: 100%;
}

#jst__est {
padding-bottom: 5vh;
}

.d-flex h2 {
text-align: center;
}

#footer .home-content-title hr {
display: none;
}

.pied-menu {
margin-bottom: 0 !important
}

.menu-bottom-mobile li {
border: none !important
}

.menu-bottom-mobile li a:after {
display: none !important;
}

.simple-link a,
.current>a {
padding-right: 14px !important;
}

.sh-sidebar.sh-closed.scrolled {
width: 100%;
}

.logo-main-home {
top: 250px;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
width: 90%;
}

.masque-rech.home-form {
margin-left: 0;
}

.sh-sidebar.sh-closed .sh-rappel-btn {
position: absolute;
right: 20%;
top: 28px;
}

.sh-sidebar.sh-open {
background-color: white!important;
}

.video-bg-container {
height: 300px;
}

.masque-rech.home-form {
margin-top: 300px;
flex-direction:column;
align-items:center;
}

#home-intro {
min-height: 74vh;
}

.form-submit-rech {
margin-top: 40px
}

.flex-map-os-container .bien-vedette {
padding-right: 4%
}

.home .masque-rech.home-form .btn-more-rech,
.home .masque-rech.home-form .form-submit-rech {
max-width: 100%;
min-width: 100%;
}

.home .masque-rech.home-form .btn-more-rech {
padding: 11px 0 !important;
margin-top: 6px;
}

.home .masque-rech.home-form .form-submit-rech {
margin-top: 35px;
margin-bottom:35px
}

.container-header-spec h1 {
font-size: 0.8rem;
font-weight: 600;
}

.liste .btn-open-alerte-popup,
.mobile-hide-class {
display: none !important;
}

.container-header-spec-img {
background-image: url('/img_fr/mobile-hero-image.jpg')
}

.filters-content li span.sort-liste,
.filters-content li span.sort-liste.active-sort-asc,
.filters-content li span.sort-liste.active-sort-desc,
.filters-content li span.sort-liste a:link,
.filters-content li span.sort-liste a:visited {
font-size: 0.7rem;
padding: 4px 4px;
min-width:35px;
justify-content:center;
}

.liste h2 {
white-space: nowrap;
font-size: 0.7rem;
}

.liste .bloc-minimoteur .btn-more-rech {
width: 100%;
}

.search-responsive-btn span {
font-size: 0.7rem;
line-height: 0.7rem;
}

.detail-topnav{
margin-top:20px;
}

.mobile-logo-home {
top:250px;
}

.sh-sidebar .sh-menu {
width: 100%;
box-sizing: border-box;
}

.sh-sidebar.sh-open .lang-switch, .sh-sidebar.sh-open .menu-top .maselection a {
flex-direction: column-reverse!important;
}

.sh-sidebar.sh-open .sh-rappel-btn a{flex-direction:column}

.menu-top .maselection a{top:-1px}

.social-menu-custom ul{
gap:15px;
}

   .sh-sidebar.sh-open .sh-logo {
display: block;
margin-top: -7px;
margin-bottom: 20px;
}

.container-header-spec h2{font-size:0.9rem;}

.search-responsive-btn{
display:flex;
align-items:center;
margin-top:-20px
}

/* .home .heading1-custom{font-size:0.7rem;}
 */
.display-sort > span{
display:none;
}

.liste-title{flex-direction:column-reverse}

.bien-vedette-flex, .detail-suggestions{gap:20px;}

.dialog-send{margin-top:30px;}

}

@media screen and (max-width: 480px) {
.vignette-estimation img {
max-width: 80%;
margin-top: -8vh;
margin-bottom: 3vh;
}

.social-menu li.picto-spec a {
width: 24px !important;
height: 24px !important;
}

.d-flex.vignette-container {
margin-top: 5vh;
padding: 5% 2%;
flex-direction: column;
}

.vignette-estimation {
flex: 1 100%;
max-width: 100%;
}

}