/*	*** wwww.epokhe.com ***
	Code et design : Arnaud Briand
	*** Le code est original ***
	Date de création : Juillet/Août 2006
*/


/* Styles de mise à plat
------------------------------------------------------------- */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin: 0;
padding: 0;
}

ul, li {
list-style-type: none;
line-height: 15px;
}

fieldset {border: none}

.linkIn {}
.linkOut {color: #000; text-decoration: underline;}


/* body
------------------------------------------------------------- */
body {
background: url(i/backgroundDegrade.jpg) #FFF200 repeat-x 0 0;
}


/*
TOPNAV 
---------------------------------------------------------------------------------*/
#topnav {
height: 30px; width: 100%;
overflow: hidden;
line-height: 2em;
background-color: #000066;
text-align: center;
}

#topnav ul {
width: 680px;
list-style: none;
margin: 0 auto;
padding: 0;
text-align: center;
}

#topnav ul li {
display: block;
color: #FFF;
width: 25%;
background: none;
display: inline;
float: left;
list-style-type: none;
padding: 0;
font: bold 13px/100% Arial, Verdana;
text-align: center;
}
* html #topnav ul li {
margin: 0;
padding: 0;
float: left;
width: 25%;
} /* IE WIN HACK */

#topnav ul li a {
color: #FFF;
display: block;
height: 30px;
overflow: hidden;
padding: 8px 10px 0 10px;
text-decoration: none !important;
font: bold 13px/100% Arial, Verdana;
}
* html #topnav ul li a {
float: left;
width: 150px;
} /* IE WIN HACK */

#topnav ul li a#active {
display: block;
color: #FFF !important;
font-weight: bold;
background-color: #4AA7C0;
font: bold 13px/100% Arial, Verdana;
}

#topnav ul li span {
display: block;
height: 30px;
padding: 8px 10px 0 10px;
color: #FFF !important;
font-weight: bold;
background-color: #4AA7C0;
font: bold 13px/100% Arial, Verdana;
}

#topnav ul li a:hover {
display: block;
color: #FFF !important;
text-decoration: underline !important;
}


/*
WRAPPER
---------------------------------------------------------------------------------*/
#wrapper {
position: absolute;
width: 800px;
left: 50%;
margin-left: -400px;
background-color: transparent;
}


/*
HEADER 
---------------------------------------------------------------------------------*/
#header {
margin: 0 auto;
width: 660px;
background: url(i/logo-adresse-pf.jpg) no-repeat 0 0;
height: 165px;
}
* html #header {margin: 0 80px;} /* IE WIN HACK */

#header h1 {display: none;}


/*
SUBWRAPPER 
---------------------------------------------------------------------------------*/
#subwrapper {
width: 900px;
margin-left: auto;
margin-right: auto; 
background-color: transparent;
}


/*
CONTENT
---------------------------------------------------------------------------------*/
#content {
background-color: transparent;
/*margin: 0px auto;*/
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
text-align: left;
padding: 10px 30px 10px 0px;
height: auto; 
width: 900px;
height: 140px;
}
* html #content {
padding: 0px 30px 10px 0px;
}

#content li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 120px;
font: bold 16px/130% "Trebuchet MS", Arial, Verdana;
color: #000066;
}
* html #content li.vente {
margin: -20px 0px 20px 0px;
padding: 0px 0px 20px 120px;
font: bold 16px/130% "Trebuchet MS", Arial, Verdana;
color: #000066;
}
table.defaut {margin: 20px 0px 0px 0px;}

#content li span {
margin: 0px 0px 0px 0px;
display: none;
}

#content li a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: bold 16px/130% "Trebuchet MS", Arial, Verdana;
color: #000066;
text-decoration: underline;
}

* html form {margin: 0px 0px 0px -100px;}

#content h3 {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 120px;
font: bold 16px/130% "Trebuchet MS", Arial, Verdana;
color: #000066;
text-decoration: underline;
}

#bloc-coordonnees {
	margin-left:70px;
	width:660px;
}

#coordonnees {
	float: left;
	width: 200px;
	background-color: transparent;
	margin: 0px 0px 0px 5px;
	text-align: center;
	padding: 5px;
	font: bold 12px/130% "Trebuchet MS", Arial, Verdana;
	color: #4AA7C0;
	border: 1px dashed #000066;
	height:200px;
}

#coordonnees img {
	height:118px;
}

#coordonnees h2 {
font: bold 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000066;
}

#coordonnees a {
font: bold 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000066;
text-decoration: none;
}

#coordonnees a:hover {
font: bold 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000066;
text-decoration: none;
}


/* carteMap24
------------------------------------------------------------- */
#maparea{
	width: 645px;
	height: 200px;
	border: 1px solid #000066;
	overflow:hidden;
	clear:both;
	margin-top:15px;
	float:left;
	margin-left:5px;
}



/* table recherche.php
------------------------------------------------------------- */
.item {
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000;
}

.variable {
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000;
border: none;
}
* html .variable {font: normal 10px/130% "Trebuchet MS", Arial, Verdana;}

input {
font: normal 11px/130% "Trebuchet MS", Arial, Verdana;
color: #000066;
padding: 0px 4px;
border: 1px solid #000066;
}

select {
font: normal 11px/130% "Trebuchet MS", Arial, Verdana;
color: #000066;
padding: 0px 0px;
border: 1px solid #000066;
}

.checkBox {border: none;}

.siti_bouton, .siti_bouton a {
background-color: #000066;
color: #FFF;
font: bold 11px/130% "Trebuchet MS", Arial, Verdana;
}

.siti_bouton:hover {
background-color: #4AA7C0;
color: #000066;
font: bold 11px/130% "Trebuchet MS", Arial, Verdana;
}

td a.copyright {
font: bold 11px/130% "Trebuchet MS", Arial, Verdana;
color: #000066;
text-align: right;
}


/* resultrech.php
------------------------------------------------------------- */
table.resultrech {margin: 0 0 0 -40px;}
html > body table.resultrech {margin: 0 0 0 100px;}
table.tableAnnonceDetail {
margin: 10px 0 0 0;
border: 1px solid #000066;
}
table .bg-degrade {
margin: 10px 0 0 0;
background-color: #4AA7C0;
border: 1px solid #000066;
}
table .bg-degrade2 {
margin: 10px 0 0 0;
background-color: #4AA7C0;
border: 1px solid #000066;
}

img {border: none;}
td a {font-weight: bold; color: #FFF;}
td .modif-rech a {font-weight: bold; color: #FFF;}
td a.alerteEmail  {font-weight: bold; color: #FFF;}
.num_page {color: #000066;}
.modif-rech, .modif-rech a {color: #000066;}
.modif-rech a:hover {text-decoration: none; color: #000066;}
.km, .km a {color: #000066;}
.km a:hover {text-decoration: none; color: #000066;}
.alerteEmail, a.alerteEmail {color: #000066;}
.detailAnnonce, a.detailAnnonce {color: #000066;}
.voirPhoto, a.voirPhoto {color: #000066;}
.list-title {
font: bold 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000066;
}

.detail_rub
.detail_infos
.detail_texte
.detail_ref
detail_corps
detail_infos

.detail_prix {
text-decoration: none; 
font: bold 14px/100% Arial; 
color: #626262;
text-align: left;
height: 30px;
}

.detail_infos {
text-decoration: none; 
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
color: #626262;
}

.detail_ref	{
text-decoration: none; 
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
color: #626262; 
text-align: center;
}

.detail_corps {
text-decoration: none; 
font: normal 11px/130% Arial; 
color: #000; 
text-align: left;
border: 1px solid #000;
background: url(i/bg.gif) repeat 0 0;
}

.detail-sstitre, .detail-surface, .detail-nbpieces, .minortitle	{text-decoration: none; font: bold 13px/130% Arial; color: #626262; text-align: left;}

.detail_texte {
text-decoration: none; 
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
color: black; 
text-align: justify;
}

.detail_comp {
text-decoration: none; 
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000; text-align: left;
}
.detail_rub	{
text-decoration: none; 
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000; 
text-align: left;
}

.ag_coord_titre	{
text-decoration: none; 
font: bold 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000; 
text-align: left;
}
.ag_coord			{
/* text-decoration: none; font-size: x-small; font-weight: bold; font-family: arial; color: #993333; text-align: right; */
font: bold 12px/130% "Trebuchet MS", Arial, Verdana;
text-align: left;
color: #009583;
}
.ag_coord_txt {
text-decoration: none; 
font: bold 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000; 
text-align: left;
}
.ag_coord_txt a:link, .ag_coord_txt a:visited {
text-decoration: none; 
font: bold 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000; 
text-align: left;
}
.ag_coord_txt a:hover {
text-decoration: underline; 
font: bold 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000; 
text-align: left;
}
.icone_txt {
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
color: #626262;}

.icone_txt a {
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
color: #626262;}

hr 
{background-color: #626262;
}

.plink {font: normal 12px/130% "Trebuchet MS", Arial, Verdana; color: #000;}


/* immobilier-loire-et-cher.htm
------------------------------------------------------------- */
table.htm {
margin: 0 0 0 60px;
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
}
html > body table.htm {margin: 0 0 0 95px;}

textarea {
font: normal 11px/130% "Trebuchet MS", Arial, Verdana;
color: #000066;
padding: 2px 2px;
border: 1px solid #000066;
}

div#informationsLegales {
margin: 20px 0 20px 240px;
font: normal 13px/140% "Trebuchet MS", Arial, Verdana;
}
html > body div#informationsLegales {
margin: 20px 0 20px 100px;
font: normal 13px/140% "Trebuchet MS", Arial, Verdana;
}

/*
SUBNAV 
---------------------------------------------------------------------------------*/
#subnav {
position: absolute; 
top: 190px; _top: 194px; 
left: 12px; 
width: 160px;
}

#subnav ul {
padding: 0px; 
width: 160px; 
margin-left: 25px;
}

#subnav ul li {
display: block;
height: 30px;
list-style-type: none; 
font: normal 11px/140% Arial, Verdana; 
color: #333367; 
text-align: left; 
padding: 10px 10px;
background-color: #000066;
}

#subnav ul li a {
display: block;
font: bold 11px/140% Arial, Verdana; 
color: #4AA7C0;
background-color: transparent;
text-decoration: none; 
padding: 10px 10px;
background-color: #000066;
}

#subnav ul li a:hover {
font: bold 11px/140% Arial, Verdana; 
text-decoration: none; 
color: #000066 !important;
background-color: #4AA7C0;
}



/* credits.php
------------------------------------------------------------- */
#credits { 
	text-align:center;
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #000066;
	font-size:11px;
	clear:both;
	padding-top:10px;
}

#credits a { 
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #000066;
	font-size:11px;
	font-weight:bold;
	text-decoration: underline;
}

.linkCredits { 
	display: none;
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #000066;
	font-size:10px;
}

div#content h1.credits {
margin: 0px 0px 10px 140px;
font: bold 18px/130% "Trebuchet MS", Arial, Verdana;
color: #000066;
}

a img.logoSitimmo, a img.logoEpokhe {
float: left;
margin: 0px 10px 10px 140px;
}

div#content h2.credits {
margin: 0px 0px 10px 140px;
font: bold 14px/130% "Trebuchet MS", Arial, Verdana;
color: #000066;
}

div#content h2.credits a {
font: bold 14px/130% "Trebuchet MS", Arial, Verdana;
color: #000066;
text-decoration: underline;
}

div#content h2.credits a:hover {
font: bold 14px/130% "Trebuchet MS", Arial, Verdana;
color: #000066;
text-decoration: underline;
}

div#content p.credits {
margin: 0px 0px 0px 140px;
width: 500px;
padding: 10px;
font: bold 12px/130% "Trebuchet MS", Arial, Verdana;
color: #4AA7C0;
}

div#content p.credits a {color: #000066; text-decoration: none;}
div#content p.credits a:hover {color: #000066; text-decoration: underline;}


/* Ajouté par Sitimmo */

.alentours { font-weight: normal; font-size: 12px; font-family: "Trebuchet MS", Arial, Verdana }
.alentours input { border:none }
.checkbox input { border:none }
.normaltext { 
	text-align:justify;
	color:#000000;
 }

.texte-annonce a { 
	color:#000000;
	text-decoration:none;
	font-weight:normal;
 }
 
 .texte-annonce a.detailAnnonce { 
	color:#000066;
	font-weight:bold;
 }
 
.num_page img { vertical-align: middle }

.erreur_mini { font-family: "Trebuchet MS", Arial, Verdana; color: #CA2032; font-size:12px; font-weight:bold }
.erreur_mini a:link, .erreur_mini a:visited, .erreur_mini a:hover { font-size: 11px; color: #CA2032; font-weight: bold }
.sitimsg_message { font-family: "Trebuchet MS", Arial, Verdana; font-size: 11px; color: #000066; text-align: center; padding: 5px }
.sitimsg_message a:link, .sitimsg_message a:visited { text-decoration:underline; color: #000066 }
.sitimsg_message a:hover { text-decoration:none; color: #000066 }
.sitimsg_lien { font-family: "Trebuchet MS", Arial, Verdana; font-size: 11px; color: #000066; text-align: center; padding: 5px }
.sitimsg_lien a:link, .sitimsg_lien a:visited { text-decoration:underline; color: #000066 }
.sitimsg_lien a:hover { text-decoration:none; color: #000066 }


#titre-nouveautes {
	color:#4AA7C0;
	clear:both;
	margin:15px 0 5px 3px;;
	float:left;
	width:650px;
	padding:5px 0;
	font-size:24px;
}

#nouveautes {
	clear:both;
	width:622px;
	float:left;
	background-color:#FFFFFF;
	border:solid 2px #4AA7C0;
	padding:10px;
	margin-left:5px;
}

#nouveautes .nouveaute {
	float:left;
	width:206px;
	text-align:center;
}

#nouveautes .nouveaute .titre {
	color:#4AA7C0;
	font-weight:bold;
}

#texte-accueil {
	text-align:justify;
	font:normal 12px "Trebuchet MS", Arial, Verdana;
	margin-bottom:10px;
	width:645px;
	margin-left:5px;
}

#lien-page {
	clear:both;
	text-align:center;
}

#lien-page a {
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000066;
}

.tags {
	text-align:right;
	color:#000066;
	font:bold 10px Arial, Helvetica, sans-serif;
}

.tags a {
	color:#000066;
	font:normal 10px Arial, Helvetica, sans-serif;
}

.tags a:hover {
	text-decoration:none;
}