/*
 * Propriétés CSS pour les pages de l'espace patrimoine.
 */

/* -------------- Patrimoine -------------- */
.patrimoine .row {
   margin-bottom: 10px;
}

.patrimoine #map img{max-width: none;}

/* -------------- Recherche de biens -------------- */
.patrimoine.recherche-bien #map {
    min-height: 450px;
    width: 100%;
}
.patrimoine.recherche-bien form label,
.patrimoine.recherche-bien form select {
    display: block;
}
.patrimoine.recherche-bien form label {
   margin-bottom: 10px;
}
.patrimoine.recherche-bien form select {
    width: calc(100% - 22px);
    border: 1px solid #bebebe;
    border-radius: 5px;
}
.patrimoine.recherche-bien form .row {
   margin-bottom: 10px;
}
.patrimoine.recherche-bien .button-bar {
    text-align: right;
}
.patrimoine.recherche-bien .button-bar input {
    margin-top: 10px;
}
.patrimoine.recherche-bien .result-list h3 {
    margin-top: 20px;
    font-size: 1.33333em;
}
.patrimoine.recherche-bien .result-list > ul {
    padding-left: 0px;
    list-style: none;
}
.patrimoine.recherche-bien .result-list > ul > li {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #C40079;
}
.patrimoine.recherche-bien .result-list > ul > li:first-child {
    margin-top: 0px;
    padding-top: 0px;
    border-top: 0px none;
}
.patrimoine.recherche-bien .popin-map-result ul{padding-left: 20px;}
.patrimoine.recherche-bien .popin-map-result ul li{list-style: none;}

.patrimoine.recherche-bien .result-list-selling {
    overflow: hidden;
    margin-top: 20px;
}
.patrimoine.recherche-bien .result-list-selling h3 {
    font-size: 1.33333em;
}
.patrimoine.recherche-bien .result-list-selling ul {
    padding: 0;
    list-style: none;
}
.patrimoine.recherche-bien .result-list-selling li {
    margin-bottom: 30px;
}
.patrimoine.recherche-bien .result-list-selling .property-block {
    position: relative;
    min-height: 300px;
    background-color: #F3F3F3;
	box-shadow: 2px 2px 8px #bbb;
}
.patrimoine.recherche-bien .result-list-selling .property-block .banneer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 30px;
    padding: 5px 2px;
    text-align: center;
    color: #FFFFFF;
}
.patrimoine.recherche-bien .result-list-selling .property-block .banneer.resident-selling {
    padding: 8px;
    background: rgba(90, 179, 234, 0.8);
    text-align: left;
    line-height: 1.2em;
    font-size: 1.1em;
}
.patrimoine.recherche-bien .result-list-selling .property-block .banneer.sold {
    background: rgba(111, 111, 111, 0.8);
    font-size: 1.5em;
    text-transform: uppercase;
}
.patrimoine.recherche-bien .result-list-selling .property-block .banneer.default {
    background: rgba(196, 0, 121, 0.8);
    font-size: 1.5em;
    text-transform: uppercase;
}
.patrimoine.recherche-bien .result-list-selling .property-block .photo-container {
    height: 178px;
    width: 100%;
    text-align: center;
}
.patrimoine.recherche-bien .result-list-selling .property-block .photo-container a {
    display: block;
    height: 100%;
    width: 100%;
}
.patrimoine.recherche-bien .result-list-selling .property-block .details {
    padding: 15px 10px 20px;
    line-height: 1.3em;
    font-size: 1.2em;
}
.patrimoine.recherche-bien .result-list-selling .property-block .details h4 {
    margin-bottom: 10px;
    color: #C40079;
    font-weight: normal;
}
.patrimoine.recherche-bien .result-list-selling .property-block .details h4 a {
    color: #c40079;
}
.patrimoine.recherche-bien .result-list-selling .property-block .details .glyphicon {
    margin-right: 10px;
    font-size: 1.4em;
    color: #4C4C4C;
}
.patrimoine.recherche-bien .result-list-selling .property-block .details .typologie {
    margin-right: 10px;
}
.patrimoine.recherche-bien .result-list-selling .property-block .details .price-container {
    margin-top: 10px;
}
.patrimoine.recherche-bien .result-list-selling .property-block .details .price {
    font-size: 1.2em;
    color: #C40079;
    font-weight: bold;
}

/* -------------- Détail de biens -------------- */
.patrimoine.detail-bien .detail-property {
    margin-bottom: 40px;
}
.patrimoine.detail-bien #map {
    min-height: 450px;
    width: 100%;
    margin-top: 20px;
}
.patrimoine.detail-bien ul.description{overflow: visible;}
.patrimoine.detail-bien ul.description li .label,.patrimoine.detail-bien ul.description li .value{padding: 0px;}

.patrimoine.detail-bien .preview{margin-top: 30px;}
.patrimoine.detail-bien .back-button{margin-top: 40px;text-align: center;}
.patrimoine.detail-bien .acenter{text-align: center;}
.patrimoine.detail-bien .thumbnails {margin-top: 20px;}
.patrimoine.detail-bien .thumbnails figure {display: inline;}
.patrimoine.detail-bien .thumbnails a{text-decoration: none;}
.patrimoine.detail-bien .thumbnails > a {
    display: inline-block;
    position: relative;
    height: 75px;
    line-height: 75px;
}
.patrimoine.detail-bien .thumbnails > a:after {
	position: absolute;
	right: 0px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	text-align: center;
	content:"\e003";
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
    font-size: 30px;
	font-family: 'Glyphicons Halflings';
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.patrimoine.detail-bien .thumbnails > a:hover:after {
	opacity: 1;
}
.patrimoine.detail-bien .thumbnails figure {
    height: 100%;
}
.patrimoine.detail-bien .thumbnails figure img {
    display: inline-block;
    vertical-align: middle;
}
.patrimoine.detail-bien .tableType table.table th,
.patrimoine.detail-bien .tableType table.table td{width: 25%;}
.patrimoine.detail-bien .back-button form input[type="submit"]{white-space: normal;}
.patrimoine.detail-bien .details{padding-top: 30px;clear: both;}
.patrimoine.detail-bien .map-container h3{margin-top: 30px;}
.patrimoine.detail-bien ul li{clear: both;}

/*-----------------------Agence-------------------*/
.patrimoine.agence .search{margin-bottom: 30px;}
.patrimoine.agence .search .filtreTable{background: none;margin: 0px;padding: 0px;}
.patrimoine.agence .search .filtreTable .filtre{width: auto;padding: 5px;}
.patrimoine.agence .search .filtreTable .filtre select{width: auto;}
.patrimoine.agence .search input[type=submit]{margin: 0px;}
.patrimoine.agence .bloc2N2 p{text-align: left;line-height: initial;margin: 10px 0px;}
.patrimoine.agence .bloc2N2 h3{font-size: 1.333em;}
.patrimoine.agence .bloc2N2 h3.nom-agence{margin-bottom: 10px;}
.patrimoine.agence .bloc2N2 .chiffreClef{}
.patrimoine.agence .bloc2N2 .association{}
.patrimoine.agence .bloc2N2 .association h2{font-size: 1.5em;}
.patrimoine.agence .bloc2N2 .tableType{padding-bottom: 20px}
.patrimoine.agence .bloc2N2 .tableType caption{margin-left: 0px;text-align: center;margin-top: -55px;}
.patrimoine.agence .bloc2N2 .tableType td{padding: 5px 10px;}
.patrimoine.agence .bloc2N2 .tableType th{padding-top: 0px;}

.patrimoine.agence .popin-map-result ul{padding-left: 20px;}
.patrimoine.agence .popin-map-result ul li{list-style: none;}

.patrimoine.agence .tableType {
    padding-bottom: 20px;
}
.patrimoine.agence .pager {
    text-align: center;
}
.patrimoine.agence .result-list.visible-xs {
    margin-top: 20px;
}
.patrimoine.agence .result-list h3 {
    font-size: 1.33333em;
}
.patrimoine.agence .result-list > ul {
    padding-left: 0px;
    list-style: none;
}
.patrimoine.agence .result-list > ul > li {
    border-top: 1px solid #5AB4EA;
    margin-top: 10px;
    padding-top: 10px;
}
.patrimoine.agence .result-list > ul > li:first-child {
    border-top: 0 none;
    margin-top: 0px;
    padding-top: 0px;
}
.patrimoine.agence .pager-nb-per-page {
    margin-top: 20px;
}
.patrimoine.agence .pager-nb-per-page .filtre {
    width: 270px;
    margin: auto;
}

/*-----------------------Groupe-------------------*/
.patrimoine.groupe h3.nom{margin-bottom: 10px}
.patrimoine.groupe .buildings{clear: both;}
.patrimoine.groupe .buildings .building{margin-top: 20px;}
.patrimoine.groupe .buildings .building p{font-size: 1em;font-weight: bold;}
.patrimoine.groupe .buildings .building ul { list-style-position: inside; margin: 0px; margin-left: 30px; padding: 0px;}
.patrimoine.groupe .buildings .building > ul { margin-left: 0px; font-size: 1.1em; line-height: 1.2em; }
.patrimoine.groupe .buildings .building ul li{list-style: none;}
.patrimoine.groupe .buildings .building ul li span{font-weight: bold;color: #5ab4ea;}
.patrimoine.groupe .buildings .building ul li a{font-weight: bold;color: #5ab4ea;}
.patrimoine.groupe .buildings .building ul li strong{display: block; margin-top: 10px;}
.patrimoine.groupe .buildings .building ul li.surveys ul{margin-left: 0px;margin-top: 10px;}
.patrimoine.groupe .buildings .building ul li.surveys li a{color: #c40079;text-decoration: underline;}
.patrimoine.groupe .buildings .building ul li.surveys li span.glyphicon{color: black}
.patrimoine.groupe .back-map{clear: both;}
.patrimoine.groupe .bloc2N2 p{text-align: left;line-height: initial;margin: 10px 0px;}
.patrimoine.groupe .bloc2N2 h3{font-size: 1.333em;}
.patrimoine.groupe .bloc2N2 h3.nom-agence{margin-bottom: 10px;}
.patrimoine.groupe .bloc2N2 .chiffreClef{}
.patrimoine.groupe .bloc2N2 .association{}
.patrimoine.groupe .bloc2N2 .association h2{font-size: 1.5em;}
.patrimoine.groupe .bloc2N2 .tableType{padding-bottom: 20px}
.patrimoine.groupe .bloc2N2 .tableType caption{margin-left: 0px;text-align: center;margin-top: -55px;}
.patrimoine.groupe .bloc2N2 .tableType td{padding: 5px 10px;}
.patrimoine.groupe .bloc2N2 .tableType th{padding-top: 0px;}

.patrimoine.groupe .gm-style-iw ul li{list-style: none;}

/* -------------- Popin d'intérêt bien -------------- */
#modal-interest .modal-dialog {width: 800px;max-width: 100%;}
#modal-interest .modal-dialog h4{margin-bottom: 10px;font-size: 1.333em;}
#modal-interest .modal-dialog .type-form{padding-top: 0px;}
#modal-interest .modal-dialog .type-form label{margin-top: 0px;  margin-bottom: 0px}
#modal-interest .modal-dialog .type-form .form-item{margin-bottom: 0px;}
#modal-interest .modal-dialog .type-form textarea,
#modal-interest .modal-dialog .type-form input[type=text],
#modal-interest .modal-dialog .type-form input[type=email]{margin-top: 0px;margin-bottom: 0px;padding: 6px;}
#modal-interest .modal-dialog .type-form input[type=submit]{margin: 0px;margin-top: 20px;}


@media (max-width: 991px){
    .patrimoine.recherche-bien .result-list-selling .property-block .banneer.resident-selling {
        text-align: center;
    }
}

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

@media (max-width: 480px) {
    .patrimoine.agence .result-list ul li ul.description li,
    .patrimoine.recherche-bien .result-list ul li ul.description li{
        clear: both;
    }
}