/** client-login **/

p#titreClient {
	color: 				#DE131F; 
	display: 			block; 
	/*font-weight: 		bold;*/
	font-size: 			15px; 
	margin-bottom: 		13px; 
	text-align: 		left;
}

p#texteClient {
	text-align:			justify;
}

/** carte **/

#map {
	width: 				540px; 
	height: 			270px; 
	float: 				left; 
	margin-top: 		10px; 
	margin-bottom: 		10px;	
}

#texteSousMap {
	color:				#DE131F;
	text-align: 		center;	
}	

hr {
	color:				#DE131F;
	margin-top:			10px;
	margin-bottom: 		10px;
}

/** calculettes **/

div#calcul {
	float: 				left;
	margin-left:		20px;
	width:				240px;
	border:				solid 1px #FF8224;
	height:				196px;	
}

div#calcul #img {
	float:				left;
	width:				40px;
	height:				128px;
	text-align:			center;
	margin:				0 4px 0 4px;
}

div#calcul #texte {
	position:			relative;
	margin-left:		5px;
	float: 				left;
	width:				180px;
	height:				128px;
}

/** general **/
body {
	color:				#666;
	font-family:		"Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size:			11px;
	margin:				0;
	padding: 			0;
}

html, body {
	height:				100%;
	margin:				0pt;
}

h1{
	margin:				0px;
	color:				#ffffff;
	font-size:			27px;
	font-variant:		small-caps;
	font-weight:		inherit;
	position:			absolute;
	top:				142px;
	left:				215px;
	width:				70%;
}

img {
	border:				none;
}

p {
	margin:				10px 0px;
}

#header {
	background:			#FFF url(../../images/header-page-hiver.jpg) no-repeat scroll top;
	height:				175px;
}

#header a #logo {
	left:				30px;
	position: 			absolute;
	top:				5px;
}

#global {
	background:			#FFFFFF url(../../images/global-hiver.png) center repeat-y;
	margin:				0 auto;
	min-height:			100%;
	padding:			0pt 10px;
	position:			relative;
	width:				900px;
}

#globalEspaceAcheteur {
	background:			#FFFFFF url(../../images/global-acheteur.png) center repeat-y;
	margin:				0 auto;
	min-height:			100%;
	padding:			0pt 10px;
	position:			relative;
	width:				900px;	
}

#footer {
	background-color:	#DE131F;
	bottom: 			110;
	font-size: 			0.9em;
	height:				20px;
	text-align:			center;
	width: 				900px;
}

#center {
	padding-bottom: 	20px;
	overflow: 			auto;
}

#content {
	float: 				left;
	padding:			15px 5px;
	width: 				540px;
}

#rightsidebar {
	float: 				right;
	padding:			15px 5px 5px 5px;
	width: 				156px;
}

#leftsidebar {
	float: 				left;
	margin:				0px 1px 0px 0px;
	padding-bottom:		15px;
	width: 				179px;
}

/** contenu des pages **/
.titrepage {
	color:				#ffffff;
	font-size:			27px;
	font-variant:		small-caps;
	position:			absolute;
	top:				141px;
	left:				215px;
	width:				70%;
}

span.titrerubrique {
	color:				#DE131F;
	font-size:			20px;
	font-weight:		bold;
	font-style:			italic;
	padding-bottom:		5px;
	padding-left: 		20px;
}

span.soustitre {
	color:				#9999CC;
	font-weight:		bold;
	padding-bottom:		5px;
}

/** liste des annonces **/
div.listeannonces {
	float:				left;
	margin-top:			10px;
}

div.listeannonces .cadrephoto {
	background-color:	#CC0000;
	float:				left;
	height:				114px;
	margin-right:		5px;
	position:			relative;
	width:				114px;
}


div.listeannonces .cadrephoto .photo {
	left:				2px;
	position:			absolute;
	text-align:			center;
	top:				2px;
}

div.listeannonces .infos {
	background-color:	#FF9900;
	color:				#FFF;
	float:				left;
	height:				114px;
	margin-right:		5px;
	padding-left:		3px;
	width: 				140px;
}

div.listeannonces .infos span, div.listeannonces .texte span {
	display:			block;
}

div.listeannonces .texte {
	background-color:	#EBEBEB;
	float:				left;
	height:				114px;
	padding-left:		3px;
	position: 			relative;
	width: 				270px;
}

div.listeannonces .texte p {
	margin:				0px;
}

/** Liste des coups de coeurs **/
div.liste_coupcoeur_immoneuf {
	float:				left;
	margin-top:			10px;
}

div.liste_coupcoeur_immoneuf .cadrephoto {
	background-color:	#CC0000;
	float:				left;
	height:				204px;
	margin-right:		5px;
	position:			relative;
	width:				204px;
}

div.liste_coupcoeur_immoneuf .cadrephoto .photo {
	left:				2px;
	position:			absolute;
	text-align:			center;
	top:				2px;
}

div.liste_coupcoeur_immoneuf .bloc_info_texte {
	float:				left;
}

div.liste_coupcoeur_immoneuf .infos {
	background-color:	#FF9900;
	color:				#FFF;
	float:				left;
	position:			relative;
	width:				330px;
}

div.liste_coupcoeur_immoneuf .infos img {
	position:			absolute;
	right:				10px;
	top:				8px;
}

div.liste_coupcoeur_immoneuf .infos span, div.listeannonces .texte span {
	display:			block;
}

div.liste_coupcoeur_immoneuf .texte {
	background-color:	#EBEBEB;
	float:				left;
	height:				119px;
	margin-top:			5px;
	width:				330px;
}

div.liste_coupcoeur_immoneuf .texte p {
	margin:				0px;
}

/** pagination **/
.pagination {
	float:				left;
	margin-top:			10px;
	padding-left:		30px;
	position:			relative;
}

.pagination div.limit {
	float:				left;
	height:				22px;
	line-height:		22px;
	margin:				0pt 10px;
}

.button2-right {
	background:			transparent url(../../images/j_button2_right.png) no-repeat scroll 100% 0pt;
	float:				left;
	margin-left:		5px;
}

.button2-right .first {
	background:			transparent url(../../images/j_button2_first.png) no-repeat scroll 0% 0pt;
}

.button2-right .prev {
	background:			transparent url(../../images/j_button2_prev.png) no-repeat scroll 0% 0pt;
}

.button2-right.off .first {
	background:			transparent url(../../images/j_button2_first_off.png) no-repeat scroll 0%;
}

.button2-right.off .prev {
	background:			transparent url(../../images/j_button2_prev_off.png) no-repeat scroll 0%;
}

.button2-right a, .button2-right span {
	padding:			0pt 6px 0pt 24px;
}

.button2-left {
	background:			transparent url(../../images/j_button2_left.png) no-repeat scroll 0%;
	float:				left;
	margin-left:		5px;
}

.button2-left .next {
	background:			transparent url(../../images/j_button2_next.png) no-repeat scroll 100% 0pt;
}

.button2-left .end {
	background:			transparent url(../../images/j_button2_end.png) no-repeat scroll 100% 0pt;
}

.button2-left.off .next {
	background:			transparent url(../../images/j_button2_next_off.png) no-repeat scroll 100%;
}

.button2-left.off .end {
	background:			transparent url(../../images/j_button2_end_off.png) no-repeat scroll 100%;
}

.button2-left .page {
	background:			transparent url(../../images/j_button2_right_cap.png) no-repeat scroll 100% 0pt;
}

.button2-left a, .button2-left span {
	padding:			0pt 24px 0pt 6px;
}

.button2-left span, .button2-right span {
	color:				#999999;
	cursor:				default;
}

.button2-left a, .button2-right a, .button2-left span, .button2-right span {
	color:				#333333;
	cursor:				pointer;
	display:			block;
	float:				left;
	font-size:			11px;
	height:				22px;
	line-height:		22px;
	text-decoration:	none;
}

.button2-left span, .button2-right span {
	color:				#999999;
	cursor:				default;
}

.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span {
	font-weight:		normal;
	padding:			0pt 6px;
}

.page a.active {
	font-weight:		bold;
	text-decoration:	underline;
}

.button2-left, .button2-right, .button2-left div, .button2-right div {
	float:				left;
}

/** Affichage d'une annonce **/
#annonce span#entete, #annonce span#desc {
	display:			block;
	float:				left;
}

#annonce span#entete #ville {
	float:				left;
	font-size:			13px;
	font-weight:		bold;
}

#annonce span#entete #prix {
	float:				right;
	font-size:			13px;
	font-weight:		bold;
}

#annonce div#image_mandataire {
	float:				left;
	margin-top:			20px;
}

#annonce div#images {
	float:				left;
	width:				330px;
}

#annonce div#images .img {
	border:				2px solid gray;
	margin:				0px 3px 3px 0px;
	float:				left;
}

#annonce div#images .right {
	border:				2px solid gray;
	margin:				0px 0px 3px 0px;
	float:				left;
}

#annonce div#images .bottom {
	border:				2px solid gray;
	margin:				0px 3px 0px 0px;
	float:				left;
}

#annonce div#images .img:hover {
	border:				2px solid white;
}

#annonce div#images .right:hover {
	border:				2px solid white;
}

#annonce div#images .bottom:hover {
	border:				2px solid white;
}

#annonce div#mandataire {
	float:				left;
	padding-left:		5px;
	width:				200px;
}

#annonce div#mandataire span.info {
	display:			block;
}

#annonce div#mandataire span#contact {
	display:			block;
	text-decoration: 	underline;
}

#annonce div#mandataire img#photo {
	padding-top:		10px;
}

#annonce p#memo {
	float:				left;
	text-align:			justify;
	width:				100%;
}

#annonce div#infos {
	float:				left;
	width:				245px;
	padding-left:		15px;
}

#annonce span.ligne {
	border-bottom:		1px solid #CC0000;
	display:			block;
}

#annonce span.ligne span {
	color:				#CC0000;
	display:			block;
	float: 				left;
	font-weight:		bold;
	width:				130px;
}

#annonce span.ligne div {
	margin-left:		130px;
}

/** Page du mandataire **/
#page_mandataire img#photo {
	float:				left;
}

#page_mandataire span#nom {
	font-weight:		bold;
	padding-left:		5px;
}

#page_mandataire span#tel, span#mail {
	padding-left:		5px;
}

#page_mandataire div#texte {
	display:			block;
	float:				left;
	width:				100%;
}

/** presse **/
div.presse {
	float:				left;
	padding-top:		20px;
	padding-left:		10%;
	width:				80%;
}

div.presse .entete {
	display: 			inline;
	float:				left;
	position: 			relative;
}

div.presse .entete .nom {
	font-weight:		bold;
	float: 				left;
}

div.presse .entete .fichier {
	float:				right;
}

div.presse .entete .fichier img {
	vertical-align:top;
}

div.presse .libelle {
	display: 			block;
	text-align: 		justify;
}

/** menu **/
ul.menu {
	border-left:		1px solid #DDD;
	border-right:		2px solid #DDD;
	border-bottom:		1px solid #DDD;
	margin: 			15px 3px 0px 10px;
	padding: 			0;
	list-style: 		none;
}

ul.menu li.subhead a {
	color: 				#FFFFFF;
	display: 			block;
	font-size:			13px;
	font-weight:		bold;
	height: 			17px;
	margin:				0px;
	padding:			1px 5px 2px 0px;
	text-align: 		right;
	text-decoration: 	none;
	vertical-align: 	middle;
}

ul.menu li.subtitle a {
	color: 				#6c0;
	display: 			block;
	font-size:			12px;
	height: 			18px;
	margin:				0px 0px 0px 0px;
	padding:			1px 7px 2px 0px;
	text-align: 		right;
	text-decoration: 	none;
}

ul.menu li.subtitle a:hover {
	background:			white url(../../images/progress_background.png) repeat scroll 0% 20%;
}

/** Tableau **/
table {
	background-color:	#E7E7E7;
	border-spacing:		1px;
	color:				#666666;
}

table thead th {
	background:			#F0F0F0 none repeat scroll 0%;
	border-bottom:		1px solid #999999;
	border-left:		1px solid #FFFFFF;
	color:				#666666;
	text-align:			center;
}

table tbody tr {
	background-color:	#FFFFFF;
	text-align:			left;
	background:			#F9F9F9 none repeat scroll 0%;
	border-top:			1px solid #FFFFFF;
}

table tbody tr td {
	border:				1px solid #FFFFFF;
	height:				25px;
}

table tbody tr:hover td {
	background-color:	#ffffcc;
}

/** Formulaires **/
form#formulaire {
	background-color:	#eeeeee;
	padding:			10px;
}

form#formulaire .entete {
	color:				#FF6633;
	display:			block;
	font-weight:		bold;
	margin-bottom:		13px;
	text-align:			right;
}

form#formulaire .ligne {
	display: 			block;
	margin: 			5px;
}

form#formulaire .ligne label.lblForm {
	display:			block;
	float:				left;
	text-align:			right;
	width: 				100px;
}

form#formulaire .ligne label {
	color:				#CC0000;
}

form#formulaire .ligne input, form#formulaire .ligne span, form#formulaire .ligne select, form#formulaire .ligne textarea {
	margin: 			0px 0px 0px 5px;
	width: 				175px;
}

form#formulaire #boutons {
	display: 			block;
	margin: 			0px 5px 5px 5px;
	text-align: 		right;
}

/** sous-menu **/
span#sousmenu {
	color:				#ffffff;
	font-size:			12px;
}

span#sousmenu a {
	color:				#ffffff;
	text-decoration:	none;
}

span#sousmenu a:hover {
	color:				#ffffff;
	text-decoration:	underline;
}

span#sousmenu a img {
	vertical-align:		middle;
}

/* Carte */
div#search_map {
	color:#FF9900;
	font-size:12px;
}

div#search_map #map {
	height:215px;
	position:relative;
	top:5px;
	width:210px;
	z-index:101;
}

table.list {
	background-color:#E7E7E7;
	border-spacing:1px;
	color:#666666;
	margin-top:5px;
	width:100%;
}

/** Rss **/
a#rss:link {
	color:	#DE131F;
}

a#rss:visited {
	color:	#DE131F;
}

a#rss:hover {
	color:				#DE131F;
	text-decoration:	none;	
}

a#rss:active {
	color:	#DE131F;
}

/** DPE **/

div#dpe {
	color:#FF9900;
	font-size:12px;
}

div#dpe #conso_eg {
	height:				265px;
	position:			relative;
	top:				5px;
	width:				590px;
	border-top:			1px solid #DDD;
	border-bottom:		1px solid #DDD;
}

div#dpe #conso_eg #txt {
	height:				265px;
	position:			absolute;
	top:				5px;
	right:				5px;
	width:				300px;	
}

a#dpe:link {
	color:				#666666;
	text-decoration:	none;
}

a#dpe:visited {
	color:				#666666;
	text-decoration:	none;
}

a#dpe:hover {
	color:				#CC0000;
	text-decoration:	none;	
}

a#dpe:active {
	color:				#666666;
	text-decoration:	none;
}

p#dpe {
	text-align:			justify;
	color:				#666666;	
}