/* CSS detail d'une annonce immobilier.notaires - NTE janv. 2012 => a réintégrer dans annonce.css*/


/*_____________________________________________

					HEADER
________________________________________________*/

.content-detail {
	margin-top:15px;
	border-style:solid;
	border-width:3px;
	background-color:#FFF;
}

.header-detail {
	height:35px;
	padding:10px;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

.header-detail .logo {
	float:left;
}

.ref-annonce {
	display:block;
	font-size:0.8em;
	padding:0 0 5px 10px;
}

.tools-detail {
	margin-top:15px;
	float:right;
}

.tools-detail .back-list {
	width:95px;
	float:left;
	margin-right:3px;
}

.tools-detail .back-list img {
	float:left;
	margin:5px 8px 0 0;
}

.tools-detail .nav-list {
	float:left;
	margin-left:3px;
}

.content-detail h1 {
	font-weight:bold;
	font-size:1.6em;
	padding:15px 10px 5px 10px;
}

/*_____________________________________________

					DETAIL DES CRITRERES + PHOTOS
________________________________________________*/

.detail-critere {
	padding-bottom:5px;
	position:relative;
	width:580px;
}

.detail-critere .left,
.detail-critere .right {
	float:left;
}

.detail-critere .left {
	width:270px;
}

.detail-critere .right {
	width:290px;/*290*/
	padding-left:20px;
	padding-bottom:40px;
}

/*______________ PHOTOS */

.detail-critere .photo-big {
	width:260px;
	margin:0 0 5px 10px;
	overflow:hidden;
}


.detail-critere .photo-small {
	display:block;
	float:left;
	margin:0 0 0 10px;
	margin-bottom:1px;
}

.detail-critere .photo-vignette {
	display:block;
	width:80px;
	height:60px;
	overflow:hidden;
	float:left;
	border:3px solid #b5b5b5;
	text-align:center;
	background-color:#b5b5b5;
}

.photo-vignette.first {
	margin-right:1px;
}

.photo-vignette.last {
	margin-left:1px;
}

.detail-critere .photo-big img,
.detail-critere .photo-vignette img {
	display: inline-block;
}

.detail-critere .photo-vignette:hover {
	border:3px solid #099bd5;
}


/*____________________ VISITE VIRTUELLE */

.but-visite-virtuelle {
	clear:both;
	display:block;
	margin-left:10px;
	border-top:4px solid #FFF;
	background-color:#B5B5B5;
	font-size: 0.9em;
	font-weight: bold;
	height: 21px;
	line-height: 1.9em;
	text-transform:uppercase;
	color:#FFF;
	text-align:center;
}

.but-visite-virtuelle:hover {
	background-color:#099bd5;
	color:#FFF;
}

.but-visite-virtuelle img {
	display:inline;
	padding:5px 0 0 5px;
}




/*______________ CRITERES */

.detail-critere li {
	padding-bottom:5px;
	text-align: left;
}

.detail-critere .crit-first {
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:10px;
	font-size:1.4em;	
}

.detail-critere .crit-spec {
	font-size:1.2em;
	padding-bottom:10px;
	text-align: left;
}

.detail-critere .valeur {
	font-weight:bold;
}

.detail-critere .detail-valeur {
	font-size:0.7em;
	font-weight:bold;
	display:block;
	text-transform:none;
}

.detail-critere .crit-princ li{
	background-image:url(../img/puce-disc.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:0 0 5px 10px;
}

.detail-critere  .crit-date {
	padding-top:5px;
	font-size:0.9em;
}

/*_____________________________ TOOLS ANNONCE */

.tools-annonce {
	position:absolute;
	bottom:25px;
	left:291px;
	z-index:500;
}

.but-contact,
.but-print,
.but-select {
	width:88px;
	height:25px;
	text-align: right;
	float:left;
	line-height:1.2em;
	padding:2px;
	margin-right:3px;
	background-image: url(../img/bg-but-txt03-off.png);
}


/*_____________________________________________

					INFOS OFFICE
________________________________________________*/

.info-office {
	background-image:url(../img/pixel-blanc.png);
	background-repeat:repeat-y;
	background-position: 335px;
	position:relative;
	width:582px;
	color:#000;
}

.info-office .left,
.info-office .right {
	float:left;
	background-image:none;
	background-color:transparent;
	padding-bottom:35px;
}

.info-office .left {
	width:315px;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
}

.info-office .right {
	width:245px;
}

.info-office h2,
.info-office p {
	font-weight:bold;
}

.info-office h2 {
	padding-bottom:8px;
}

.info-office span,
.info-office .title {
	display:block;
	font-size:1.2em;
	padding-bottom:5px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;	
}

.info-office ul {
	padding-top:8px;
}

.info-office .contact ul {
	padding-top:0;
}

/* SERVICE & CONTACT */

.info-office .info-administrat,
.info-office .contact {
	padding:10px;
}

.info-office .contact {
	padding-bottom:0;
}

.info-office .info-administrat {
	border-bottom:1px solid #FFF;
	font-size:0.9em;
}

.but-contactez,
.but-all-annonce {
	position:absolute;
	bottom:10px;
	text-align:center;
	margin-top:8px;
	padding-left: 0;
}

.but-contactez {
	width:148px;
	right:49px;
}

.but-all-annonce {
	width:224px;
	left:55px;
}

.info-office ul li {
	margin-bottom:3px;
}

.info-office ul .url {
	background-image: url(../img/puce-grise.png);
	background-repeat:no-repeat;
	padding: 0 0 3px 15px;
	margin-bottom:3px;
	background-position:0 3px;
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:underline;
}

.info-office .url a:hover {
	color:#FFF;
}

/* AUTES INFO */
.desc-bien,
.perf-energie,
.geoloc-bien,
.autre-annonce,
.doc-admin {
	padding:10px 10px 10px 10px;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

.desc-bien .title,
.perf-energie .title,
.geoloc-bien .title,
.autre-annonce .title,
.doc-admin .title {
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:8px;
}

/*Descriptif */

.desc-bien .crit-second {
	margin-bottom:10px;
}

.desc-bien .crit-second li {
	background-image:url(../img/puce-disc.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:0 0 2px 10px;
	float:left;
	width:40%;
}

.desc-bien .crit-second li .valeur {
	font-weight:bold;
}

.desc-bien .info {
	padding:10px 0 5px 0;
	line-height:1.3em;
	width:100%;
	overflow:hidden;
}

.doc-annonce li {
	background-image: url(../img/puce-grise.png);
	background-repeat: no-repeat;
	padding-left:15px;
	margin-bottom: 3px;
	background-position: 0 3px;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: underline;
}

/*Performance énergétique*/
.perf-energie .info img {
	display:inline-block;
	margin:0 20px;
}

.perf-energie .info {
	text-align:center;
}

.title-doc-admin {
	padding:15px 0 5px 0;
	font-weight:bold;
}

/*_____________________________________________

					FOOTER DETAIL
________________________________________________*/

.footer-detail {
	padding:10px;
}

.all-annonce-ville {
	font-weight:bold;
	font-size:1.2em;
}

.all-annonce-ville strong {
	color:#099BD5;
	text-transform:uppercase;
	font-size:1.1em;
}

.all-annonce-ville:hover strong {
	color:#0780B0;
}