html, body {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;/* line-height: 1.42857143; */color: #fff;background: #1b1b1b;height: 100%;}
body {margin: 0;}
body.connexion{background-color: #1b1b1b!important;}

h1 {margin-top: 0;padding-top: 10px;}
h1.entete {color: #1b1b1b;padding-top: 20px;text-align: center;/* margin: 0 0 70px 0; *//* text-transform: uppercase; */font-size: 22px;font-weight: 600;margin-top: 20px;}
h1.h1_criteres {text-align: center;margin-bottom: 35px;}
h1.h1_rapprochement {text-align: center;margin-bottom: 30px;}

h2.part_title {text-align: center;font-weight: 400;text-transform: uppercase;font-size: 30px;margin: 20px 0;color: #f2cb27;}

a {outline: 0px;color: #f2cb27;text-decoration: none;background-color: transparent;}
a:hover, a:focus {text-decoration: none!important;}

textarea {font-family: inherit;width: 100%;max-width: 100%;min-height: 150px;padding: 5px 10px;color: #444;}

.content_container-bloc {width:100%;}
.content_container-bloc .content_container{width: 100%;}

.content_container-bloc .bloc-left {position: relative;width: 60%;float: left;}
.content_container-bloc .bloc-left form#updateAcquereur label {color: #444;}
form#updateAcquereur label {
    color: #444;
}
.navbar-static-side {text-transform: uppercase;z-index: 3;position: fixed;width: 220px;height: 100%;transition: width 0.5s;}
.navbar-static-side .nav-header {background: #1b1b1b;position: relative;border-bottom: 1px solid #fff;overflow: hidden;line-height: 10px;padding: 20px;margin-bottom: 20px;}
.navbar-static-side .nav-header .photo_profil_container {text-align: center;position: relative;z-index: 1;}
.navbar-static-side .nav-header .photo_profil_content {display: inline-block; overflow: hidden;height: 70px;width: 120px;background: top center;background-repeat: no-repeat;background-size: contain;}
.navbar-static-side .nav-header .details_utilisateur {margin-top: 20px;text-transform: uppercase;text-align: center;font-size: 12px;color: #FFF;line-height: 15px;position: relative;}
.navbar-static-side .layer1 {border: 0;margin-top: 18px;}
.navbar-static-side .layer1 a {color: #fff;font-size: 14px;background: transparent;}
.navbar-static-side .layer1 a .icons {color: rgba(255, 255, 255, 0.6);}
.navbar-static-side .layer1 .icons {margin-right: 14px;font-size: 17px;width: 15px;display: inline-block;}
.navbar-static-side .layer1 a:hover {background: #fff;color: #818080;}
.navbar-static-side .layer2 a:hover {background: initial!important;color: #818080!important;}
.navbar-default {background-color: transparent;border-color: rgba(0, 0, 0, 0);}
.nav {margin-top: 0;margin-bottom: 0;padding-left: 0;list-style: none;}
.nav > li {position: relative;display: block;}
.content_container {float: left;margin: 0 0 0 220px;padding: 0 30px 30px 30px;background: #FFF;min-height: 100%;position: relative;width: calc(100% - 220px);transition: margin 0.5s;}
.nom_utilisateur {padding-bottom: 10px;}
.icones-e2 {font-family: 'icones-e2' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.nav > li > a {position: relative;display: block;padding: 10px 15px;}
#detail_container {margin-top: 40px;}
.mandat-current-detail {background: #363638;padding: 15px;float: left;color: #fff;}
.bloc-right {width: 35%;position: relative;padding: 0 20px;float: right;}
span.prix {color: #f2cb27;font-weight: 600;font-size: 20px;}
.description-annonce {border-top: 1px solid #fff;padding: 10px 0;font-size: 13px;border-bottom: 1px solid #fff;}
span.annonce {background: #f2cb27;color: #fff;padding: 10px 15px;border: 0;}
span.annonce a {color: #fff !important;}
.small-pics .mini-pic, .small-pics a.swipebox {width: 21%;height: auto!important;padding: 9px;cursor: pointer}.small-pics a.swipebox .mini-pic{cursor: pointer;width: 100%;height: auto;padding: 0px;cursor: pointer}
.small-pics {position: relative!important;float: left;width: 100%;height: 100%;position: relative;margin-bottom: 30px;background: #363638;margin: 25px 0 0 0;}
.small-pics .mini-pic, .small-pics a.swipebox {
    width: 21%;
    height: auto!important;
    padding: 9px;
    cursor: pointer;
}

.mandat-current-detail {
    background: #363638;
    padding: 15px;
    margin-top: 15px;
    float: left;
    color: #fff;
}
.tbDialog th:first-child {text-align: center;}.small-pics .mini-pic img {cursor: pointer;width: 100%;}
/**
NEGO
 */
.bloc-right .nego {margin: 45px 0 0 0;width: 100%;float: left;display: block;position: relative;}
.nego-container {background: #f2cb27;height: 100%;float: left;padding: 10px 0;width: 100%;border-radius: 70px;margin-bottom: 10px;}
.img-nego {text-align: center;position: relative;float: left;border-radius: 50%;margin-left: 12px;width: 125px;height: 125px;overflow: hidden;display: inline-block;background: #fff;}
.img-nego img {width: 100%;position: relative;}
.info-nego { color: #fff;position: relative;padding: 21px 10px;display: inline-block;}
/** Espace **/
#espace_pr {width: 100%;margin-bottom: 90px;}
.rubrique {background: #f5f5f5;border: 1px solid #e5e5e5;padding: 10px;color: #000;}
.annonce {background: #f5f5f5;border: 1px solid #e5e5e5;margin-top: 10px;margin-bottom: 10px;margin-right: 10px;width: 100%;color: #000;}
.submit {border: 0px solid #00f;background: #811311;padding: 3px;color: #fff;}
#content_pr {margin: auto;width: 1280px;}
#pr_left {float: left;width: 810px;padding: 10px;}
#pr_right {float: left;width: 400px;padding: 10px;}
#pr_left textarea {color: #5B5B5B;font-family: Arial;font-size: 12px;height: 100px;width: 417px;}
#dvInfosBien {float: left;width: 273px;overflow: auto;}
#dvPhotosBien {float: left;width: 117px;overflow: auto;height: 250px;}
.padding10 {padding: 10px;}
.padding5 {padding: 5px;}



.mandat-current-container h2 {color: #f2cb27;font-size: 24px;margin-bottom: 14px;}
.info-mandat #titre {position: relative;display: block;font-size: 16px;text-align: left;}
.info-mandat span#prix {position: relative;display: block;font-size: 16px;margin: 10px 0 0 0;text-align: right;}
.info-mandat span#cp-ville {font-size: 17px;position: relative;display: block;text-align: right;margin-bottom: 10px;}


/*** Tables dialog ***/
.tbDialog {border: 1px solid #444;border-collapse: collapse;margin: auto;width: 100%;}
.tbDialog th {background: #f2cb27;height: 10px;vertical-align: middle;color: #fff;border-bottom: 1px solid #1b1b1b;/* padding: 10px; */text-align: left;}
.tbDialog td:first-child {text-align: center;font-weight: bold;width: 25%;border-top: 1px solid;}.tbDialog td:nth-child(2){width: 25%;}.tbDialog td:nth-child(3){width: 50%;}
.tbDialog td {padding: 10px;background: none repeat scroll 0 0;height: 10px;vertical-align: middle;color: #1b1b1b;border-bottom: 1px solid #1b1b1b;}
.tbDialog a {display: block;height: 21px;width: 31px;}

.tbParution {border: 0px solid #eee;border-collapse: collapse;margin: auto;width: 100%;}
.tbParution th {background: #f2cb27;height: 10px;vertical-align: middle;color: #fff;border-bottom: 1px solid #fff;padding: 10px;}
.tbParution td:first-child {text-align: center;font-weight: bold;width: 25%;}.tbParution td:nth-child(2){width: 25%;}.tbParution td:nth-child(3){width: 50%;}
.tbParution td {padding: 10px;background: none repeat scroll 0 0;height: 10px;vertical-align: middle;color: #1b1b1b;border-bottom: 1px solid #fff;}
.tbParution a {display: block;height: 21px;width: 31px;}

#tbPartenaire {border: 0px solid #CCCDCD;background: #CCCDCD;color: #000;}
#tbPartenaire td {background: #f5f5f5;height: 10px;vertical-align: middle;}
#tbPartenaire th {background: #f5f5f5;height: 10px;vertical-align: middle;}
#tbPartenaire .offre {color: #f00;font-size: 20px;}


/*** Dialog.css ***/
#popup_fond {background: #fff;position: absolute;left: 0px;top: 0px;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
#popup_container div {display: block;float: none;font-family: Trebuchet MS, Arial, Verdana;}
#popup_container input {display: inline;float: none;}
#popup_container {position: absolute;z-index: 9999;-moz-border-radius: 5px;border: 3px solid #999;background: #fff;max-width: 310px;min-width: 500px;}
#popup_content {padding: 5px;}
#popup_title {text-align: center;font-size: 16px;font-weight: bold;line-height: 1.5em;background: #CCCDCD;color: #000;}
#popup_message {text-align: left;font-size: 14px;overflow: auto;height: 300px;}
#popup_buttons {text-align: center;width: 100%;height: 2em;}
#popup_buttons #popup_ok {text-align: center;margin-top: 5px;}
#popup_saisie {width: 210px;}
/** les espaces de graphes **/
#dvBarometre {width: 780px;height: 200px;}
#dvActivite {width: 100%;height: 300px;}
#dvDetailsActivite {border: 0px solid #000;width: 100%;margin-bottom: 15px;}
#dvDetailsActivite #dvUlDetailsActivite {float: left;width: 100%;}
#dvDetailsActivite #dvUlDetailsActivite ul {list-style: none;margin: 0px;width: 100%;padding: 0px;}
#dvDetailsActivite #dvUlDetailsActivite ul li {color: #000;font-size: 12px;width: 150px;float: left;/* display: table; */}
#dvDetailsActivite #dvUlDetailsActivite ul li a {display: block;/* height: 20px; */margin-bottom: 3px;line-height: 20px;padding-left: 5px;color: #000;}
#dvDetailsActivite #dvUlDetailsActivite ul li a.on {background: #f2cb27;color: #fff;padding: 10px;text-align: center;font-weight: bold;font-size: 14px;}
#dvDetailsActivite #dvUlDetailsActivite ul li a.off {background: #fff;color: #333;padding: 10px;text-align: center;font-weight: bold;font-size: 14px;}
#dvDetailsActivite #dvUlDetailsActivite ul li a:hover {background: #f2cb27!important;color: #fff!important;padding: 10px;text-align: center;font-weight: bold;font-size: 14px;}
#dvDetailsActivite #dvDisplayDetailsActivite {width: 100%;min-height: 140px;float: left;background: #f5f5f5;}
#dvEvolutionPrix {width: 100%;height: 300px;}
.clickGraph {color: #000;font-size: 12px;}
.data {width: 300px;}
.dvCadrePrix {float: left;width: 80%;}
.dvLien {text-align: right;margin-bottom: 10px;}
.dvImg {float: left;margin-left: 10px;}
.dvTitre {float: left;width: 78%;padding: 5px;}
.dvRef {float: right;width: 18%;text-align: right;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;}
.dvPrix {margin-top: 10px;margin-bottom: 10px;padding-left: 10px;}
.dvTexte {padding: 10px;}
#dvBulleMdp { background: none repeat scroll 0 0 #fff;width: 240px; border: 3px solid #811311;border-radius: 240px / 140px;color: #000;margin: 1em auto 80px;padding: 55px 30px;position: absolute;text-align: center;}

#dvBulleMdp:after {background: none repeat scroll 0 0 #fff;border: 2px solid #811311;border-radius: 25px 25px 25px 25px;bottom: 0px;content: "";display: block;width: 10px;height: 10px;position: absolute;right: 0px;z-index: 10;}
#dvBulleMdp:before {background: none repeat scroll 0 0 #fff;border: 2px solid #811311;border-radius: 50px 50px 50px 50px;bottom: 10px;content: "";display: block;width: 20px;height: 20px;position: absolute;right: 15px;z-index: 10;}

/**MODAL CONNEXION */
body.modal-body {width: 100%;}
.main-container {position: relative;height: 100%;display: flex;justify-content: center;align-items: center;padding: 0 30px;}
.main-container-contant {width: 100%;max-width: 400px;}
.modal-container-background:before {content: '';-webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px);z-index: -1;position: fixed;width: 100%;height: 100%;top: 0;left: 0;}
.modal-container {-webkit-filter: blur(0px);max-width: 400px;margin: 0 auto; margin-top: 50px;}
.modal-title {position: relative;width: 100%;float: left;text-align: center;}
.modal-title h1 {color: #fff;letter-spacing: 5px;margin: 0 0 30px 0;font-family: 'Michroma';font-size: 14px;font-weight: 500;text-align: center;}
.modal-description {width: 100%;position: relative;float: left;}
.modal-description p {text-align: center;margin-top: 10px;margin-bottom: 25px;font-size: 17px;color: #FFC324;text-shadow: #fff -1px 0px 0px;}
.modal-description form {width: 100%;position: relative;float: left;}
.modal-footer {float: left;width: 100%;position: relative;}
a.link-modal {color: #fff;float: right;margin-top: 10px;}
.blc_logo {position: relative;display: block;width: 100%;}
.blc_logo_content {display: block;position: relative;margin: 0 auto;padding: 35px 0 0 0;max-width: 150px;}
.highcharts-container {width: 100% !important;}
span.has-error {background: #EE8477;color: #fff;width: 100%;position: relative;float: left;margin-bottom: 10px;margin-top: 10px;text-align: center;padding: 5px 0;}

/* Translate */
.translate { position: fixed;right: 0px;top: 0px;z-index: 16;overflow: hidden; }
.translate-boxes { float: left; }
.translate-boxes a { display: inline-block;width: 30px;height: 25px;line-height: 24px;text-align: center;font-size: 9px;font-weight: 400;border-top: 1px solid #4e4e4e;border-bottom: 1px solid #4e4e4e;border-left: 1px solid #4e4e4e;float: left;color: #fff;text-transform: uppercase;cursor: pointer;background: #585858; }
.translate-boxes a.on { background: #f2cb27; }
.translate-boxes a:hover { background: #000; }
.translate-boxes.dark a { color: #333;border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fff; }
.translate-boxes.dark a:hover { background: rgba(0,0,0,0.2); }
.translate-boxes.dark a.on { background: #ddd; }
.translate-boxes img { width: 20px; }

/* Formulaire : mes criteres */
.frmModificationCriteres .left, .frmModificationCriteres .right { float: left;width: 50%; }
.frmModificationCriteres .left { padding: 0 15px 0 0; }
.frmModificationCriteres .right { padding: 0 0 0 15px; }



div#retourAlerteMail {position: relative;display: block;width: 100%;}
div#retourAlerteMail div{position: relative;display: block;float: left;padding: 15px 30px;margin-top: 15px;background: #b5f5b8;color: #0f8228;font-size: 16px;font-weight: 600;}
div#retourAlerteMail div span {display: block;font-size: 12px;}
form#updateAcquereur {position: relative;display: block;width: 100%;float: left;padding: 30px;background: #eee;border-radius: 10px;border: 1px solid #1b1b1b;}h1{/* text-align: left; *//* margin: 0 0 70px 0; *//* text-transform: uppercase; *//* font-size: 19px; *//* font-weight: 600; */}h1.entete {/* color: #1b1b1b; *//* padding-top: 20px; */}
.modal-title h1 {color: #fff;letter-spacing: 5px;margin: 0 0 30px 0;font-family: 'Michroma';font-size: 14px;line-height: 20px;font-weight: 500;text-transform: uppercase;padding-top: 10px;text-align: center;}
label.lab_p {position: relative;display: block;color: #fff;}

label.lab_p input {width: 13px;height: 13px;padding: 0;margin: 0;vertical-align: bottom;position: relative;top: -15px;overflow: hidden;left: 90px;}
.navbar-static-side .nav-header .photo_profil_content {display: inline-block;overflow: hidden;height: 70px;width: 60px;background: top center;background-size: cover;}
.navbar-static-side .nav-header .details_utilisateur {text-transform: uppercase;text-align: center;font-size: 12px;color: #FFF;line-height: 15px;position: relative;padding: 20px;}
.navbar-static-side .layer1 a .icons {color: rgba(255, 255, 255, 0.6);}
.navbar-static-side .layer1 .icons {margin-right: 14px;font-size: 17px;width: 15px;display: inline-block;}

h3.title_acq {margin: 0 0 10px 0;color: #f2cb27;}p.rappel {background: red;color: #fff;text-align: center;padding: 8px;width: 100%;}
.bloc-infos table {width: 100%;}
a {outline: 0px;}

.nom_utilisateur {padding-bottom: 10px;}
.icones-e2 {font-family: 'icones-e2' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}


#detail_container {margin-top: 40px;}
select {padding: 5px;background: #dedede;color: #333;border: 0;}
span.prix {color: #f2cb27;font-weight: 600;font-size: 20px;}
.description-annonce {/* border-top: 1px solid #fff; *//* padding: 10px 0; *//* border-bottom: 1px solid #fff; */}
span.annonce {background: #f2cb27;color: #fff;padding: 5px 10px;}
.small-pics {float: left;width: 100%;height: 100%;position: relative;margin-bottom: 30px;background: #fff;margin: 25px 0 0 0;}
.small-pics .mini-pic {width: 20%;height: auto;float: left;overflow: hidden;padding: 9px;cursor: pointer;}
.small-pics .mini-pic img {width: 100%;}

/** Espace **/
#espace_pr {width: 100%;margin-bottom: 90px;}
.rubrique {background: #f5f5f5;border: 1px solid #e5e5e5;padding: 10px;color: #000;}
.annonce {background: #f5f5f5;border: 1px solid #e5e5e5;margin-top: 10px;margin-bottom: 10px;margin-right: 10px;width: 100%;color: #000;}
.submit {border: 0px solid #00f;background: #811311;padding: 3px;color: #fff;}
#content_pr {margin: auto;width: 1280px;}
#pr_left {float: left;width: 810px;padding: 10px;}
#pr_right {float: left;width: 400px;padding: 10px;}
#pr_left textarea {color: #5B5B5B;font-family: Arial;font-size: 12px;height: 100px;width: 417px;}
#dvInfosBien {float: left;width: 273px;overflow: auto;}
#dvPhotosBien {float: left;width: 117px;overflow: auto;height: 250px;}
.padding10 {padding: 10px;}
.padding5 {padding: 5px;}


/** les espaces de graphes **/
.data {width: 300px;}
.dvCadrePrix {float: left;width: 80%;}
.dvLien {text-align: right;margin-bottom: 10px;}
.dvImg {float: left;margin-left: 10px;}
.dvTitre {float: left;width: 78%;padding: 5px;}
.dvRef {float: right;width: 18%;text-align: right;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;}
.dvPrix {margin-top: 10px;margin-bottom: 10px;padding-left: 10px;}
.dvTexte {padding: 10px;}
#dvBulleMdp { background: none repeat scroll 0 0 #fff;width: 240px; border: 3px solid #811311;border-radius: 240px / 140px;color: #000;margin: 1em auto 80px;padding: 55px 30px;position: absolute;text-align: center;}

#dvBulleMdp:after {background: none repeat scroll 0 0 #fff;border: 2px solid #811311;border-radius: 25px 25px 25px 25px;bottom: 0px;content: "";display: block;width: 10px;height: 10px;position: absolute;right: 0px;z-index: 10;}
#dvBulleMdp:before {background: none repeat scroll 0 0 #fff;border: 2px solid #811311;border-radius: 50px 50px 50px 50px;bottom: 10px;content: "";display: block;width: 20px;height: 20px;position: absolute;right: 15px;z-index: 10;}
.tbDialog a {display: block;height: 21px;width: 31px;}

/**
    MODAL CONNEXION
 */
body.modal-body {width: 100%;}
.main-container-content {width: 100%;max-width: 400px;}
.modal-container-background:before {-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);}
/**
    espace acquereur
 */
.bloc-contact p {margin: 0px;margin-bottom: 10px;color:#444;text-align: left!important;}
.tab-contact, .bien-info {position: relative;float: left;width: 100%;}
.tab-contact-container, .bien-info-container {float: left;position: relative;width: 100%;}
.bloc-contact {background: #eee;padding: 15px;border-radius: 10px;border: 1px solid #1b1b1b;/* float: left; */}
.bloc-infos {background: #fff;padding: 5px 10px;}
p.msg-renseignement {font-weight: bold;font-style: italic;}
p.msg-alert {color: red;}
.bloc-info {background: #fff;padding: 5px 10px;color: #1b1b1b;}
a.btn-crit {background: #f2cb27;color: #fff;padding: 10px 5px;float: left;margin-top: 10px;font-weight: 700;}
/**
MODALS
 */
#modal-criteres-bloc, #modal-informations-bloc {position: absolute;width: 100%;top:0;}
#modal-criteres-bloc .modal-container {
}
#modal-informations-bloc .modal-container {margin-top: 150px;}
.modal-content {width: 100%;margin: auto 0;padding: 0px;float: left;border-radius: 10px;background-color:#1b1b1b !important;background: transparent;box-shadow: unset !important;border: 0px !important;border-radius: 0px !important;}
.modal-description p {text-align: center;margin-top: 10px;margin-bottom: 25px;font-size: 17px;color: #FFC324;}
.modal-description input, .modal-description select {background: #fff;border: 0;padding: 15px 0px;float: left;position: relative;width: 100%;margin-bottom: 10px;border-radius: 5px;font-size: 17px;text-align: center;color: #444;}
.modal-description input[type=submit] {background: #f2cb27 !important;font-size: 19px;color: #fff;}
.modal-footer {float: left;width: 100%;position: relative;border-top: 0px !important;}
a.link-modal {color: #fff;float: right;margin-top: 10px;}
#modal-criteres .modal-title h1, #modal-informations .modal-title h1 {margin-bottom: 25px;padding-top: 0px;margin-top: 0px;font-size: 20px;}
#modal-criteres .modal-title h1 {margin-bottom: 25px;}
#modal-criteres-bloc, #modal-informations-bloc {display: none;}
.modal-left {margin-right: 20px;}
.modal-left, .modal-right {width: 48%;position: relative;float: left;}
a#cross-critere, a#cross-informations {color: #dc1a32;font-size: 20px;float: right;}
a#cross-critere:hover, a#cross-informations:hover{color: #fff!important;background: initial!important;}

/**
footer
 */
#footer {margin-top: 40px;width: 100%;background: #811311;border-top: 2px solid #811311;height: 80px;font-size: 10px;line-height: 20px;color: #fff;}
#footer div.copy {padding: 5px 25px 5px 0px;text-align: right;}
#footer div.mentions {padding: 5px 25px 5px 10px;text-align: left;}
#footer-login {position: fixed;bottom: 0px;margin-top: 10px;width: 100%;background: #811311;border-top: 2px solid #811311;height: 30px;font-size: 10px; /*text-align: right;*/line-height: 20px;color: #fff;}
#footer-login div.copy {padding: 5px 25px 5px 0px;text-align: right;}
#footer-login div.mentions-login {padding: 5px 25px 5px 10px;text-align: left;display: none;}


/**************************************************************************************************************************************************/
/*RESULTS*/
/**************************************************************************************************************************************************/
.wrapperResults{margin: 40px 0 80px 0;}
/**************************************************************************************************************************************************/
/*LISTES BIENS*/
/**************************************************************************************************************************************************/

/*IMAGE********************************************************************************************************************************************/
.listContainer{width:100%;}
.itemListContainer{margin-bottom: 20px;float: left;width: 50%;}
.itemlist{position: relative;height: 350px;margin: 0 0 30px 0;}
.itemlist-img-container{padding:0px!important;overflow:hidden;height: 347px;cursor:pointer;border: 1px solid #1b1b1b;}.itemlist-img{width: 100%;height: 100%;object-fit: cover;}
.bdo{position: absolute;top: 0;left: 0;z-index: 8;}
.itemlist-nb-pics{font-size: 13px;font-weight: 600;}span.itemlist-nb-pics.ref {font-family: 'Michroma';color: #333;}
.small-pics { float: left;width: 100%;height: 100%;position: relative;margin-bottom: 30px; }
.small-pics .mini-pic { width: 20%;height: auto;float: left;overflow: hidden;padding: 9px;cursor: pointer; }
.small-pics .mini-pic img { width: 100%; }

@media (min-width: 768px) and (max-width: 992px) {
    .small-pics .mini-pic { width: 33%; }
}
@media (max-width: 767px) {
    .small-pics .mini-pic { width:50%; }
}
@media (max-width: 550px) {
    .small-pics .mini-pic { width:100%; }
}

.itemlist-desc{height: 347px;padding: 15px;border-top: 1px solid #1b1b1b;border-bottom: 5px solid #1b1b1b;border-left: 1px solid #1b1b1b;}
.itemlist-title{display: block;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #1b1b1b;font-size: 16px;color: #1b1b1b;text-decoration: none;font-weight: 800;text-align: center;font-family: 'Michroma';}
a.itemlist-title:hover {color: #f2cb27;}
.itemlist-txt{margin-bottom: 6px;min-height: 100px;font-size: 14px;color: #000;line-height: 22px;}
.itemlist-localisation{padding-bottom: 20px;border-bottom: 1px solid #1b1b1b;font-size: 18px;font-weight: 600;color: #fff;line-height: 1em;text-align: center;}
.itemlist-localisation .precision{margin-right: 10px;padding: 5px 10px;background: #f2cb27;font-size: 14px;}
.itemlist-infos-price{
}
.itemlist-price-nb{margin: 0;font-size: 22px;color: #f2cb27;font-family: "Roboto", sans-serif!important;}

.bloc-container{max-width: 1150px;margin: 0 auto;position: relative;display: inline-block;}
.bloc-container div.erreur {position: relative;display: block;background: #1b1b1b;padding: 15px 25px;border-radius: 50px;text-align: center;line-height: 16px;border: none;font-size: 16px;}
.modal-description form h2 {color: #fff;font-size: 18px;font-weight: 100;letter-spacing: 5px;text-align: center;}






/* Accueil */
.accueilCenterBloc {position: relative;display: block;max-width: 800px;padding-top: 25px;margin: 0 auto;}
.accueilCenterBloc h1 {text-align: center;margin-bottom: 15px;text-transform: inherit;}
.accueilCenterBloc p {color: #444;text-align: center;font-size: 17px;margin-bottom: 25px;}
.blockContainer {position: relative;display: block;max-width: 395px;margin: 0 auto;margin-top: 50px;min-height: 140px;}
.mandatBloc, .projetBloc{position: relative;background: #f2cb27;border-radius: 15px;width: 170px;height: 170px;float: left;}
.mandatBloc.none, .projetBloc.none{background: #f2cb2770;}
.mandatBloc {margin-right: 20px;}
.projetBloc {margin-left: 20px;}
.projetBloc a, .mandatBloc a, .estimBloc a {color: #fff;}
.texteCenter {text-align: center;font-size: 20px;font-weight: 600;display: block;position: relative;height: 100%;padding: 54px 0;}
.countMandat,.countProjet {position: absolute;display: block;background: #1b1b1b;border-radius: 50px;padding: 7px 0px;width: 34px;height: 34px;top: -17px;right: -14px;text-align: center;vertical-align: middle;font-weight: 600;font-size: 15px;}

.projetBloc .texteCenter {padding: 41px 0px;}
.accueilCenterBloc .nego {position: relative;display: block;max-width: 483px;margin: 0 auto;margin-top: 325px;}
.projetBloc.visite {
    margin-top: 20px;
    margin-left: 40px;
}
.tab-contactContainer {position: absolute;display: none;bottom: 82px;right: -18px;background: #1b1b1b;border-radius: 10px;max-width: 547px;padding: 15px 32px 32px 32px;}
.negoContact {position: absolute;display: block;top: -33px;right: 12px;background: #1b1b1b;color: #fff;width: 66px;height: 66px;border-radius: 50px;text-align: center;font-size: 35px;cursor: pointer;padding: 5px 0;}
.tab-contactContainer input[type="submit"] {color: #fff;background: #f2cb27;border: 0;border-radius: 5px;padding: 10px 14px;font-weight: 600;}
.tab-contactContainer::before {
    content: '';
    position: absolute;
    display: block;
    z-index: 41;
    bottom: -50px;
    right: 61px;
    background-image: url('../images/fleche-bulle.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    /* background-color: #eee; */
}

/* Nav bar */
ul#liMandatChild, ul#liProjetChild {padding: 0;margin: 10px 0;border-top: 1px solid #343b40;border-bottom: 1px solid #343b40;}
ul#liMandatChild li, ul#liProjetChild li {background: #1f2427;padding: 8px 20px;}
ul#liProjetChild li a {text-transform: capitalize;font-size: 15px;}
span#liProjet,span#liMandat {text-transform: initial;font-size: 16px;font-weight: 600;padding: 0 12px;width: 100%;display: block;position: relative;}
li.layer2::before {content: '';width: 0px;height: 0px;border-style: solid;border-width: 5px 0px 5px 8px;border-color: transparent transparent transparent #f2cb27;display: inline-block;vertical-align: middle;margin-right: 5px;margin-bottom: 3px;}
a.btnLogOut {position: relative;max-width: 50px;height: 50px;border-radius: 50px;margin: 0 auto;}
.navbar-static-side .layer1 a.btnLogOut {color: #fff;font-size: 30px;background: #f2cb27;padding: 5px 12px;}
span#liProjet.selected::after,span#liMandat.selected::after {content: '';width: 0px;height: 0px;border-style: solid;border-width: 18px 0px 18px 23px;border-color: transparent transparent transparent #1b1b1b;display: inline-block;vertical-align: middle;margin-right: 5px;margin-bottom: 3px;position: absolute;top: -9px;right: -28px;}
/**************************************/
.containerVisite {width: 100%;min-height: 140px;float: left;background: #f5f5f5;}
table#visiteAcq {position: relative;/* display: block; */width: 100%;}
table#visiteAcq tr {/* display: block; */position: relative;border: 1px solid #444;border-collapse: collapse;margin: auto;width: 100%;}
table#visiteAcq th:first-child {/* text-align: center; */}
table#visiteAcq th {background: #f2cb27;height: 35px;vertical-align: middle;color: #fff;border-bottom: 1px solid #1b1b1b;text-align: center;}
table#visiteAcq td:first-child {/* text-align: center; */font-weight: bold;width: 25%;border-top: 1px solid;}
table#visiteAcq td {padding: 10px;background: none repeat scroll 0 0;height: 10px;vertical-align: middle;color: #1b1b1b;border-bottom: 1px solid #1b1b1b;text-align: center;}

/* content agence */
.content-ag {width: 100%;float: left;padding: 0 0;position: relative;z-index: 10;/* margin-top: -97px; */height: 55vh;}
.content-ag-container { width: 100%;height: 100%; }
.content-ag-container .left { width: 60%;height: 100%;float: left; }
.content-ag-container .left img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.content-ag-container .right { width: 40%;height: 100%;float: right;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding: 0 90px; }
.content-ag-container .right p { color: #fff;text-align: justify;line-height: 18px;font-size: 18px; }
.content-ag-container p span { display: block;margin: 0 0 10px 0; }
.content-ag-container p span i { font-size: 20px;margin-right: 5px;color: #fff; }
.content-ag-container .right .os { width: 100%;text-align: center;display: inline-block;margin: 20px 0 0 0; }
.content-ag-container .contact-ag { width: 100%;margin: 30px 0 0 0;text-align: center; }
.content-ag-container .contact-ag a { display: inline-block;background: #f2cb27;color: #3c434a;font-size: 16px;font-weight: 800;padding: 15px 30px;border-radius: 8px; }
.content-ag-container .contact-ag a:hover { background: #129894; }
.content-ag-container .links-ag { width: 100%;margin: 30px 0 0 0;text-align: center;font-size: 14px; }
.content-ag-container .links-ag a { display: inline-block;color: #fff; }

.forme_bas {
    width: 100%;
    /* float: left; */
    margin: -1px 0 0px 0;
    position: absolute;
    top: 0;
    z-index: 11;
}
/**************************************/
.estimBloc {
    position: relative;
    background: #f2cb27;
    border-radius: 15px;
    width: 170px;
    height: 170px;
    float: left;
    margin: 20px auto;
    color: #fff;
}

.estimBloc .texteCenter {
    padding: 40px 0;
}

.tab-contact-container h2 {font-size: 21px;text-align: center;font-weight: 100;color: #000;}
p.resultEnvoi.ok {position: relative;display: block;text-align: center;margin: 25px 0 10px 0;float: left;background: #f2cb27;color: #fff;padding: 10px;border-radius: 10px;}
.content_container-bloc p.firstP {color: #444;text-align: center;font-size: 18px;margin-bottom: 60px;}

.bloc-right .nego .tab-contactContainer {bottom: 230px;}
.bloc-container.listBien {display: block;margin-top: 45px;max-width: initial;display: flex;-webkit-flex-flow: wrap;justify-content: flex-start;}



.lkMentions{color: #818080 !important}
.modal-header{ background: #f2cb27;color: #fff;text-transform: uppercase;}
div#modalEvaluation .modal-title, #modalMater .modal-title{text-align: center;font-size: 17px;padding: 15px 0; float: initial}
.modal-content { box-shadow: none;border: 0px;border-radius: 15px;font-size: 16px; }
#listeSelec .item { width: 50%;padding: 10px; float: left }
#listeSelec .item .desc .selecTitre { display: block; font-weight: bold;margin-top: 20px;}
.deleteLk{color:#9e0000}
#modalEvaluation .spec { display: none; }
#modalEvaluation .spec span { font-weight: 800; }
#modalEvaluation form { width: 100%;float: left; }
#modalEvaluation .left, #modalEvaluation .right { float: left;width: 50%; }
#modalEvaluation .left { padding: 0 15px 0 0; }
#modalEvaluation .right { padding: 0 0 0 15px; }
#modalEvaluation button.close, #modalMater button.close {z-index: 10;position: relative;display: block;}
.products-list {
    position: relative;
    display: block;
    width: 100%;
}

/* btn modal estimation */
.blocModalEstim {
    position: absolute;
    top: 26px;
    right: 0px;
    z-index: 1;
}

.blocContent {
    position: relative;
    display: block;
    width: 100%;
}

.blocContent a.open-estim {
    position: relative;
    display: block;
    width: 100%;
    background: #f2cb27;
    color: #fff;
    font-size: 18px;
    padding: 10px;
}
/* Listing */
.container_list {display: flex;-webkit-flex-flow: wrap;justify-content: flex-start;}
.listing_content .produit {
    overflow: hidden;
    border-radius: 3px;
    height: 240px;
    padding: 0 13px;
}

.eltListe {
    width: 24%;
    margin-left: 15px;
    margin-bottom: 22px;
    float: left;
    display: inline-block;
}
a.visuel {
    padding: 188px 10px 65px 10px !important;
    color: #fff!important;
    font-weight: 100;
    overflow: hidden;
}

a.visuel {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    background-position: center;
    background-size: cover;
}
.voile {
    position: absolute;
    padding-left: 13px;
    bottom: 0;
    display: block;
    width: 100%;
    height: 31%;
    right: 0;
    z-index: 1;
    background: linear-gradient(360deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
}
span.bdo-custom {
    position: absolute;
    top: -185px;
    left: -30px;
    width: 260px;
    padding: 5px 10px;
    bottom: initial!important;
    background: #54bdbb;
    text-shadow: none;
    color: #fff;
    text-align: center;
    transform: translate(-63px) rotate(-36deg);
    transform-origin: 207px 0px;
}
span.price {
    bottom: 61px!important;
    font-weight: 800!important;
    font-size: 20px!important;
    line-height: 20px!important;
}
h3.title {
    z-index: 1;
    line-height: 16px;
    font-size: 14px;
    font-weight: 100;
    margin: 2px 0;
}
.produit span.detail_txt {
    z-index: 1;
    bottom: 9px;
}
.visiteContent iframe {
    border: 1px solid #000;
    width: 100%;
    height: 200px;
    background: #444;
}

.visiteContainer {
    display: inline-block;
    position: relative;
    width: 49%;
    margin-bottom: 25px;
}

.bas {
    position: relative;
    display: block;
}

p#alerte_retour p.erreur {
    background: red;
    padding: 5px;
}

.bas span {
    position: relative;
    display: block;
    width: 100%;
    color: #f2cb27;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    background: #fff;
}

a.dbq_v {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    background: #f2cb27;
    color: #fff;
    padding: 9px;
    font-size: 16px;
}
input#code_mater {
    position: relative;
    display: block;
    width: 100%;
    padding: 5px;
    margin: 10px 0;
    color: #000;
}

div#modalMater p {
    text-align: center;
}

input.submitMater {
    position: relative;
    display: block;
    background: #44d669;
    border: 0;
    padding: 10px 10px;
    width: 100%;
    font-weight: 600;
    margin-top: 14px;
}
/**MEDIA */
@media (max-width: 1400px){
    .content_container-bloc .bloc-left      { width: 100%; }
    .bloc-right     { width: 100%; }
}
@media (max-width: 1300px){
    .itemlist-title {font-size: 12px;}
    .itemlist-txt   {line-height: 19px;}
    .itemlist-desc  {width: 65%;}
}

@media(max-width: 1250px){
    .listContainer{width:100%;}
    .wrapperResults{padding-right: 20px;padding-left: 70px;}
    .content-ag-container .left, .content-ag-container .right { width: 50%; }
    .listing_content .produit {
        width: 33.33333%;
    }
    .blocModalEstim {top: 0;}
}

@media (max-width: 1199px){
    .bloc-left ,.bloc-right {width: 100%;}
    .paysContainer{width: 100% !important;}
    .select2-container{width: 100% !important;}
    .select2-container--default .select2-search--inline .select2-search__field{width: 100% !important;}
    .cpVilleContainer,.cpVilleContainer{width: 100% !important;}
    .select2-container{width: 100% !important;}
    .select2-container--default .select2-search--inline .select2-search__field{width: 100% !important;}
}
@media (max-width: 1043px) {
    .bloc-left, .bloc-right {width: 96%;}
}
@media(max-width: 1040px){
    .itemlist-desc{height: auto;border-right: 5px solid #e7e7e7;border-bottom: none;width: 100% !important;}
    .itemlist{height: auto;}
    .itemlist-txt{min-height: auto;}
    .itemlist-img-container{height: auto;border-top: none;}
    .itemlist-img{width: 100%;height: auto;}
}
@media (max-width: 1024px) {
    .bloc-right, .bloc-left {width: 100%;padding: 0px;}
}

@media(max-width: 991px){
    .listing_content .produit {
        width: 50%;
    }
    .content-ag-container .left { width: 40%; }
    .content-ag-container .right { width: 60%;padding: 0 50px; }
}

@media(max-width: 768px){
    .listing_content .produit {
        flex: 1 0 50%;
        box-sizing: border-box;
        margin: 10px;
        padding: 0;
    }
    .blocModalEstim {
        position: relative;
        display: block;
        top: inherit;
        right: inherit;
        z-index: 1;
        width: 100%;
        float: left;
        text-align: center;
    }
    .precision{display: inline-block;width: 100%;margin-bottom: 3px;}
    .itemlist-img-container:before{padding-bottom: 78%;}
    .bdo{width: 120px;}
    .photo_profil_container img {max-width: 200px;}
    .content_container {width: 100%;margin: 0px;padding: 0;float: right;}
    .content_container-bloc {width: 100%;margin: 0 auto;}
    .navbar-static-side {position: relative;width: 100%;height: initial;float: left;padding-bottom: 14px;}
    .navbar-static-side .layer1 a {font-size: 13px;text-align: center;}
    .navbar-static-side .nav-header {margin-bottom: 14px;}
    .navbar-static-side .nav-header .details_utilisateur img {display: inline-block;max-width: 200px;}
    .nav > li > a {padding: 6px 15px;}
    span#liProjet.selected::after , span#liMandat.selected::after {border-width: 26px 0px 26px 23px;border-color: #1f2427 transparent #1f2427 transparent;margin-right: 0;top: -19px;right: 0;}
    span#liMandat.selected::after {top: -18px;}
}

@media(max-width: 767px){
    .content-ag-container .left, .content-ag-container .right { width: 100%; }
    .content-ag-container .right { display: block;margin-top: 50px; }
    .content-ag-container .right p { text-align: center; }
    .content-ag {height: auto;margin-top: 0px;}
    .forme_bas {margin: 0 0 0px 0; }
}
@media (max-width: 670px){
    #modalEvaluation .left, #modalEvaluation .right {
        float: left;
        width: 100%;
        padding: 0;
    }
}
@media (max-width: 590px){
    .frmModificationCriteres .left, .frmModificationCriteres .right { width: 100%;padding: 0; }
}
@media (max-width: 570px){
    .tbDialog th {width: 100%;display: inline-table;text-align: center;height: 33px;/* padding: 28px 0; *//* vertical-align: middle; */}
    .tbDialog td {display: inline-table;width: 100% !important;text-align: center;}
    .tbDialog td:nth-child(3){border-bottom: 1px solid #333;}
}
@media(max-width: 500px){
    .tab-contactContainer{right: 0px;z-index: 10;}
    .itemlist-img-container:before{padding-bottom: 82%;}
    .bdo{width: 80px;}
}

@media (max-width: 425px) {
    .navbar-static-side {position: relative !important;width: 100% !important;}
    .blockContainer {max-width: 170px;}
    .mandatBloc, .projetBloc, .estimBloc{float: initial}
    .mandatBloc {margin-right: 0px;margin-bottom:25px }
    .projetBloc, .projetBloc {margin-left: 0px;margin-bottom:25px }
    .accueilCenterBloc .nego{margin-top: 60px;}
}
@media (max-width: 375px) {
    .negoContact {top: -44px;right: 5px;}
    .img-nego {max-width: 95px;height: 95px;}
    .info-nego {padding: 7px 0px 5px 19px;}
}

@media (max-width: 320px) {
    .tbDialog td {padding: 2px;}
    .content_container-bloc {width: 100%;}
}