/**
 * Styles de détail d'un bien
 *
 * @author		Julie Tétard <julie@2jstudio.com>
 * @version		2.1
 * @package		Ecog
 * @subpackage 	css
 * @category 	commun
 */


/* 
 * Styles généraux
 */

	/* Conteneur */
	#contenu {
		margin:0 24px 0 30px;
	}


/* 
 * Styles particuliers
 */

	/* Image */	
	#photo {
		float:left;
		margin:0 10px 0 0;
		width:260px;
		height:200px;
		font-weight:bold;
		text-align:left;
		font-size:14px;
	}
	#bandeau {
		position:absolute;
		z-index:2;
		display:block;
		float:left;
	}
	p#photoSrc {
		line-height:200px;
		text-align:center;
		background-color:#F4DFF0;
	}
	#photoSrc {
		position:absolute;
		z-index:1;
		display:block;
		width:260px;
		height:200px;
		float:left;
	}
	/* Infos simples */	
	#infos {
		float:left;
		margin:0 10px 0 0;
		width:196px;
	}
	#infos p {
		line-height:16px;
	}
	#infos h1 {
		margin:0;
		padding:15px 0 3px 0;
		font-size:12px;
	}
	#infos ul {
		margin:0;
		padding:0;
	}
	#infos li {
		list-style-type:circle;
		list-style-position:inside;
		color:#93117E;
		margin:0;
		padding:0;
	}
	#infos a, #infos a:link, #infos a:hover, #infos a:visited, #infos a:active {
		color:#93117E;
		cursor:pointer;
	}
	/* Navigation */	
	#navigation {
		float:right;
		margin:0;
		width:166px;
	}
	#haut {
		background:url(../images/catalogue/immobilier-bloc.gif) 0 0 no-repeat;
		background-color:#FBD7F4;
		padding:20px 0 7px 0;
		width:166px;
		font-weight:bold;
		text-transform:uppercase;
	}
	#haut p {
		line-height:20px;
		font-size:13px;
	}
	#haut .fr {
		float:left;
		padding:0 10px 0 0;
		text-align:right;
		margin:0 0 0 15px;
		color:#94107E;
	}
	#haut .fr a, #haut .fr a:link, #haut .fr a:hover, #haut .fr a:visited, #haut .fr a:active {
		text-decoration:none;
		color:#94107E;
	}
	#haut .en {
		float:left;
		text-align:left;
		color:#EC7F00;
	}
	#haut .en a, #haut .en a:link, #haut .en a:hover, #haut .en a:visited, #haut .en a:active {
		text-decoration:none;
		color:#EC7F00;
	}
	#bas {
		background-color:#FFD8B0;
		padding:14px 12px 12px 13px;
		text-align:right;
		color:#ED7F02;
	}
	#bas a, #bas a:link, #bas a:hover, #bas a:visited, #bas a:active {
		color:#ED7F02;
	}
	#bas p + p {
		clear:both;
		margin:6px 0 0 0;
		padding:0;
	}
	#bas p img {
		margin:0 0 2px 0;
	}
	#bas p + p img {
		float:right;
		margin:0 0 0 6px;
		line-height:0;
		font-size:0;
	}
	/* Description */
	#description {
		clear:both;
		margin:0;
		padding:0;
	}
	#description div {
		margin:0;
		padding:15px 0 0 0;
		clear:both;
	}
	#description div + div {
		margin:0;
		padding:20px 0 0 0;
		clear:both;
	}
	#description img {
		float:left;
		margin:1px 10px 0 0;
	}
	#description h1 {
		float:left;
		margin:0;
		padding:3px 0 0 0;
		font-size:13px;
		height:15px;
		text-transform:uppercase;
	}
	#description p {
		clear:both;
		padding:3px 5px 0 0;
		margin:0;
		text-align:justify;
	}
	/* Detail */
	#galerie {
		clear:both;
		padding:30px 0 0 0;
		width:642px;
	}
	#galerie div img {
		float:left;
		margin:10px 0 0 0;
		display:block;
		width:200px;
		height:120px;
		cursor:pointer;
	}
	#galerie div img + img {
		margin:10px 0 0 20px;
	}
	#galerie p {
		margin:5px 0 0 0;
	}
	/* Detail */
	#detail {
		clear:both;
		margin:30px 0 0 0;
		width:642px;
	}
	#detail p {
		float:left;
		margin:5px 20px 0 0;
		display:block;
		white-space:nowrap;
	}