/*	===================================
		EXTRA
		===================================	*/
#extra {
	width:980px;
	height:178px;
	border:10px solid #fff;
	background:#fff url(/images/common/header-bkgd.jpg) top left repeat-x;
}
#slogan {
	font-family:Georgia, "Times New Roman", Times, serif;
	position:absolute;
	top:282px;
	right:20px;
	font-weight:normal;
	font-size:16px;
	color:#595442;
}
#slogan strong {
	font-weight:normal;
	font-size:22px;
	color:#469db5;
}
/*	===================================
		STANDARD
		===================================	*/
form input {
	color: #666;
}
form select {
	color: #666;
}
/*	===================================
		LEFT COLUMN
		===================================	*/
/*	-----------------------------------
		Table des matieres
		-----------------------------------	*/
#TOCTitle {
	color:#FFFFFF;
	background:url(/images/leftmenu/main.png) right no-repeat;
	padding:2px 2px 2px 5px;
	font-weight:bold;
	height:14px;
}
#TOC {
	border-left:1px solid #4E94C3;
	border-right:1px solid #4E94C3;
	border-bottom:1px solid #4E94C3;
	color: #4E94C3;
	background-color:transparent;
	padding-left:4px;
	padding-right:4px;
	margin-bottom:10px;
}
#TOC p {
	padding:5px 0;
}
#TOC a {
	color:#666;
	padding-left: 5px;
	display: block;
}
#TOC a:hover {
	color: #027FA8;
	background-color: #cce8f0;
}
#TOC a.current {
	color: #027FA8;
}
/*	-----------------------------------
		Top Left block
		-----------------------------------	*/
#LeftCol {
	position:absolute;
	top:155px;
	left:6px;
	width:190px;
	padding:0 10px;
	font-size:11px;
}
#LeftCol a {
	color: #666;
	text-decoration:none;
}
#LeftCol a:hover {
	color:#4E94C3;
	text-decoration:none;
}
#TopLeftTitle {
	color:#FFFFFF;
	background:url(/images/leftmenu/main.png) right no-repeat;
	padding:2px 2px 2px 5px;
	height:14px;
}
#TopLeft {
	border-left:1px solid #4E94C3;
	border-right:1px solid #4E94C3;
	border-bottom:1px solid #4E94C3;
	color: #666;
	background-color:transparent;
	margin-bottom:10px;
}
#TopLeft p {
	padding:5px 0;
}
#TopLeft a {
	color:#666;
	padding-left: 5px;
	display: block;
}
#TopLeft a:hover {
	color: #027FA8;
	background-color: #cce8f0;
}
#TopLeft a.current {
	color: #027FA8;
}
#Webmaster {
	clear:both;
	margin-top:30px;
	padding-top:10px;
	border-top:1px dashed #CCC;
	height:53px;
	font-size:13px;
	color:#666;
}
#Webmaster p {
	padding:5px 0;
}
#Webmaster .accroche a {
	color:#666;
}
#Webmaster .accroche a:hover {
	color:#F90;
}
#Webmaster img {
	float:left;
}
/*	===================================
		CENTER COLUMN
		===================================	*/
#CenterCol {
	background-color:#fff;
	border:1px solid #D1D0B1;
	border-top:none;
	margin:0 4px;
	min-height:500px;
	_height:582px;
	padding:10px;
}
/*	-----------------------------------
		Informations sur fonctionnemeent
		-----------------------------------	*/
#Infos {
	clear:both;
	padding-top:20px;
	background-color:#fff;
}
#InfosTab {
	width:193px;
	float:left;
}
#InfosTab ul {
}
#InfosTab ul li {
	list-style:none;
}
#InfosTab ul li a {
	display:block;
	width:193px;
	height:18px;
	padding:18px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#c99;
	font-size:18px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	background-position:right center;
	background-repeat:no-repeat;
	background-image:url(/images/infos/cote/howto193.jpg);
}
#InfosTab ul li a:hover {
	background-position:left bottom;
	color:#775d46;
}
#InfosTab ul li a.current {
	color:#775d46;
	font-size:20px;
	height:24px;
	padding:17px 0;
	background-position:left bottom;
}
#comment {
}
#pourquoi {
}
#InfosContent {
	padding-left:143px;
	font-size:14px;
	text-align:justify;
}
#InfosContent p {
	margin-top: 5px;
	padding-top:10px;
}
/*	-----------------------------------
		Bloc central generic de la cote
		-----------------------------------	*/
#CoteTitle {
}
#CoteTitle h1 {
	font-size:18px;
	height:25px;
}
.cotepanel {
	margin:0 4px;
	color: #666;
	background-color:#fff;
	border:1px solid #D1D0B1;
	min-height:600px;
	_height:600px;
}
.leftUsed {
	padding:10px 10px 10px 10px;
}
.leftrightUsed {
	padding:10px 170px 10px 205px;
}
.rightUsed {
	padding:10px 170px 10px 10px;
}
.noneUsed {
	padding:10px;
}
.cotepanel a {
	color:#808080;
	text-decoration:none;
	font-weight:bold;
	text-decoration:underline;
}
.cotepanel a.command {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	width:100px;
	height:24px;
	text-align:center;
	margin:10px auto;
	background: url(/images/action/cote/bouton.png) center no-repeat;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
	line-height:22px;
}
.cotepanel a.command:hover {
	text-decoration:none;
	cursor:pointer;
}
.cotepanel a.command150 {
	width:150px;
	background: url(/images/action/cote/bouton150.png) center no-repeat;
}
.cotepanel h2 {
	color:#336699;
	font-size:12px;
	font-weight:bold;
}
.cotepanel a.h2 {
	color:#336699;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.cotepanel h3 {
	color: #808080;
	font-size:12px;
	text-decoration: underline;
}
.cotepanel h4 {
	color:#4E94C3;
	font-size:12px;
}
.cotepanel p.padding {
	padding-bottom:10px;
	padding-left:50px;
	text-align:justify;
}
.cotepanel p {
	text-align:justify;
	margin:5px;
	padding:0;
}
.cotepanel input.button {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:100px;
	height:24px;
	padding-bottom:6px;
	color: #FFFFFF;
	font-weight:bold;
	margin:10px auto;
	border:none 0px;
	outline:none 0px;
	background: url(/images/action/cote/bouton.png) no-repeat top center;
	cursor:pointer;
}
.cotepanel .block {
	border:1px solid #999999;
	padding:5px;
}
.cotepanel .illustration {
	text-align:center;
	margin-bottom:10px;
}
/*	-----------------------------------
		Table de la Cote des loyers
		-----------------------------------	*/
#CoteLoyer {
}
#CoteLoyer .first {
	float:left;
	padding-left:80px;
	width:411px;
}
#CoteLoyer .last {
	margin-left:500px;
}
#CoteLoyer h1 {
	font-size:16px;
	color:#469db5;
	font-weight:normal;
	padding:15px 0 25px 0;
	margin:0;
}
#CoteLoyer h2 {
	font-size:12px;
	color:#469db5;
	font-weight:normal;
	padding:0 0 5px 0;
	margin:0;
	text-align: center;
	font-weight: bold;
}
#CoteLoyer form {
}
#CoteLoyer form.CoteGraph {
	height:60px;
}
#CoteLoyer form.HalfCoteGraph {
	height:30px;
}
#CoteLoyer form p {
	padding:15px 0 0 0;
	margin:0;
}
#CoteLoyer form p.title {
	padding:19px 0 10px 0;
}
#CoteLoyer form label {
	display: block;
	float: left;
	line-height: 16px;
	width: 150px;
	padding-right: 10px;
	text-align: right;
}
#CoteLoyer select {
	font-size:12px;
	color: #666666;
}
#CoteLoyer select.dept, #CoteLoyer select.ville, #CoteLoyer select.type {
	width:190px;
}
#TableCote {
	border:1px solid #CCC;
	width:400px;
	margin:0 auto;
}
#TableCote table {
	width:100%;
	border-spacing:0;
	padding:0;
}
#TableCote th {
	font-weight:normal;
	text-align:center;
		white-space:nowrap;
	}
#TableCote td {
	white-space:nowrap;
	padding:2px 0;
		text-align: center;
	}
#TableCote th.title {
	border-bottom:1px solid #CCC;
	background:transparent url(/images/infos/cote/header-cote.jpg) top left repeat-x;
	color:#fff;
	padding:2px 0;
}
#TableCote .LeftPart {
	width:35%;
	border-right:1px solid #CCC;
}
#TableCote .RightPart {
	width:65%;
}
#TableLinkCote {
	width:400px;
}
#TableLinkCote a:link, #TableLinkCote a:visited
{
	color: #999;
	font-size:11px;
	text-decoration:underline;
}
#TableLinkCote a:hover
{
	color:#666;
}
/*	-----------------------------------
		Ma cote des loyers
		-----------------------------------	*/
#Cotes a {
	text-decoration:none;
}
#Cotes a:hover {
	text-decoration:none;
}
#Cotes {
	width:100%;
}
#Cotes, table.EditCote {
	border-collapse:collapse;
	padding:0;
}
.EditCote {
	width:650px;
	margin:0 auto;
}
div.EditCote h4 {
	border-bottom:1px solid #4E94C3;
	padding:2px;
}
.leftrightUsed .EditCote {
	width:550px;
}
#Cotes thead th, .EditCote thead th {
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #4E94C3;
	padding:2px;
}
#Cotes tbody td, .EditCote tbody td {
	padding:2px;
}
/*	-----------------------------------
		Ma cote des loyers
		-----------------------------------	*/
#GoogleAds {
	position:absolute;
	top:560px;
	right:8px;
}
/*	-----------------------------------
		Cote (v2 & v3)
		-----------------------------------	*/
#CoteLoyer form label.radiolabel {
	display: inline-block;
	width:60px;
	float: none;
}
#coteblock {
	float:left;
	width:485px;
}
#coteblock h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #595442;
	font-size: 16px;	
}
#googleblock {
	margin-left: 485px;
	border-left:1px dashed #ccc;
	min-height: 360px;
}
#googleblock.extended {
	min-height: 440px;
}
#compare {
	text-align: center;
	padding: 30px;
}
#compare a {
	display: block;
	padding-left:35px;
	line-height:35px;
	height: 35px;
	background: transparent url('/images/cote/comparer.jpg') no-repeat left center;
	width:250px;
	margin:0 auto;
	font-size: 14px;
}
#comparaison {
	margin-left: 5px;
}
#comparaison h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #595442;
	font-size: 16px;	
}
#result0, #result1 {
	margin-top: 20px;
	min-height: 220px;
}
#result0.info, #result1.info {
	background: transparent url('/images/cote/info.gif') no-repeat 3% 10%;
}
#result0 + p.txtCenter a, #result1 + p.txtCenter a {
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}
#result0 + p.txtCenter a:hover, #result1 + p.txtCenter a:hover {
	color: #4C4C4C;
	border-bottom: 1px dotted #4C4C4C;
}
#sliderindicatorblock0, #sliderindicatorblock1 {
	float:left;
}
#sliderindicatorblock0 p, #sliderindicatorblock1 p {
	white-space:nowrap;
	position:relative;
	width:55px;
}
#sliderindicatorblock0 p small, #sliderindicatorblock1 p small {
	position:absolute;
	display:block;
	font-size:12px;
	width: 50px;
	padding-left: 2px;
	padding-right: 14px;
	text-align: right;
	color:#666;
	height: 28px;
	line-height: 23px;
	background-image: url('/images/cote/slidervalue.png');
	background-position: top right;
	background-repeat: no-repeat;
}
#sliderblock0, #sliderblock1 {
	float:left;
	width:40px;
}
#sliderblock0 p, #sliderblock1 p {
	text-align:center;
	font-size:11px;
}
#sliderblock0 #slider0, #sliderblock1 #slider1 {
	margin: 0 auto;
	width:20px;
}
#legendelabel0, #legendelabel1 {
	position: absolute;
	top: 622px;
	width: 200px;
	z-index: 10;
	font-style: italic;
	color: #595442;
	font-size: 11px;
}
#legendelabel0 {
	left: 10px;
}
#legendelabel1 {
	left: 505px;
}
#legendelabelexport0, #legendelabelexport1 {
	position: absolute;
	top: 208px;
	left: 5px;
	width: 200px;
	z-index: 10;
	font-style: italic;
	color: #595442;
	font-size: 11px;
}
#tablevalue0, #tablevalue1 {
	font-weight: bold;
}
#tableblock0, #tableblock1 {
	margin-left:103px;
	width:370px;
	min-height: 220px;
}
#tableblock0 ul, #tableblock1 ul {
	width:340px;
	list-style: none;
	overflow: hidden;
	background: transparent url('/images/cote/shadow.png') no-repeat center left;	
	padding-left: 30px;
}
#tableblock0 ul li, #tableblock1 ul li {
	float: left;
	height:37px;
	line-height: 30px;
	text-align: center;
}
#tableblock0 ul li a, #tableblock1 ul li a {
	display: block;
	text-decoration: none;
	color: #666;
	margin: 0 0 0 4px;
	height: 37px;
}
#tableblock0 ul li a.petites, #tableblock1 ul li a.petites {
	width: 128px;
	background: transparent url('/images/cote/petites-surfaces.png') no-repeat center left;	
}
#tableblock0 ul li a.appartements, #tableblock1 ul li a.appartements {
	width: 114px;
	background: transparent url('/images/cote/appartements.png') no-repeat center left;
}
#tableblock0 ul li a.maisons, #tableblock1 ul li a.maisons {
	width: 77px;
	background: transparent url('/images/cote/maisons.png') no-repeat center left;	
}
#tableblock0 ul li.current a, #tableblock1 ul li.current a {
	background-position: center right;
	color: #fff;	
}
#tableblock0 ul li a:hover, #tableblock1 ul li a:hover {
	background-position: center right;
	color: #fff;	
}
#tableblock0 table, #tableblock1 table {
	margin: 10px 0 0 0;
	padding: 0;
	width: 370px;
	border-collapse: collapse;
}
#tableblock0 table tr, #tableblock1 table tr {
	height: 36px;
	padding: 0;
	margin: 0;
}
#tableblock0 table tr td, #tableblock1 table tr td {
	vertical-align: middle;
	height: 36px;
	padding: 0;
	margin: 0;
}
#tableblock0 table tbody, #tableblock1 table tbody {
	background: #F1F0E9 url("/images/cote/pointilles.png") repeat-y  100% 100% ;
	border: 1px solid #C5C4BF;
}
#tableblock0 table tbody tr, #tableblock1 table tbody tr {
	border-bottom: 1px solid #C5C4BF;	
}
#tableblock0 table tr td.undefined, #tableblock1 table tr td.undefined {
	text-align: right;
	width: 290px;
	background-image: url('/images/cote/carre-gris.png');
	background-position: center left;
	background-repeat: no-repeat;
}
#tableblock0 table tr td.standard, #tableblock1 table tr td.standard {
	text-align: right;
	width: 290px;
	background-image: url('/images/cote/carres.png');
	background-position: center left;
	background-repeat: no-repeat;
}
#tableblock0 table tr td.titre, #tableblock1 table tr td.titre {
	text-align: right;
	padding-right: 10px;
	width: 62px;
}
.GraphCote {
	border:1px solid #c1c1c1;
	background-color: #f1f1f1;
	width:430px;
	margin:0 auto;
}
.GraphCote .Line {
	margin: 2px;
	height: 40px;
}
.GraphCote .Line .Title {
	line-height: 40px;
	height: 100%;
	width: 105px;
	padding-right: 5px;
	text-align: right;
	float: left;
	color: #333;	
}
.GraphCote .Line .Border {
	background: transparent url("/images/cote/graph_bordure.png") no-repeat center right;
}
.GraphCote .Line .Bloc {
	float: left;
	height: 100%;
	line-height: 40px;
}
.GraphCote .Line .Bloc0, .GraphCote .Line .Bloc1, .GraphCote .Line .Bloc2 {
	margin:8px 0;
	height:24px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	text-align:right;
	line-height: 24px;
	color: #FFF;
	font-weight: bold;
}
.GraphCote .Line .Bloc0 {
	background: transparent url("/images/cote/graph_top.png") repeat-x center left;
	border-top:1px solid #434d6c;
	border-right:1px solid #434d6c;
	border-bottom:1px solid #434d6c;
}
.GraphCote .Line .Bloc1 {
	background: transparent url("/images/cote/graph_middle.png") repeat-x center left;
	border-top:1px solid #324f99;
	border-right:1px solid #324f99;
	border-bottom:1px solid #324f99;
}
.GraphCote .Line .Bloc2 {
	background: transparent url("/images/cote/graph_bottom.png") repeat-x center left;
	border-top:1px solid #0087ae;
	border-right:1px solid #0087ae;
	border-bottom:1px solid #0087ae;
}

/*	-----------------------------------
		Autocomplete pour cote des loyers
		-----------------------------------	*/
div.autocomplete {
	position: relative;
	width:198px;
	background-color:#FFF;
	border:1px solid #888;
	margin:0;
	padding:0;
	z-index:99;
	left:160px;
	overflow-y: auto;
	overflow-x: hidden;
}
.iframe div.autocomplete {
	max-height: 230px;
}
.iframe0 div.autocomplete {
	max-height: 140px;
}
.iframe1 div.autocomplete, .iframe2 div.autocomplete {
	max-height: 200px;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	cursor:default;
	padding: 0.1em 0.5em;
	color:#444;
	height:1.5em;
	line-height:1.5em;
	overflow:hidden;
}
div.autocomplete ul li span.informal {
	display:block;
	width:100%;
	height:1.5em;
	background-color:#CDDDF6;
	color:#2a849d;
	font-weight: bold;
	margin:-0.1em -0.5em;
	padding: 0.1em 0.5em;
	overflow:hidden;
}
div.autocomplete ul li.selected {
	background-color:#f4dead;
	color: #000;
	cursor:pointer;
}
/*	===================================
		RIGHT COLUMN
		===================================	*/
#RightCol {
	position:absolute;
	top:343px;
	right:6px;
	width:160px;
}