/* @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: var(--color-primary);
    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;
}


.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�ais */
}

.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;
    -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(270deg);
    /* IE 9 */
    -webkit-transform: rotate(270deg);
    /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}


.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,.masque-rech input,
.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);
}
.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%;
}

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

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

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: 15px 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(/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;
}

.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: 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;
    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 Intro    pour 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: 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 .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: #445465;
    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: #445465 !important;
}

.color-orange {
    color: #b47d59 !important;
}

.color-gold {
    color: #b39b5d !important;
}

.background-color-blue {
    background-color: #445465 !important;
}

.background-color-orange {
    background-color: #b47d59 !important;
}

.background-color-gold {
    background-color: #b39b5d !important;
}

.hr-blue {
    border-color: #445465 !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: 10px;
    gap: 5px;
}

.masque-rech.home-form .form-critere-hasvvv label {
    font-size: 14px;
    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;}
/* 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�ral (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%;

    }
}