@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Black.eot');
    src: url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Black.woff2') format('woff2'), url('fonts/Lato-Black.woff') format('woff'), url('fonts/Lato-Black.ttf') format('truetype'), url('fonts/Lato-Black.svg#Lato-Black') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.eot');
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Regular.woff2') format('woff2'), url('fonts/Lato-Regular.woff') format('woff'), url('fonts/Lato-Regular.ttf') format('truetype'), url('fonts/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
 /* 
  @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&font-display=swap');
*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');*/

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

.message_retour {
    background: #E3B000;
    padding: 5px;
    margin-top: 10px;
    color: #fff;
    border-left: 0;
    text-align: center;
}

.message_retour_success {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #dff0d8;
    padding: 5px;
    margin-top: 10px;
    color: #3C763D;
    border-left: 0;
    text-align: center;
}


/*ICON*/

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}


/*GENERAL*/

body,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
h5,
.container {
    font-family: 'Lato', sans-serif !important;
}

h2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

body,
html {
    height: auto;
    position: relative;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    font-size: 1.4em;
    background-color: #fff !important;
    color: #000;
    line-height: 1.5 -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/*Image background*/

body {
    margin: 0 auto;
    max-width: 100%;
    color: #000;
}

#bgestimer {
    background: #fff url(https://www.consortium-immobilier.fr/fr/images/header/header-estimer.jpg) no-repeat center 50px;
}

#bgparticuliers {
    background: #fff url(https://www.consortium-immobilier.fr/fr/images/header/header-vue-aerienne.jpg) no-repeat center 50px;
}

#bgagences {
    background: #fff url(https://www.consortium-immobilier.fr/fr/images/header/header-cle.jpg) no-repeat center 50px;
}


/*
#bgagences > #mur > .content,
#plandesitedep,
#bginscription-agence > #mur > .content {
background: #fff url(https://www.consortium-immobilier.fr/fr/images/header/header-agences.jpg) no-repeat center 50px;
background-size: cover;
-webkit-background-size: cover;
}
*/

#bgagences {
    background: #fff url(https://www.consortium-immobilier.fr/fr/images/header/header-inscription_agences.jpg) no-repeat center 50px;
}

#bgagences-departement,
#bgagences-ville {
    background: #fff url(https://www.consortium-immobilier.fr/fr/images/header/header-agences-departement.jpg) no-repeat center 50px;
}

#bginscription-agence {
    background: #fff url(https://www.consortium-immobilier.fr/fr/images/header/header-particulier_agences.jpg) no-repeat center 50px;
}

#bginscription-agence div.search-agencesimmo p > b {
    color: #407dc0;
}

#bgagences > #mur {
    margin-top: 0;
}

.logo_agences img {
    padding: 10px 20px
}

#bginscription {
    background: #fff url(https://www.consortium-immobilier.fr/fr/images/header/header-plateau-dej.jpg) no-repeat center 50px;
}

#bginscription {
    background: #fff url(https://www.consortium-immobilier.fr/fr/images/header/header-plateau-dej.jpg) no-repeat center 50px;
}

h1 {
    margin: 30px 0 10px 0 !important;
    font-size: 24px;
    font-weight: 400;
    color: #000;
}

h2 {
    /*font-size: 1.5em;
    font-weight: 400;*/
    font-size: 1.7em;
    font-weight: 600;
    text-transform: uppercase;
}

h3 {
    font-size: 1.2em;
    font-weight: 400;
    color: #333;
}

p {
    margin-top: 15px;
}

a {
    text-decoration: none;
}

a:hover,
a:focus {
    color: #5292d4;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

img {
    max-width: 100%;
}

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

.container {
    min-height: 340px;
}

.caract div {
    position: relative;
}

.unity {
    color: #ccc;
    font-weight: 400;
    padding: 3px 12px;
    position: absolute;
    right: 0;
    top: 3px;
}

.grid {
    overflow: visible !important;
}

.grid > * > * {
    padding-left: -21px !important;
}

.titre-page {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    /*! text-transform: uppercase; */
    text-align: center;
    margin: 200px 0 128px 0;
    line-height: 1;
    text-shadow: 2px 2px 2px #575757;
}
h1 .titre-page {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    /*! text-transform: uppercase; */
    text-align: center;
    margin: 200px 0 128px 0;
    line-height: 1;
    text-shadow: 2px 2px 2px #575757;
}

#bgagences-ville h1.titre-page,
#bgagences-departement h1.titre-page {
    margin: 158px 0 135px 0 !important;
    word-break: normal;
    padding: 0 30px;
}

h2.titre-page {
    margin: 158px 0 135px 0 !important;
    word-break: normal;
    padding: 0 30px;
}

#bginscription-agence .titre-page {
    /*    color: #1D1D1D;*/
    font-size: 49px;
    font-weight: 800;
    text-align: center;
    margin: 166px 0 16px 0;
    line-height: 1;
    text-shadow: none;
}

#guide .titre-page {
    color: #1D1D1D;
    font-size: 49px;
    font-weight: 800;
    /*! text-transform: lowercase; */
    text-align: center;
    margin: 200px 0 128px 0;
    line-height: 1;
    text-shadow: none;
}

#bgparticuliers .titre-page,
#bginscription .titre-page,
#bgagences .titre-page {
    margin: 200px 0 164px 0;
}

#guide .titre-page {
    margin: 113px 0 0 0;
}

#bgagences .titre-page {}

#bgagences .titre-page::after,
#bginscription-agence .titre-page::after {
    content: "";
    position: relative;
    display: block;
    height: 1px;
    width: 250px;
    margin: 50px auto 40px auto;
}

.title {
    font-size: 15px;
    font-weight: bold;
}

.titre-page span {
    color: #fff;
    font-size: 24px;
}

.titre-page span.blue {
    color: #407dc0;
    font-size: 40px;
}

.titre1 {
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1.2;
}

.titre1 span {
    font-weight: 100;
}

.titre2 {
    font-weight: 600;
    font-size: 18px;
}

.titre3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.titre4 {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0;
}

.titre5 {
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
}

.titre6 {
    font-weight: 600;
    font-size: 18px;
}

.title-blue {
    color: #1c84e6;
    font-weight: 100;
}

.bleu {
    color: #407dc0 !important;
}

.blanc {
    color: #fff !important;
}

.bg_gris {
    background-color: #dadada;
}

.bg_bleu {
    background-color: #407dc0;
}

.bg_gris_degrade {
    background: linear-gradient(to top, #f1f0f0, #fff);
}

.lightbox {
    display: none;
}

.consortium {
    font-weight: 700;
}

.flex-container,
[class*=flex-container] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


/*FORM*/

.form-style {
    background-color: #fff;
    background-image: none;
    box-shadow: 0;
    color: #333;
    display: block;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

form .form-style-demi {
    width: 100%;
    display: block;
}

form .col1,
form .col2,
form .col3 {
    position: relative;
    width: 33%;
}

form .col1 label,
form .col2 label {
    color: #fff;
}

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

form .col2 {
    padding-left: 20px;
}

form .col3 {
    padding-left: 20px;
}

.featherlight-content .form-style {
    width: 100%;
}

.modal_bs-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}
.modal_bs-pad {
    padding: 25px !important;
}
@media (min-width: 576px) {
    .modal_bs-centered {
      min-height: calc(100% - (1.75rem * 2));
    }
}

input,
select,
textarea {
    border: 1px solid #d7d7d7;
    color: #333;
    padding: 6px 12px;
    width: 100%;
    margin-top: 0;
}

.bloc_opt_in_rgpd {
  width:100%;
  margin:15px 0 15px 0;
}

input.opt_in_rgpd {
  width:20px;
  height:20px;
  margin:0 10px 0 0;
}

input.opt_in_pers {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
}

.bloc_opt_in_rgpd label{
  font-size:12px !important;
}

.bloc_opt_in_rgpd a{
  text-decoration: underline;
}

.hide {
    display: none !important;
}

.newdesign fieldset {
    margin: 0;
    padding: 0;
}

.newdesign label {
    font-size: 14px;
}

.newdesign label.left {
    max-width: 85%;
}

input.certification {
    float: left;
    width: 50px;
    margin-top: 1em;
}

.newdesign .bouton {
    text-align: right;
}

.newdesign .btn {
    margin: 20px 0 0 0;
    border: 1px solid #fff;
}

#texte_italic {
    font-style: italic;
    color: #b2b3b3;
}

#texte_estim {
    margin-bottom: 20px;
}

/*
#formulaire_estimation{
  min-height: 300px;
}

#formulaire_estimation fieldset{
  display:none !important;

}

#formulaire_estimation fieldset:nth-child(1){
  display:block !important;

}
*/
form.registration-form fieldset {
    display: none;
}

.prestation label {
    padding-right: 10px;
}

input.checkbox {
    margin-top: 14px;
}

.a-suggest-ville,
.a-suggest-agence {
    cursor: pointer;
}

.input-error {
    border-color: #f69610;
}

.input-error2 {
    border-color: #e05d6f;
}

.suggestion ul {
    list-style-type: none;
}

.div-suggestion {
    border: 1px solid #B2B2B2;
    background-color: #fff;
    position: absolute;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10;
    padding: 4px;
    display: none;
    width: 100%;
    text-transform: uppercase;
}

.div-suggestion .titreli {
    background: #fff;
    color: #fff;
    text-decoration: none;
    padding-left: 5px;
}

.div-suggestion ul {
    padding-left: 0;
    list-style-type: none;
}

.div-suggestion ul li {
    padding: 0;
    z-index: 12;
    border-bottom: 1px dotted #ccc;
}

.div-suggestion ul li a {
    text-decoration: none;
    padding: 10px 10px 10px 15px;
    display: block;
    cursor: pointer;
    z-index: 13;
    color: #333;
}

select option:hover {
    box-shadow: inset 20px 20px #3f80c4 !important;
}

.search_line {
    position: fixed;
    z-index: 1000;
    top: 50px;
    left: 0;
    width: 100%;
    background: rgba(62, 128, 194, 0.85);
    padding: 0;
    height: 92px;
}

.search_line_form {
    display: flex;
    flex-direction: column;
    padding: 10px 20px 10px 10px;
}

.search_line > .center .grid-3 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.card_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 156px;
    position: relative;
    background: #fff;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
}

.card {
    position: relative;
    padding: 10px;
    width: 25%;
    float: left;
    border: 0;
    cursor: pointer;
}

.card3 {
    position: relative;
    padding: 10px;
    width: 33.33%;
    float: left;
    border: 0;
    cursor: pointer;
}


/*
.click-agences {
padding: 20px;
}
*/

.suggestion {
    border: 1px solid grey;
    background-color: #fff;
    color: #414141;
}

.card .logo-agence {
    clear: both;
    padding: 15px;
    text-align: center;
    height: 100px;
}

.card .logo-agence img {
    height: 70px;
    margin: 0 auto;
}

.card .heading {
    text-align: center;
    clear: both;
    padding: 0 20px 20px 20px;
}

.card .grid-4 {
    position: relative;
    border: 1px solid #ddd;
    /*    border: 1px solid #407dc0;*/
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    min-height: 300px;
    border-radius: 2px;
}

.card .grid-4:hover {
    border: 1px solid #bfbfbf;
    box-shadow: 2px 0 4px 0 rgba(195, 200, 206, .2), -2px 0 4px 0 rgba(195, 200, 206, .2);
}

.card .grid-4 h3 {
    font-weight: 600;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    margin-bottom: 0;
    font-weight: normal;
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 10px;
    font-size: 15px;
}

.card .grid-4 .nbrannonces {
    clear: both;
    padding-bottom: 5px;
    text-align: center;
}

.card .grid-4 .phone {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
    border-top: 1px solid #407dbc;
    background: #407dbc;
    clear: both;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.card .grid-4:hover h3 {
    color: #407dc0;
}

.adresse_agence {
    color: #848484;
    text-transform: capitalize;
}


/*BOUTON et DECO HR*/

.small-hr {
    background-color: #b2b3b3;
    height: 1px;
    width: 50px;
    margin-bottom: 20px;
}

.small-hr-center {
    background-color: #b2b3b3;
    height: 1px;
    width: 50px;
    margin: 0 auto;
    clear: both;
}

.small-hr-left {
    background-color: #b2b3b3;
    height: 1px;
    width: 50px;
    margin: 0;
    clear: both;
}

.large-hr {
    background-color: #b2b3b3;
    height: 1px;
    width: 100%;
    margin-bottom: 20px;
}

.inter-vide {
    height: 40px;
    width: 100%;
}

.titre-moteur {
    font-size: 14px;
    margin-bottom: 10px;
}

.titre-moteur span {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

[class*='btn-'] {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    border-radius: 0;
    text-transform: uppercase;
}

#btn-retour-arr,#btn-retour-arr_telephone,#btn-retour-arr_telephone_v2 {
    margin: 0;
    padding: 0;
    background-color: inherit;
    border: none;
    text-decoration: underline;
    text-align: right;
    color: grey;
}

.btn-blue {
    background-color: #407dc0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.086);
    font-weight: 400;
    color: #fff;
    padding: 11px;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.btn-blue:hover {
    background-color: #1565b0;
}

.btn-outline-blue {
    background-color: #fff;
    border: 1px solid #407dc0;
    font-weight: 400;
    color: #407dc0;
    padding: 11px;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.btn-outline-blue:hover {
    border: 1px solid #407dc0;
    color: #407dc0;
}

.btn-green {
    border-style: solid;
    border-width: 1px;
    /*    background-color: #81bf0d;*/
    background-color: #edbc1a;
    color: #fff;
}

.btn-green:hover {
    background-color: #f4b242;
}

.btn-red {
    background: #E0373F;
    color: #fff;
    font-weight: 400
}

.btn-red:hover {
    background: #c12f36;
}

.btn-new {
    background: rgb(147, 217, 15);
    color: white;
    display: block;
    padding: 15px 0;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    margin: 45px 0 0;
    text-shadow: 1px 2px 3px #666;
}

.btn-new a {
    color: white;
}

.btn-blanc {
    background-color: transparent;
    border: 1px solid #fff;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    padding: 11px;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.btn-blanc:hover {
    background-color: #fff;
    border: 1px solid #fff;
    font-weight: 400;
    color: #407dc0;
    text-transform: uppercase;
}

.btn-grey {
    background: #f0f0f0;
    color: #333;
    padding: 11px;
}

.btn-grey:hover {
    background: #c9c9c9;
}

.btn-xl {
    font-size: 26px;
    padding: 10px;
}

.btn-sm {
    font-size: 20px;
    padding: 10px;
}

.btn-more {
    color: #0b7ce5;
}

.btn-more:after {
    content: '\f054';
    font-family: 'FontAwesome';
    padding: 0 0 0 10px;
}

.btn-more:hover {
    background-color: rgb(27, 132, 230);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.086);
    font-weight: 600;
    color: white;
}

.btn-rs {
    font-weight: 400;
    color: #fff;
    border-radius: 5px;
    margin: 0;
    padding: 15px;
}

.btn-rs-twitter {
    padding: 15px 30px 15px 15px;
}

.btn-fb {
    background-color: #3B5998;
}

.btn-tw {
    background-color: #1DA1F2;
}

.btn-fb:hover {
    background-color: #2f4c89;
    color: #fff;
}

.btn-tw:hover {
    background-color: #108edb;
    color: #fff;
}

.btn-rs img {
    border-right: 1px solid #fff;
    margin-right: 10px;
    width: 30px;
}

.social-login {
    cursor: pointer;
}


/*HEADER*/

.img-logo {
    margin: 0 auto;
    display: block;
    width: auto;
}

.moteur_interieur {
    display: none;
    position: fixed;
    width: 100%;
    top: 30px;
    left: 0;
    background: #fff;
    padding: 5px;
    border-bottom: 1px solid #000;
}

.moteur_interieur img {
    float: left;
    width: 10%;
}

.search-home {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(219, 219, 219);
    background-color: rgba(238, 238, 238, 0.8);
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2) background-color: #eeeeee;
    border: 1px solid #eaeaea;
    color: #333;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 2em 0;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
    padding: 15px;
}

.search-home label {
    margin-right: 0.5em;
}

.conteneur .btn-blue,
.conteneur .btn-grey {
    font-size: 1.1em;
}

.home {
    padding-top: 10%
}

.logo {
    width: 15%;
    padding: 60px 0 30px;
}

.small-logo {
    float: left;
}

.bloc_moteur_interieur {
    float: left;
}

.logo img {
    margin: 0 auto;
    display: block;
}

.nb-selection {
    float: right;
    color: #fff;
    line-height: 30px;
    font-size: 12px;
}

.nb-selection i {
    color: #fff000;
    padding: 0 5px 0;
}

#cd-primary-nav .material-icons,
#cd-primary-nav .span {
    vertical-align: middle;
}


/*FOOTER*/

.footer {
    padding: 80px 20px;
    background: #333333;
    font-size: 0.8em;
    color: #fff;
    border-top: 1px solid #000;
    font-family: 'Open Sans', sans-serif;

}
.footer_credits{
    padding: 40px 15px;
    background: #1c242e;
    color: #ffffff;
    font-size: 12px;
}
.footer_credits a{
    color: #ffffff
}


.footer_credits .credits{
    padding-top: 10px;
    color: #696e7e
}
.logo_footer{
    /*    padding: 30px 0 0*/
}
.footer_credits .txtbluegrey{
    font-weight: 100;
    text-transform: uppercase;
    font-size: 16px;
    color: #696e7e
}
.footer h2,
.footer h3 {
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
}

.footer a {
    color: #407dc0;
}

.footer_credits ul {
    border-left: 1px solid #696e7e;
    padding: 0 15px;
    min-height: 40px;
}

.footer_credits ul li {
    /*    display: inline;*/
    padding-right: 0;
    list-style: none;
    line-height: 20px
}


/*PAGE ACCUEIL*/

body.accueil {
    background: url(../images/bg-consortium.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.mtl {
    margin-top: 40px;
}


/*GABARIT PAGES INTERNES*/

.col-gauche {
    /*background: #F4F5F7;*/
    padding: 15px;
    font-size: 13px;
    /*border: 1px solid #ddd;*/
    /*margin-top: -40px;*/
    margin-top: 0;
}


/*
#bgagences .col-gauche {
padding: 0;
}
*/

.col-gauche ul {
    padding-left: 0;
}

.col-gauche li {
    margin-bottom: 10px;
    list-style: none;
}

.col-gauche h1 {
    margin: 0px 0 10px 0 !important;
    font-size: 14px;
    font-weight: bold
}

.guide_col_gauche_titre {
    text-transform: uppercase;
    color: #407dc0;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
}

.autres_articles {
    padding: 30px 25px 0px 25px;
}


/* page inscription */

#div-agence {
    display: none;
}

.newdesign .liens li {
    padding-bottom: 0;
}

.col-droite {
    padding: 0 30px 50px 30px;
}


/*PAGE ESTIMER*/


/*affichage message final*/

.demande-enrg {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #3f80c4;
    /*    background-color: #3f80c4;*/
}

.demande-enrg .material-icons,
.demande-enrg span {
    display: inline-block;
    vertical-align: middle;
}

.demande-enrg .material-icons {
    background-color: #3f80c4;
    color: #fff;
    padding: 10px;
    font-size: 36px;
}

.demande-enrg span {
    padding-left: 10px;
    font-size: 16px;
    width: calc(100% - 66px)
}

.resultat_estim {
    border: 1px solid #b2b3b3;
    padding: 20px;
    text-align: center;
}

.resultat_estim .info {
    color: #3f80c4;
    font-size: 40px;
}

.titre_estim {
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
}

.titre_estim span {
    font-weight: 600;
}

.critere_estim span {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #3f80c4;
}

.critere_prix {
    margin-top: 20px;
}

.critere_prix .prixmin,
.critere_prix .prixmoyen,
.critere_prix .prixmax {
    display: inline-block;
    width: 25%;
    text-align: center;
    padding: 10px;
}

.critere_prix .fourchette {
    display: block;
    font-weight: 400;
    color: #3f80c4;
}

.critere_prix .prixmoyen {
    font-weight: 700;
    background-color: #3f80c4;
    color: #fff;
}

.critere_prix .prixmoyen .fourchette {
    color: #fff;
}

.critere_prix i {
    display: block;
}

.critere_prix .prix {
    font-size: 18px;
}

.prixm2 i,
.prixm2 div {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.prixm2 i {
    color: #3f80c4;
}

.prixm2 span {
    font-weight: 600;
}

.resultat_estim .small-hr {
    margin: 20px auto 20px auto;
}

#resultat {
    margin-bottom: 20px;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}


/*FICHE ANNONCE*/

.nav-listing {
    padding: 15px 0;
    color: #c8c8c8;
    clear: both;
}

.nav-listing a {
    color: #7f7f7f;
}

.nav-style {
    float: right;
}

.nav-style > [class*='vue-'] {
    float: left;
    font-size: 17px;
    padding: 0 0 0 15px;
}

.nav-style-top {
    border-bottom: 1px solid #c8c8c8;
}

.nav-style-bot {
    float: right;
    font-size: 1em;
    padding: 5px 0;
}

.nav-style-bot a {
    padding: 0 2px;
}


/*LISTING*/


/*GRID*/

.mt80 {
    margin-top: 80px;
}


/*#mur {
margin-top: 600px;
height: auto !important;
}*/

.list-annonce {
    padding: 0;
    list-style: none;
}

.list-annonce li {
    text-align: center;
    position: relative;
    background: #f1f1f1;
    margin-bottom: 25px;
    padding: 10px 0;
}

.list-annonce li:hover,
.list-grid:hover {
    -moz-box-shadow: 0px 0px 2px 0px #656565;
    -webkit-box-shadow: 0px 0px 2px 0px #656565;
    -o-box-shadow: 0px 0px 2px 0px #656565;
    box-shadow: 0px 0px 2px 0px #656565;
}

.list-grid {
    background: #fff;
    position: relative;
    border: 1px solid #c0c0c0;
    /*    padding: 2px;*/
}

.list-grid figure {
    margin-top: 0;
}

.info-annonce {
    float: left;
}

.info-annonce-grid {
    text-align: center;
}

.bloc-btn-more {
    float: right;
}

.thumbs {
    float: left;
}

.info-annonce:hover {
    color: #fff;
}

.info-annonce:hover + .bloc-btn-more .btn-more {
    background: #0b7ce5;
    color: #fff;
}

.list-annonce figure {
    margin: 0;
}

.annonce-attribut {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 10px 0;
    margin: 0;
}

h2.annonce-attribut {
    margin: 0 !important;
}

.annonce-attribut a {
    color: #0b7ce5;
}

.annonce-attribut .favoris {
    color: #000;
}

.annonce-attribut .active .favoris {
    color: #fff000;
}

.lieu {
    font-size: 13px;
    margin: 0;
}

.price {
    color: #000;
    margin: 5px 0;
}

.contenu-annonce button {
    background-color: transparent !important;
}

.contenu-annonce button:hover {
    color: #407dc0 !important;
}

.nbpic {
    background: no-repeat scroll 0 -40px rgba(0, 0, 0, 0);
    bottom: 10px;
    position: absolute;
    right: 5px;
    z-index: 1;
}

.nbpic a {
    color: #fff;
    display: block;
    font-size: 10px;
    height: 18px;
    padding: 3px 0 0;
    width: 20px;
}

.nbpic a:hover {
    background-position: 0 -18px;
}

.icoctt {
    cursor: pointer;
    font-size: 18px;
    bottom: 3px;
    left: 5px;
    position: absolute;
    z-index: 1;
}

.slide-detail {
    cursor: pointer;
}


/* Common style */

.grid figure {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    max-width: 100%;
}

.grid figure img:hover {
    background: #000;
    display: block;
    opacity: 0.8;
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure.effect-zoe figcaption {
    top: auto;
    bottom: 0;
    padding: 0.2em;
    height: 1.6em;
    /*    background: rgba(0, 0, 0, 0.5);*/
    color: #3c4a50;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

figure.effect-zoe .description {
    position: absolute;
    bottom: 5em;
    padding: 0 3.5em;
    color: #fff;
    text-transform: none;
    /*  font-size: 90%;*/
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    -webkit-backface-visibility: hidden;
    /* Fix for Chrome 37.0.2062.120 (Mac) */
}

figure.effect-zoe:hover .description {
    opacity: 1;
}

figure.effect-zoe:hover .description a {
    background: rgba(0, 0, 0, 0.7);
    /*  width: 70%;*/
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: bold;
    /*  margin-left:15%;*/
}

figure.effect-zoe h2 {
    float: left;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
    display: inline-block;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-zoe:hover h2 {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}


/*VIGNETTE*/

.list-liste .info-annonce {
    padding: 15px 0;
}

.list-tb .info-annonce {
    padding: 35px 0;
}

.list-tb .bloc-btn-more {
    padding: 25px 10px 0 0;
}

.list-tb .annonce-attribut,
.list-tb .lieu,
.list-tb .price,
.list-liste .annonce-attribut,
.list-liste .lieu,
.list-liste .price {
    float: left;
    padding: 0 0 0 15px;
    margin: 0;
}

.list-tb figure {
    position: relative;
}

.list-tb .nbpic {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}


/*Liste*/

.list-liste .annonce-attribut {
    padding-left: 25px;
}


/*PAGE DETAIL*/


/*general*/

.annonce-header {
    padding: 80px 20px 10px 20px;
    ;
}

.annonce .navigation {
    color: #e1e1e1;
    font-size: 2rem;
}

a.retour-list,
.annonce-header h1,
.annonce-header .price {
    display: inline-block;
    vertical-align: middle;
}

.annonce-header h1 {
    color: #407dc0;
    margin: 0;
    line-height: 40px;
    width: 50%;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.annonce-header .price {
    width: 40%;
    text-align: right;
    font-size: 24px;
}

.retour-list {
    float: left;
    margin: 12px 10px 0 0;
    width: 29px;
    font-size: 23px;
    color: #ccc;
}

.annonce .titre h3 {
    color: #212121;
    font-size: 1.2em;
    font-weight: normal;
    text-align: left;
}

#annonce-thumbs li {
    float: left;
    width: 20%;
    display: block;
    height: auto;
    max-width: 100%;
}

.annonce-header .navigation {
    color: #ccc;
    text-align: right;
}

.navigation {
    position: relative;
}

.navigation a {
    color: #ccc;
    /*  padding: 0 35px;*/
    position: relative;
}

.navigation a.prec {
    padding: 0 0 0 35px;
}

.navigation a.next {
    padding: 0 35px 0 0;
}

.navigation .next .tea {
    position: absolute;
    top: 3px;
    right: 5px;
}

.navigation .prec .tea {
    left: 0;
    position: absolute;
    top: 3px;
}

.navigation .tea:nth-child(2) {
    right: 5px;
    position: absolute;
    top: 3px;
}

.recap-annonce,
.recap-option {
    /*    background: #f1f1f1;*/
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    font-size: 14px;
    margin: 0 0 10px;
    padding: 8px 0px;
}

.recap-option {
    border-bottom: 1px solid #dbdbdb;
}

.cursor {
    cursor: pointer;
}

.cursor:hover {
    color: #407dc0;
}

.recap-annonce div,
.recap-option div {
    color: #373737;
    font-size: 1.3rem !important;
    padding: 0;
    position: relative;
    display: inline-block;
}

.recap-annonce div:last-child,
.recap-option div:last-child {
    text-align: right;
}

.recap-option div:nth-child(2),
.recap-annonce div:nth-child(2) {
    text-align: center;
}

.icon-detail {
    text-align: right;
}

.recap-annonce .tea,
.recap-option .tea {
    display: inline-block;
    padding-right: 5px;
    font-size: 1.7rem;
    color: #ccc;
}

.recap-annonce .w33 .material-icons,
.recap-annonce .w33 span,
.recap-option .w33 .material-icons,
.recap-option .w33 span {
    vertical-align: middle;
}

.recap-annonce .material-icons,
.recap-option .material-icons {
    padding-right: 5px;
}

.recap-annonce ul {
    padding: 0;
    list-style: none;
}

.recap-annonce ul li {
    padding-bottom: 5px;
}

.detail_add_selection {
    cursor: pointer;
}

.recap-annonce .icon-phone-bg,
.recap-option .icon-camera {
    color: #0e7be4;
}

.form-contact,
.last-contact {
    background: #efefef;
    border: 1px solid #d2d2d2;
    margin-top: 20px;
}

.annonce h3 {
    font-size: 2.8rem;
    line-height: 25px;
    color: #bababa;
    font-weight: normal;
    text-transform: normal;
}

.annonce h4 {
    font-size: 1.2rem;
    font-weight: normal;
    padding: 25px 0 0;
    text-align: center;
}

.contenu-annonce {
    padding-right: 30px;
}

.annexe-annonce {
    padding: 15px;
}

.annexe-annonce .info-agence img {
    width: 50%;
}


/*historique du prix*/

.historique-prix {
    border: 1px solid #407dc0;
    text-align: center;
    background-color: transparent;
    cursor: pointer;
}

.historique-prix:hover {
    background-color: #f1f1f1;
}

.historique-prix i {
    font-size: 50px;
}

.historique-prix a {
    color: #000;
}

.historique-prix .titre3,
.historique-prix .material-icons {
    display: inline-block;
    vertical-align: middle;
}

.historique-prix .titre3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.historique-prix .w30,
.historique-prix .w70 {
    display: inline-block;
    vertical-align: middle;
}

.historique-prix .w70 {
    text-align: left;
    padding-left: 20px;
}

.historique-prix .w30 {
    text-align: right;
}

.evolution-prix i.evol {
    font-size: 40px;
    padding-right: 10px;
    color: #aaabac;
}

.evolution-prix .titre3 {
    width: calc(100% - 54px);
    margin: 0;
}

.evolution-prix i.evol,
.evolution-prix .titre3 {
    display: inline-block;
    vertical-align: middle;
}

.evolution-prix {
    border: 1px solid #407dc0;
}

.evolution-prix .detail-price,
.evolution-prix .tab-price {
    display: inline-block;
    vertical-align: top;
}

.evolution-prix .detail-price {
    width: 30%;
}

.evolution-prix .tab-price {
    width: 70%;
}

.evolution-prix ul {
    padding-left: 0 !important;
}

.evolution-prix .prevenir_prix label {
    margin-top: 0;
}

.evolution-prix .detail-price li {
    list-style: none;
}

.evolution-prix .detail-price span {
    font-weight: 700;
}

.historique table {
    border: 0;
}

.historique tr {
    border-bottom: 1px solid #aaabac;
}

.historique td {
    border: 0;
    padding: 10px 0;
    vertical-align: middle;
    line-height: 1.2;
}

.historique td span {
    display: none;
}

.historique .fleche {
    padding-left: 20px;
}


/*tableau descriptif DPE GES*/

ul.tabs-menu {
    min-height: 35px;
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
}

#tab-1 {
    text-align: justify;
    font-size: 0.9em;
    display: block;
}

ul.tabs-menu a h3 {
    color: #c7c7c7 !important;
}

ul.tabs-menu .current a h3 {
    color: #407dc0 !important;
}

ul.tabs-menu li {
    list-style: none;
    display: inline;
    width: 33%;
    float: left;
}

ul.tabs-menu .tab {
    padding: 15px 0
}

.tab-content {
    display: none;
}


/*OWL*/

.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    font-family: "mint";
    top: 85px;
    width: 30px;
    background: #0e7be4;
    border-radius: 0;
    opacity: 0.8;
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver*/
    margin: 3px;
    padding: 3px 10px;
    font-size: 13px;
    filter: Alpha(Opacity=50);
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
}

.owl-theme .owl-controls .owl-buttons .owl-next:before {
    content: "\e007";
}

.owl-theme .owl-controls .owl-buttons .owl-prev:before {
    content: "\e011";
}


/*ANNONCE colonne droite*/

.annexe-annonce h3 {
    margin-bottom: 5px;
}

.infoagence {
    color: #666;
    font-size: 12px;
    list-style: none;
    line-height: 15px;
}

ul.infoagence {
    padding: 0 !important;
}

.agence-nom {
    font-weight: 600;
    padding: 10px 0 0;
}

.annexe-annonce .form-contact {
    border: none !important;
    background-color: transparent !important;
    margin-top: 0;
    padding: 0;
}

.annexe-annonce .form-contact h3 {
    text-align: left !important;
}

.annexe-annonce .form-contact button .fa {
    padding-left: 45px;
}

.annexe-annonce .form-contact textarea {
    height: 190px;
}


/*localisation*/


/*
.bloc-map figure {
margin-top: -15px;
}
*/

.bloc-map {
    margin-top: 20px;
    position: relative;
}

.bloc-map figure {
    width: 100%;
    text-align: center;
}

.localisation {
    color: #a2a2a2;
    text-align: center;
    display: block;
    font-weight: normal;
}

.localisation img {
    text-align: center;
}

.btn-map .tea {
    padding-right: 5px;
}

.btn-map {
    left: 10%;
    position: absolute;
    width: 80% !important;
    padding: 12px 5px;
    top: 40%;
}


/*alertemail*/

.annexe-annonce .bloc-alertemail {
    margin-top: 20px;
}

.annexe-annonce .bloc-alertemail i {
    font-size: 40px;
}

.bloc-alertemail .form-style,
.bloc-alertemail .btn-blue {
    display: inline-block;
    vertical-align: top;
}

.bloc-alertemail .btn-blue {
    border: 0 !important;
    padding: 10px;
}

.bloc-alertemail p {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 15px;
}

.morph-content {
    display: none;
}


/*contact ??? */

.annonce .formulaire {
    background: #efefef;
}

.annonce .formulaire b {
    background: #e8e8e8;
    color: #000;
    text-align: center;
    display: block;
    font-size: 24px;
    position: relative;
    width: 100%;
    margin-bottom: 25px;
}

.annonce .formulaire b:after {
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 45%;
    pointer-events: none;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #E8E8E8;
}

.annonce .contact_agence {
    color: #9d9d9d;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
}

.form-contact h3 {
    text-align: center;
}

.last-contact h3 {
    text-align: left;
    /*    padding: 0 15px;*/
    margin-bottom: 10px;
}

.last-contact button .fa {
    padding-left: 45px;
}

.price-aside {
    color: #000;
    text-align: center;
    display: block;
    font-size: 25px;
    background: #e8e8e8;
    position: relative;
    width: 100%;
    padding: 0.2em 0;
    font-weight: bold;
    line-height: 20px;
}

.form-contact,
.last-contact {
    padding: 15px;
}

.morph-button.desa {
    position: absolute;
}

.morph-button.desa .tea {
    color: #1c84e7;
    padding: 0 4px 0 0;
}

.morph-button.desa > icon .form-contact b:after {
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 45%;
    pointer-events: none;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #E8E8E8;
}

.morph-button.desa.morph-button-modal.morph-button-modal-2.morph-button-fixed > button {
    font-size: 1.3rem;
    margin-top: 8px;
}


/* fin page detail*/

.content-style-form .icon-closeup {
    color: #333;
    font-family: "mint";
    font-size: 75%;
    right: 10px;
    top: 10px;
}

.mur .content {
    background: transparent !important;
    box-shadow: none;
}

.image {
    padding: 0 20px 0 0;
}

.icon-close {
    position: absolute;
    right: 0;
    top: 0;
}

.menu {
    width: 300px;
    height: 70px;
    margin: 2em auto;
    position: relative;
    text-align: left;
    cursor: pointer;
    z-index: 100;
}

.menu-bottom {
    background: none repeat scroll 0 0 #161616;
}

.menu-bottom ul li {
    display: inline;
    padding: 0 2%;
}

.menu-bottom ul li a {
    color: #fff;
    font-size: 11px;
    height: 3em;
    line-height: 3em;
}

.website {
    display: none;
}

.mention,
.mandatory {
    font-size: 11px;
    color: #666;
    padding: 0 0 0 5px;
}

.liens li a {
    border-bottom: 1px solid #e0e0e0;
    color: #8f8f8f;
    display: block;
    font-size: 1em;
    line-height: 1.5rem;
    padding: 15px;
}

.nbresult {
    text-align: center;
    padding: 0 0 20px 0px;
    color: #0b7ce5;
    font-size: 16px;
    font-weight: 300;
}

.pagination,
.pagination_agences {
    text-align: center !important;
    padding: 10px 0 !important;
    margin: 0 auto !important;
    display: flex;
    flex-direction: row;
    max-width: 100%;
    justify-content: center;
}

.pagination {
    width: 1140px;
    margin: 0 auto 30px auto !important;
}

.pagination ul,
.pagination_agences ul {
    margin: 0;
    display: inline-block;
}

.pagination li,
.pagination_agences li {
    float: left;
    list-style: outside none none;
    padding: 0 0.5em;
}

.pagination li a,
.pagination_agences li a,
.pagination li span,
.pagination_agences li span {
    border-radius: 6px;
    color: #333;
    font-size: 12px !important;
    padding: 2px 7px;
    border: 1px solid #d6d6d6;
    background: #FFF;
}

.pagination li span,
.pagination_agences li span {
    border: none !important;
}

.pagination li a:hover,
.pagination_agences li a:hover {
    background: #0b7ce5;
    color: #fff;
    border: 1px solid #d6d6d6;
}

.pagination li a.active,
.pagination_agences li a.active {
    background: #0b7ce5;
    color: #fff;
    border-color: #0b7ce5;
}

.pagination li .btndisabled,
.pagination_agences li .btndisabled {
    color: #ccc;
    border-color: #ccc;
}

.search-focus {
    border-color: #f86565;
}

.recap-annonce .morph-button-fixed > button,
.recap-option .morph-button-fixed > button {
    background: transparent;
}

#triselect {
    width: 50%;
    padding: 3px 4px;
    font-size: 11px;
    width: 62%;
    float: right;
    border: 1px solid #eaeaea;
}

.modal-connect .form-style {
    background: none repeat scroll 0 0 #f1f1f1;
    border: 1px solid #eaeaea;
    box-shadow: none;
    color: #333;
    font-weight: 300;
}

.box {
    background: #f7f7f7;
    border: 1px solid #dfdfdf;
    margin: 10px;
}

.black {
    color: #000
}

.backbox {
    background: #969696;
    color: #fff;
    padding: 5px;
}

.innerbox {
    padding: 5px;
    margin: 5px 0;
}

.box h2 {
    margin-bottom: 0;
    font-weight: 200;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
}

.voile_pige {
    padding: 5px;
    width: 80%;
    background: #fff;
    opacity: 0.8
}


/*fin pige*/

.grid > * > * {
    padding-left: -21px!important
}

.topbar a:hover {
    color: #3f7fc2
}

.search-home .form-style {
    font-size: 13px;
    font-size: 1.3rem;
    height: 60px
}

.form-style1 {
    width: auto !important;
    margin: 0 7px 0 !important;
}

.fl {
    float: left;
}

.form-style input,
.form-style select {
    border: 1px solid #d7d7d7;
    background: #fff;
    margin-top: 10px;
    width: 100%;
}

.form-style textarea {
    color: #333;
    background: #fff;
    margin-top: 10px;
    width: 100%;
}

.mandatory {
    font-size: 0.7em;
    color: #737373;
}

.home {
    padding-top: 10%
}

.small-logo {
    float: left
}

.bloc_moteur_interieur {
    float: left
}

.nb-selection {
    float: right;
    color: #fff;
    line-height: 30px;
    font-size: 12px
}

.nb-selection i {
    color: #fff000;
    padding: 0 5px
}

.content {
    background: #fff;
    padding: 10px;
    margin-bottom: 40px;
    margin-top: 100px !important;
}

.content-largeheader {
    margin-top: 52px !important;
    padding: 49px 0;
    text-align: center;
    font-size: 20px;
}

.content-largeheader b {
    display: block;
    color: #fff;
    font-size: 40px;
}

.content-largeheader-terrain {
    background: url(/fr/guide/images/guide-header-terrain.jpg) no-repeat center center !important;
}

.moteur_guide {
    background: #dadada;
}

.guide {
    color: #000 !important;
}

.guide h2 {
    color: #407dc0;
}

.guide_aside ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    border-top: 1px solid #b3b3b3;
    padding: 10px 0;
}

.guide_aside ul a {
    color: #000
}

.content-nomargin {
    margin-top: 0px !important;
}

.modal-connect {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    background: #fff;
    padding: 10px;
    margin-bottom: 40px;
    padding: 15px;
}

.liens {
    margin-top: 15px;
}

.liens ul {
    margin-top: 15px;
    list-style: none;
    padding: 0;
}

.liens li {
    /*    border-bottom: 1px dotted #ccc;*/
    padding-bottom: 5px;
}

.liens li a {
    color: #8f8f8f;
    border-bottom: 1px solid #e0e0e0;
    line-height: 1.5rem;
    padding: 15px;
    display: block;
    font-size: 1em;
}

.liens a:hover {
    color: #3f7fc2;
    background: #ddd;
}

.col-gauche .liens_agences li {
    margin-bottom: 0;
}

.liens_agences li a {
    color: #8f8f8f;
    border-bottom: 1px solid #e0e0e0;
    line-height: 1.5rem;
    padding: 15px;
    display: block;
    font-size: 1em;
}

.liens_agences a:hover {
    color: #3f7fc2;
}

.liens_villes li a,
.liens_dep li a {
    color: #8f8f8f;
    border-bottom: 1px solid #e0e0e0;
    line-height: 1.5rem;
    padding: 5px 15px 10px 15px;
    display: block;
    font-size: 1em;
}

.image {
    padding: 0 20px 0 0;
}

.website {
    display: none;
}

#btn_blue {
    margin: 8px auto;
    display: block;
    width: 250px;
    background-color: #1c84e6;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 10px 5px
}

#btn_blue:hover {
    background-color: #1a73c7
}

.image img {
    border: 1px solid #8d8d8d;
    padding: 1px;
}

.item {
    border-radius: 8px;
    float: left;
    margin: 10px 3%;
}

.btn-call {
    height: 50px;
    width: 250px;
    text-transform: uppercase;
    border-radius: 10px;
    font-size: 16px !important;
    font-weight: 900 !important;
    position: absolute;
    bottom: -30px;
    right: 30px;
}

@keyframes scrollBgGridLinks {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-330px);
    }
}

.modal-connect {
    background-size: cover;
    border-radius: 6px;
    box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    z-index: 1;
    margin: 10% auto;
    z-index: 1;
    background: url('../images/bg-login.jpg')
}

.menu-bottom {
    background: #161616;
}

.menu-bottom ul li {
    display: inline;
    padding: 0 2%;
}

.menu-bottom ul li a {
    color: #fff;
    font-size: 11px;
    height: 3em;
    line-height: 3em;
}

.btncircle {
    background: #5a5656;
    border-radius: 50%;
    color: #f4f4f4;
    display: block;
    font-size: 0.8em;
    height: 40px;
    line-height: 40px;
    margin: 10px auto;
    text-align: center;
    text-transform: uppercase;
    width: 40px;
}

.intro h3 {
    color: #000;
}

.abonne {
    color: #fff;
}

.abonne input {
    margin-left: 5px;
}

.nav {
    position: relative;
}

.logoco {
    position: relative;
    padding: 5px;
    width: 100%;
}

.whitebg h3 {
    color: #000
}

.botbar {
    font-weight: 300;
    background: white;
    padding: 15px 0;
    margin: -30px 0;
    font-size: 18px;
    text-align: center;
    box-shadow: 0 2px 7px 0 #c8c8c8;
}

.botbar span {
    font-weight: 500;
    padding-left: 15px;
}

.botbar .ag {
    color: #1b84e6;
}

.botbar .bi {
    color: #97BF0D;
}

.botbar .part {
    color: #F25802;
}

.blue-btn {
    background-color: #1c84e7;
    border: 0;
    color: #fff;
    font-size: 18px;
}

.w97 {
    width: 97%
}

#photo_principal {
    width: 100%
}

span.annonce_exclusivite{
  padding:5px;
  background-color:#407dc0;
  color:white;
  font-weight:500;
  position:absolute;
  margin-top:15px;
  margin-left:15px;
  z-index:1;
}



.vignette img {
    width: 20%;
    padding: 2px;
}

.recapitulatif_produit {
    background: #f6f6f6;
    border-top: 1px solid #dbdbdb;
    font-size: 12px;
}

.last_contact {
    background-color: #e9e9e9;
}

.last_contact h3 {
    text-align: left;
}

#locationField {
    position: relative;
}

#autocomplete, #ville-autocomplete, .easy-autocomplete {
    width: 100%;
}

#autocomplete {
    background: lightgray;
}

.btn-inline-blue {
    background-color: #407dc0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.086);
    font-weight: 400;
    color: #fff;
    padding: 5px;
    border-radius: 2px;
    font-size: smaller;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.btn-inline-blue:hover {
    background-color: #1565b0;
}

/*PAGE AGENCE AVIS*/

.photo_agence {
    position: relative;
    height: 300px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    z-index: -1;
}

#bgcertificat {
    margin-top: 50px;
}

#bgcertificat .titre-page {
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
    margin: 0 !important;
    text-transform: uppercase;
}

.bloc_avis {
    margin-top: -60px;
    text-align: center;
    padding: 25px 25px 25px 25px;
    background-color: #407dc0;
    z-index: 5555;
}

.voir_avis span,
.pas_avis span {
    font-size: 18px;
    color: #fff;
}

.bloc_avis .etoile_g {
    margin-bottom: 20px;
}

.avis .etoile_g img {
    width: 15%;
}

.voir_avis {
    margin: 20px 0 20px 0;
}

.pas_avis {
    margin: 0 0 20px 0;
}

.voir_avis img {
    width: 30px;
}

.coordonnees_agence,
.infos_agence,
.contact_agence {
    border: 1px solid #afafaf;
    background: #efefef;
}

.coordonnees_agence {
    font-size: 13px;
    line-height: 18px;
}

.coordonnees_agence ul {
    list-style: none;
    padding-left: 0;
}

.logo_agence {
    text-align: center;
}

.logo_agence img {
    max-height: 100px;
}

.rs_agence {
    text-align: center;
}

.rs_agence img {
    width: 30px;
    height: 30px;
    padding: 0;
}

.rs_agence >div {
    display: inline-block;
    padding: 0 2px;
}

.titre_bloc1 {
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
}

.titre_form {
    color: #407dc0;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.horaires_agence .active {
    font-weight: 900;
}

.horaires_agence table {
    border: none;
    margin: 10px 0;
    font-size: 13px;
}

.horaires_agence td {
    padding: 2px 0;
    border: none;
}

.horaires_agence td:first-child {
    width: 40%;
    text-align: right;
    padding-right: 5px;
}

.horaires_agence td:last-child {
    width: 60%;
}

.contact_agence {
    padding: 30px 20px;
}

.contact_agence input {
    padding: 10px;
}

.contact_agence label {
    margin-bottom: 5px;
}

.avis_general .resume_g {
    text-align: center;
    display: flex;
    align-items: center;
}

.avis_general .resume_critere {
    display: flex;
    align-items: center;
}

.avis_general .resume_critere .line {
    padding-right: 10px;
}

.avis_general .resume_critere .etoile {
    float: right;
}

.eval_detail .bloc_critere .critere,
.eval_detail .bloc_critere .etoile {
    display: inline-block;
    vertical-align: middle;
}

.ui-selected-value {
    margin-left: 0 !important;
    text-align: center;
    width: auto !important;
}

.avis_general .resume_g {
    background-color: #818080;
    /*background-color:rgba(62,128,197,0.6);*/
    padding: 25px 25px;
}

.avis_general .resume_g div:first-child {
    width: 100%;
}

.avis_general .resume_g .note {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
}

.avis_general .resume_g .nbr_avis {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
    color: #fff;
}

.avis_general .resume_g img {
    width: 23px;
}

.avis_general .resume_critere {
    background-color: #f1f1f1;
    padding: 25px 60px;
}

.avis_general .resume_critere .w50:nth-child(2),
.eval_detail .w50:nth-child(2) {
    padding-right: 20px;
}

.w45 {
    width: 45%;
}

.avis_general .resume_critere img {
    width: 16px;
}

.avis_general .critere {
    font-size: 15px;
}

.presentation_agence p {
    font-size: 1.15em;
}

.bloc_avis_clients .client {
    padding: 50px 20px 20px 20px;
    text-align: center;
}

.avatar {
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 2.3em;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
}

.nom_client {
    margin-top: 5px;
}

.bgcolor_1 {
    background-color: #179aad;
}

.bgcolor_2 {
    background-color: #a7c642;
}

.bgcolor_3 {
    background-color: #ebca3d;
}

.bgcolor_4 {
    background-color: #c92558;
}

.bgcolor_5 {
    background-color: #b70823;
}

.bgcolor_6 {
    background-color: #de651a;
}

.bgcolor_7 {
    background-color: #2c327c;
}

.bgcolor_8 {
    background-color: #15775d;
}

.bgcolor_9 {
    background-color: #797979;
}

.bloc_avis_clients .avis_clients {
    padding: 30px 20px;
    border-bottom: 1px solid #407dc0;
}

.citation_resume {
    font-size: 18px;
    font-weight: 700;
}

.bloc_citation img.quote {
    width: 36px;
    padding-bottom: 10px;
    padding-right: 5px;
}

.bloc_citation img.quote,
.bloc_citation .citation_resume,
.bloc_citation .etoile {
    display: inline-block;
}


/*
.bloc_citation .etoile img {
width: 16px;
padding-bottom: 8px;
}
*/

.bloc_citation .etoile {
    padding-left: 10px;
}

.bloc_reponse {
    border-left: 2px solid #ccc;
    margin: 0 0 20px 30px;
    padding-left: 15px;
}

.avis_clients .btn-blue {
    margin-left: 30px;
}

.avis_clients .reponse {
    width: 100%;
    text-align: right;
    border: 0;
}

.date_avis {
    padding-left: 5px;
    font-size: 12px;
    color: #407dc0;
}

.commentaire {
    padding: 20px 0;
    font-size: 14px;
}

.eval_detail {
    margin-top: 10px;
}

.eval_detail .bleu {
    font-size: 16px;
    font-weight: bold;
}

.eval_detail img {
    width: 14px;
}

.bloc_avis2 .transfull {
    width: 50%;
    margin: 0 auto;
}

.bloc_avis2 .transfull:hover {
    width: 100%;
}

.bloc_avis2 {
    text-align: center;
    margin-left: 25%;
}

.biens_agence {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.annonces_agence {
    width: 32%;
    margin-bottom: 20px;
    align-items: stretch;
}

.biens_agence figure.effect-zoe figcaption {
    background: transparent;
    height: 0px;
    padding: 0;
}

.biens_agence figure.effect-zoe .description {
    width: 100%;
}

.annonces_agence .list-grid {
    padding: 0;
}

.modal {
    background-color: white;
    max-height: inherit !important;
    min-height: inherit !important;
    width: 500px;
    height: auto;
    overflow: auto;
    padding: 25px !important;
    /*
    margin-left: -13% !important;
    margin-top: -20% !important;
    */
}

.ui-rating,
.ui-rating-star {
    cursor: normal;
}

#changer-tel {
    margin: 0;
}


/* AGENCES NEW */

.fil_arianne,
.fil_arianne a {
    color: #407dc0;
}

.fil_arianne a:hover {
    font-weight: bold;
}

.fil_arianne span {
    color: #000;
}

input.input-search-agences {
    width: 45%;
    height: 55px;
    font-size;
    30px;
    font-weight: 400;
    text-transform: uppercase;
    color: #9b9b9b;
    border: 1px solid #9b9b9b;
    border-radius: 0;
}

input.submit-search-agences {
    width: 25%;
    height: 55px;
    background: #38CFCA;
    font-size;
    30px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 0;
    margin-left: 10px;
    border-bottom: 4px solid #2db5b1;
    font-size: 14px;
}

input.submit-search-agences:hover {
    background: #2db5b1;
}

#bgagences .content,
#bginscription-agence .content {
    background: transparent;
    margin-top: 0 !important;
    margin-bottom: 0;
    max-width: 100%;
    padding: 0px;
}

.search-agences {
    position: relative;
    /*! height:196px; */
    width: 700px;
    margin: 0 auto 70px auto;
    padding: 30px 28px;
    background: rgba(32, 96, 159, 0.8);
    border-radius: 4px;
    width: 60%;
}

.search-agencesimmo {
    position: relative;
    max-width: 700px;
    margin: 150px auto 70px auto;
    background: rgba(255, 255, 255, 0.8);
}

.agences-jumtron {
    position: relative;
    background: #407dc0;
    margin: 0;
    width: 100%;
    padding: 60px 0;
}

.agences-jumtron > .container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    min-height: 20px;
}

.agences-jumtron > .container > .bloc1,
.agences-jumtron > .container > .bloc2,
.agences-jumtron > .container > .bloc3,
.agences-jumtron > .container > .bloc4 {
    color: #fff;
    padding: 0 20px;
}

.agences-jumtron > .container > .bloc1 > span,
.agences-jumtron > .container > .bloc2 > span,
.agences-jumtron > .container > .bloc3 > span,
.agences-jumtron > .container > .bloc4 > span {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    display: block;
}

.agences-jumtron > .container > .bloc1 > p,
.agences-jumtron > .container > .bloc2 >p,
.agences-jumtron > .container > .bloc3 > p,
.agences-jumtron > .container > .bloc4 > p {
    color: #dddddd;
}

.agences-jumtron > .container > span {
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}

.agences-jumtron > .container > span::after {
    content: "";
    position: relative;
    display: block;
    background: #fff;
    height: 1px;
    width: 70px;
    margin: 20px auto 50px auto;
}


/* autocomplete google */

.pac-container {
    margin-top: 0px;
}

.agencessearch .pac-container {
    margin-top: -150px;
}

.agencesresult .pac-container {
    margin-top: -153px !important;
}

@media (max-width: 480px) {
    .agencesresult .pac-container {
        margin-top: -220px !important;
    }
}

.texte {
    padding: 0 30px;
}

#new-avis2 > p {
    margin-top: 0px;
}

.w100_h1 {
    font-size: 4rem;
}

.visuel-avis-agences {
    min-height: 200px;
}

.line-avis {
    margin-top: 30px;
    position: relative;
    background: #407dc0;
    color: white;
}

.line-avis .visuel-avis-agences,
.line-avis .creer_agence {
    position: relative;
    vertical-align: bottom;
}

.line-avis ul {
    list-style: none;
    font-size: 16px;
    padding-left: 0;
}

.creer_agence {
    padding: 20px;
}

.line-avis p {
    list-style: none;
    font-size: 18px;
    padding-left: 0;
}

.line-avis .btn-blanc {
    padding: 11px 40px;
}

.capture-avis {
    position: absolute;
    z-index: 2;
    bottom: -80px;
    left: 50%;
    width: 600px;
    margin: 0 0 0 -300px;
}

.capture-avis img {
    box-shadow: 1px 1px 12px #555;
}

.capture-avis p {
    margin-top: 40px;
}

.noresult {
    margin: 100px 0 50px;
}

#bgagences-departement .texte,
#bgagences-ville .texte {
    display: flex;
    flex-flow: row wrap;
}

#bgagences-departement .txt-agenceimmo,
#bgagences-ville .txt-agenceimmo {
    order: 1;
}

.content_agences {
    display: flex;
}

.content_agences .texte {
    order: 1;
}

#bgagences .logo_agences {
    text-align: center;
}


/*PLAN DE SITE*/

.agences_immo h1 {
    margin-top: 80px !important;
}

.plan_card {
    display: inline-block;
    background-color: #EFEFEF;
    padding: 15px 20px;
    vertical-align: top;
}

.plan_card3 {
    width: calc(33.3% - 10px);
    margin: 4px;
}

.plan_card4 {
    width: calc(25% - 11px);
    margin: 3px;
}

.plan_card ul {
    padding: 0;
}

.plan_card li {
    list-style: none;
}

.plan_card li:first-child {
    font-weight: 700;
    font-size: 15px;
}

.plan_card li:first-child a {
    color: #407dbc;
}

.dropdown_rel{
    position: relative;
}

.dropdown_abs{
    position: absolute;
    top: 5px;
    right: 5px;
}

#warning {
    color: #e05d6f;
    background-color: #f9dde1;
    margin-top: 8px;
}

/*RESPONSIVE MEDIA QUERIES*/

@media (min-width: 768px) and (max-width: 980px) {
    .modal-connect {
        width: 50%;
    }
}

@media (min-width:480px) {
    .logomob {
        display: none;
    }
    .modal-connect {
        width: 30%;
    }
    .modal-connect .logo {
        padding: 0;
    }
    .modal-connect .logo {
        width: 100% !important;
    }
    .footer_credits > .line {
        display: -webkit-box;    display: -ms-flexbox;    display: flex
    }
    .footer_credits > .line > div{
        width: 25%;
    }
    .logo_footer{
        margin-bottom: 30px
    }

}

@media(max-width:1280px) {
    body.accueil {
        background: url(../images/bg-consortium_sm.jpg) no-repeat center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .content {
        margin: 10px;
    }
}

@media (max-width:1024px) {
    .avis_general .resume_critere,
    .avis_general .eval_detail {
        padding: 25px 25px;
    }
    .avis_general .resume_critere .w50:nth-child(2),
    .eval_detail .w50:nth-child(2) {
        padding-right: 0;
    }
    .recap-annonce div:first-child {
        width: 100%;
        margin-bottom: 10px;
    }
    .recap-annonce div:nth-child(2),
    .recap-annonce div:nth-child(3) {
        width: 50%;
    }
    .footer {
        padding: 80px 10px;
    }
}

@media (max-width:768px) {
    .col-droite {
        padding: 0 20px 50px 20px;
    }
    /*    page detail*/
    .annonce-header {
        padding: 10px 20px;
        margin-top: 30px;
    }
    .annonce-header .price {
        display: none;
    }
    .annonce-header h1 {
        width: 80%;
    }
    .contenu-annonce {
        padding-right: 0px;
    }
    .annexe-annonce {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .contact-tiny {
        position: relative;
        height: 40px;
    }
    .contact-tiny a {
        background: #0e7be4;
        color: #fff;
        float: left;
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 100%;
        text-transform: uppercase;
    }
    .contact-tiny .tea {
        position: absolute;
        top: 2px;
        left: 105px;
    }
    .contact-tiny .pos2 {
        position: absolute;
        left: 80px;
        top: 2px;
    }
    /*    page estimer*/
    .nexdesign .liens {
        padding: 15px;
    }
    /*    page book avis*/
    .avis_general .resume_g,
    .avis_general .resume_critere {
        width: 100%;
    }
    .avis_general .resume_critere .w50 {
        width: 100%;
    }
    .avis_general .resume_critere {
        padding: 25px 15px;
    }
    .avis_general .resume_g {
        display: block;
        padding: 20px 25px;
    }
    .bloc_avis_clients .client,
    .bloc_avis_clients .avis_clients {
        width: 100%;
    }
    .bloc_avis_clients .client {
        padding: 20px;
    }
    .bloc_avis_clients .avis_clients {
        padding: 0 0 30px 0;
    }
    .eval_detail .w50 {
        width: 100%;
    }
    .date_avis {
        padding-left: 0;
        font-size: 12px;
    }
    .bloc_citation .etoile {
        padding-left: 0;
        text-align: center;
        clear: left;
        margin: 0 auto;
        /*        display: block;*/
    }
    .bloc_citation img.quote {
        width: 30px;
    }
    .bloc_avis2 {
        text-align: center;
        margin-left: 0;
    }
    .bloc_avis2 button {
        display: block;
        margin: 0 auto;
    }
    .bloc_avis2 .transfull {
        width: 100%;
    }
    .annonces_agence {
        width: 48%;
        margin-bottom: 20px;
    }
    form .form-style-demi {
        width: 100%;
        display: block;
    }
    form .col1,
    form .col2 {
        position: relative;
        width: 33%;
    }
    form .col1 {
        padding-right: 0;
    }
    form .col2 {
        padding-left: 0;
    }
    form .col3 {
        padding-left: 0;
    }
    .search-agences {
        width: 80%;
    }
    .content_agences {
        display: table;
    }
    .plan_card4 {
        width: calc(33.33% - 12px);
        margin: 5px;
    }
    .plan_card3 {
        height: 115px;
    }
}

@media (max-width:767px) {
    .agences-jumtron > .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 20px;
    }
    #bgagences .content-first .autogrid2 div:nth-child(2) {
        margin-top: 40px;
    }
    .agences-jumtron > .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 20px;
        text-align: center;
    }
    .agences-jumtron > .container .bloc1,
    .agences-jumtron > .container .bloc2,
    .agences-jumtron > .container .bloc3 {
        margin-bottom: 25px;
    }
    #bgagences .pas {
        padding: 20px;
    }
    #bgagences .autogrid2 {
        padding: 20px;
    }
    .capture-avis p {
        margin-top: 20px;
    }
    .line-avis {
        margin-bottom: 0;
    }
    .line-avis .w50 {
        min-height: 100px;
    }
    .txt-agenceimmo {
        display: none;
    }
}

@media (max-width: 768px) and (min-width: 481px) {
    .small-w40 {
        width: 40% !important;
    }
    .small-w60 {
        width: 60% !important;
    }
}

@media (max-width:640px) {
    .annonce-header .w75,
    .annonce-header .navigation {
        width: 100%;
        text-align: center;
    }
    .evolution-prix .detail-price,
    .evolution-prix .tab-price {
        width: 100%;
    }
    .evolution-prix {
        text-align: center;
    }
    .historique td {
        padding: 0;
    }
    .historique td span {
        display: block;
        font-weight: 600;
    }
    th,
    td {
        display: block !important;
        width: auto !important;
        /*        text-align: left !important;*/
    }
    .historique td {
        text-align: center !important;
    }
    .historique .fleche {
        padding-left: 0;
    }
    .historique tr {
        display: block;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .historique tr:last-child {
        margin-bottom: 0;
        border-bottom: 0;
    }
    table {
        margin-bottom: 0;
    }
    .historique-prix .w70 {
        padding-left: 20px;
    }
    .historique thead {
        display: none;
    }
    /*    page estimer*/
    .critere_prix .prixmin,
    .critere_prix .prixmoyen,
    .critere_prix .prixmax {
        width: 30%;
    }
    .search-agences {
        width: 95%;
    }
    .titre-page,
    .titre-page >span {
        font-size: 24px !important;
    }
    .search-agences form {
        width: 100%;
        display: block !important;
        flex-direction: disabled !important
    }
    .search-agences form input {
        width: 100%;
        margin-left: 0 !important;
        margin: 0;
        margin-top: 10px;
    }
    .plan_card3,
    .plan_card4 {
        width: calc(50% - 12px);
        margin: 5px;
    }
    .card3,
    .card {
        width: 50%;
    }
    .modal{
        background-color: white;
        max-height: inherit !important;
        min-height: inherit !important;
        max-width: 305px !important;
        height: auto;
        overflow: auto;
        padding: 25px !important;
        margin: 0 auto;


        /*
        left: 183px !important;
        top: 60% !important
        */
    }
    .newdesign label {
        font-size: 8px;
    }
    .modal .line.txtcenter.mtm{
        margin-top: 0
    }
}

@media (max-width:480px) {
    h1 {
        font-size: 1.1em;
        font-weight: 600;
    }
    h2 {
        font-size: 1.1em !important;
        font-weight: bold;
    }
    .cd-nav-item:nth-child(1) {
        display: none;
    }
    .logomob {
        position: absolute;
        top: 6px;
        width: 30%;
    }
    .mtl {
        margin-top: 0 !important;
    }
    .botbar {
        margin: 0 !important;
    }
    .logo {
        width: 100%;
        padding: 10px 0 !important;
        width: 100%;
        margin-top: 45px;
    }
    .topbar {
        height: 40px;
        min-height: 40px !important;
    }
    .nav-style-bot {
        float: none;
        text-align: center;
    }
    .nav-listing {
        height: auto;
    }
    .morph-button.morph-button-modal.morph-button-modal-2.morph-button-fixed {
        display: none;
    }
    .menu-bottom ul li {
        display: list-item !important;
        padding: 0 2%;
    }
    .pagination li.btnext {
        display: inline-block;
        padding: 0 37px;
    }
    .grid > * > * {
        padding: 0 15px !important;
    }
    .image {
        text-align: center;
        margin-bottom: 10px;
    }
    .image img {
        border: 1px solid #626262;
        padding: 1px;
        width: 100%;
    }
    .modal-connect {
        width: 80%;
        /*   left: 10%;
        top: 5%;*/
    }
    .cd-primary-nav > li {
        line-height: 40px;
    }
    .morph-button {
        display: none;
    }
    /*    page detail*/
    .annonce-header {
        margin-top: 12px;
    }
    .detail-annonce {
        padding-left: 10px;
        padding-right: 10px;
    }
    .annonce-header .navigation {
        padding-top: 0;
    }
    .annexe-annonce {
        width: 100% !important;
    }
    .owl-carousel {
        display: block !important;
    }
    .price-tiny {
        font-size: 1.3em;
        font-weight: bold;
    }
    .lieu-tiny {
        font-size: 1em;
    }
    .resume {
        font-size: 0.9em;
        text-align: justify;
        margin-top: 1.5rem;
    }
    .retour-list {
        font-size: 1.1em;
        margin: 8px 0 0 0;
    }
    .recap-option {
        border: none;
    }
    .recap-option a,
    .recap-option .autogrid3 >div {
        padding: 5px;
        border-bottom: 1px solid #ccc;
    }
    .nb-selection {
        padding-right: 15px;
    }
    .historique-prix .w70,
    .historique-prix .w30 {
        width: 100%;
        text-align: center;
    }
    .historique-prix .w70 {
        margin-top: 10px;
        padding-left: 0;
    }
    /*    page estimer*/
    .col-droite {
        padding: 0 20px 50px 20px;
    }
    .demande-enrg .material-icons,
    .demande-enrg span {
        vertical-align: top;
    }
    .critere_prix .prixmin,
    .critere_prix .prixmoyen,
    .critere_prix .prixmax {
        width: 100%;
    }
    .critere_prix .prixmoyen {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    /*    page inscription*/
    #bginscription form .w33 {
        width: 100%;
        display: block;
    }
    .annonces_agence {
        width: 100%;
        margin-bottom: 20px;
    }
    .plan_card3,
    .plan_card4 {
        width: 100%;
        margin: 5px 0;
    }
    .card,
    .card3 {
        width: 100%;
        padding: 10px 0;
    }
    .search_line {
        height: auto;
    }
    .search_line > .center .grid-3 {
        flex-direction: column;
    }
    form .col1,
    form .col2,
    form .col3 {
        width: 100%;
    }
    form .col2 {
        display: none;
    }
    .card_list {
        margin-top: 220px;
    }
    .col-gauche {
        padding: 10px 8px;
    }
    .texte {
        padding: 0 8px;
    }
    #bgagences-ville h1.titre-page,
    #bgagences-departement h1.titre-page {
        margin: 160px 0 135px 0 !important;
        padding: 0 10px;
    }
    h2.titre-page {
        margin: 160px 0 135px 0 !important;
        padding: 0 10px;
    }
    .footer_credits{
        padding: 15px;
    }
      .logo_footer{
        display: none
    }
}


/*modal historique*/

#error_modal {
    color: #e05d6f;
    background-color: #f9dde1;
    margin-top: 8px;
}

.sk-circle {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 60%;
    left: 46%;
    display: none;
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.txt-left {
    text-align: left!important;
}

.bleu_estimation {
    color: #407dc0 !important;
}

.bleu_estimation:hover,
.bleu_estimation:focus {
    color: #000000!important;
    -o-transition: all .9s;
    -moz-transition: all .9s;
    -webkit-transition: all .9s;
    -ms-transition: all .9s;
    transition: all .9s;
}

.annonce_etoile {
    width: auto!important;
}

.nbr_avis_agence {
    color: #FFFFFF;
    position: relative;
    top:2px;
    left: 8px;
}

.message_inscription {
    color: #F00;
    margin-left: 16px;
    margin-top: 0.75em;
    margin-bottom: 0;
    line-height: 1.5;
}

.front {
    height: auto!important;
}

.back {
    height: auto!important;
}

.box_inscription {
    margin-top: 45px!important;
}

#card > div > .pbs {
    margin-bottom: 0px!important;
}

.produit__descr {
    margin-top:6px;
    font-size: 1em;
    line-height: 1em;
}

#video_player_annonce{
  max-width:initial;
  width:100%;
}

video.loading{
  background:none;
}

@media (max-width: 768px) {

  #video_player_annonce{
    display:none;
  }

}

#bandeau_maintenance {
    height: 20px;
    padding: 10px 0 10px 0;
    width: calc(100% - 2px);
    background-color: #fcf8e3;
    color: #8a6d3b;
    border: #faebcc 1px solid;
    text-align: center;
    position: fixed;
    top: 50px;
    left: 0;
    font-size: 15px;
    font-weight: bold;
    box-sizing: initial;
}

#bandeau_maintenance input {
    float: right;
    padding: 5px 7px 5px 7px;
    margin-top: -5px;
    margin-right: 10px;
    background-color: #fcf8e3;
    color: #8a6d3b;
    border: #faebcc 1px solid;
    transition-duration: 0.2s;
    cursor: pointer;
    width: auto !important;
}

#graph_historique{
  display:none;
}

div.historique-prix.pas{
  display:none;
}

/* Recaptcha */
.captcha-resize {
    transform: scale(0.8);
    transform-origin: 0;
    -webkit-transform: scale(0.8);
    -webkit-transform-origin: 0 0;
}