/*

	############################################################################
	CSS file of http://www.ibizaholidaysinvest.com/
	Copyright (c) Ibiza Holidays Invest, 2006
	############################################################################

*/



/* global whitespace reset for dev
----------------------------------------------- */
* {
	padding: 0;
	margin: 0;
}



/* Hide elements
----------------------------------------------- */
hr, .hide {
	display: none;
}



/* Stop hiding h1!
----------------------------------------------- */

#logo-new {
	display: block;
	width: 562px;
	height: 35px;
	position: relative; top: 24px; left: 30px;
	background: url("../images/logo-en.png") no-repeat left top;
}

#logo-new a {
	display: block;
	width: 562px;
	height: 35px;
	text-indent: -10000px;
	/*border: 1px solid red;*/
}

#lang-en {
	width: 100px;
	height: 25px;
	position: absolute; left: 624px; top: 57px;
	background: url("../images/header-flag-EN.png") no-repeat left top;
	/*border: 1px solid red;*/
}

#lang-en #fr a, #lang-en #de a, #lang-en #en a {
	display: block;
	width: 22px;
	height: 13px;
	/*background-color: #ddd;*/
}

#lang-en #fr {
	position: relative;  top: 7px; left: 11px;
}

#lang-en #de {
	position: relative;  top: -6px; left: 39px;
}












#logo-new-fr {
	display: block;
	width: 562px;
	height: 35px;
	position: relative; top: 24px; left: 30px;
	background: url("../images/logo-fr.png") no-repeat left top;
}

#logo-new-fr a {
	display: block;
	width: 562px;
	height: 35px;
	text-indent: -10000px;
}

#lang-fr {
	width: 100px;
	height: 25px;
	position: absolute; left: 624px; top: 57px;
	background: url("../images/header-flag-FR.png") no-repeat left top;
	/*border: 1px solid red;*/
}

#lang-fr #fr a, #lang-fr #de a, #lang-fr #en a {
	display: block;
	width: 22px;
	height: 13px;
	/*background-color: #ddd;*/
}

#lang-fr #en {
	position: relative;  top: 7px; left: 11px;
}

#lang-fr #de {
	position: relative;  top: -6px; left: 39px;
}


















#logo-new-de {
	display: block;
	width: 562px;
	height: 35px;
	position: relative; top: 24px; left: 30px;
	background: url("../images/logo-de.png") no-repeat left top;
}

#logo-new-de a {
	display: block;
	width: 562px;
	height: 35px;
	text-indent: -10000px;
}

#lang-de {
	width: 100px;
	height: 25px;
	position: absolute; left: 624px; top: 57px;
	background: url("../images/header-flag-DE.png") no-repeat left top;
	/*border: 1px solid red;*/
}

#lang-de #fr a, #lang-de #de a, #lang-de #en a {
	display: block;
	width: 22px;
	height: 13px;
	/*background-color: #ddd;*/
}

#lang-de #en {
	position: relative;  top: 7px; left: 11px;
}

#lang-de #fr {
	position: relative;  top: -6px; left: 39px;
}



/* H2 -> H1 */
#liste_villas_new h1 {
	display: block;
	font-size: 23px;
}

#fiche_villa_new h1 {
	display: block;
	font-size: 18px;
	font-weight: normal;
}








.clear {
	clear: both;
}

.form-css {}



/* Layout and backgrounds
----------------------------------------------- */
body {
	text-align: center;
	background: #ebf6fa url("img/fond-bleu-blanc.gif") repeat-y;/* #ebf6fa #0ed5ff*/
	background-position: center;
}

div#container {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	background: #fff url("img/col-left-3-bg.gif") repeat-y;
	text-align: left;
}

div#header {
	height: 85px;
}

div#header-new {
	background: url("../images/header-background.png") no-repeat left top;
	position: relative;
	width: 760px;
	height: 85px;
	clear: both;
}

div#navigation {
	float: left;
	width: 210px;
	height: 232px;
	background: transparent url("img/menu-main-3-bg.jpg") no-repeat;
}

div#content {
	float: right;
	width: 550px;
}

div#context_col { /* Col gauche contenu contextuel col - encadre div#context*/
	clear: left;
	float: left;
	width: 206px;
}

div#context { /* Matrjoska Hack */
    padding: 0 32px;
   /*  border: 1px solid #444; */
}

div#footer { /* la baseline */
	clear: both;
	width: 100%;
	height: 40px;
	background: #fff url("img/baseline-bg-760.gif") no-repeat;
}



/* Main menu 
----------------------------------------------- */
div#navigation ul {
	width: 146px;
	margin-top: 32px;
	margin-left: 32px;
	font-family: Arial, sans-serif;	
	font-size: 13px;
	line-height: 19px;
	color: #d7fdff; /*ebfeff*/
	list-style-type: none;
}

div#navigation li {
	background: transparent url("img/menu-puce-carre-simple.gif") no-repeat;
	padding-left: 10px;
	border-bottom: 1px dotted #39f6fe;
}

div#navigation a { display: block;  text-decoration: none; }
div#navigation a:link { color: #334c99; }
div#navigation a:visited { color: #334c99; }
div#navigation a:hover { color: #fff; }

div#navigation a strong { display: block; text-decoration: none; }
div#navigation a:link strong { color: #d7fdff; }
div#navigation a:visited strong { color: #d7fdff; }
div#navigation a:hover strong { color: #fff; }



/* Baseline 
----------------------------------------------- */
div#footer p {
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #fff;
	padding: 14px 0 0 0;
}

div#footer a { text-decoration: none; }
div#footer a:link { color: #bfeffe; }
div#footer a:visited { color: #bfeffe; }
div#footer a:hover { color: #fff; }



/* Typo, borders, local padding-margin
----------------------------------------------- */
body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	/* line-height: 1.3em; */
	color: #444;
}



/* Page d'accueil
----------------------------------------------- */
#accueil #inside {
	margin-top: 4px;
	/* border: solid 1px #ccc; */
}

#accueil #insidepad {
	padding: 10px;
}



/* partie accueil 3 cols */

#accueil #inside h2 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	background: transparent url("img/puce-2.gif") no-repeat;
	padding-left: 18px;
	height: 24px;
	text-transform: uppercase;
}

#accueil #inside h2 a { text-decoration: none; }
#accueil #inside h2 a:link { color: #555; }
#accueil #inside h2 a:visited { color: #555; }
#accueil #inside h2 a:hover { color: #555; text-decoration: underline; }

#accueil #inside p {
	margin-top: 8px;
}

#accueil #inside #location p a, #accueil #inside #vente p a, #accueil #inside #services p a {
	padding-left: 12px; background: transparent url("img/ico-liste.gif") no-repeat;
}
/* #accueil #inside a { text-decoration: none; } */
/* #accueil #inside a:link { color: #f06515; } */
/* #accueil #inside a:visited { color: #f06515; } */
/* #accueil #inside a:hover { color: #f06515; text-decoration: underline; } */



/* 3 cols */

div#location {
	width: 170px;
	float: left;
}

div#locationpad {
	padding: 0;
}

div#vente {	
	width: 170px;
	margin-left: 10px;
	float: left;
}

div#ventepad {
	padding: 0;
}

div#services {
	width: 170px;
	margin-left: 10px;
	float: left;
}

div#servicespad {
	padding: 0;
}



/* Moteur recherche */

#accueil #recherche {
	float: left;
	width: 350px;
	height: 170px;
	background: transparent url("img/moteur-bottom.gif") no-repeat;
	background-position: bottom;
}

#accueil #recherche #recherche_location {
	background: transparent url("img/moteur-location-2.gif") no-repeat;
}

#accueil #recherche #recherche_location #lien_loc_on, #accueil #recherche #recherche_vente #lien_vente_on {
	width: 175px;
	margin-top: 8px;
	text-align: center;
	float: left;
	font-weight: bold;
	color: #f06515;
}

#accueil #recherche #recherche_location #lien_vente_off, #accueil #recherche #recherche_vente #lien_loc_off {
	width: 175px;
	margin-top: 8px;
	text-align: center;
	float: left;
	font-weight: bold;	
	cursor: pointer;
}

#accueil #recherche #recherche_location #moteur_loc, #accueil #recherche #recherche_vente #moteur_vente {
	clear: left;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}

#accueil #recherche #recherche_vente {
	background: transparent url("img/moteur-vente-2.gif") no-repeat;
}

table#villas_location_moteur, table#villas_vente_moteur {
	margin-top: 24px;
	margin-bottom: 16px;
}

#accueil #recherche label, input, select {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #444;
	margin-left: 8px;
}

#accueil #recherche select {
	width: 150px;
}



/* Pub */

#carre_promo {
	float: left;
	margin-left: 10px;
}



/* Promos vente */

#promo_vente {
	margin-top: 8px;	
}

#promo_vente ul {
	list-style: none;
}

#promo_vente li {
	display: inline;
	float: left;
}

#promo_vente li#left {
	margin-right: 10px;
}

#promo_vente li#last {}

#promo_vente h3 {
	font-weight: normal;
	font-size: 13px;
	background: transparent url("img/puce-2.gif") no-repeat;
	padding-left: 17px;
	height: 24px;
	text-transform: uppercase;
}



/* Promos location */

#promo {
	color: #555;
}

#promo h3 {
	font-weight: normal;
	font-size: 13px;
	text-transform: uppercase;
}

#promo strong {}

#promo ul {
	list-style: none;
}

#promo li {
	margin-top: 1em;
}

#promo a { font-size: 12px; text-decoration: none; }
#promo a:link { color: #ba5f1a; }
#promo a:visited { color: #ba5f1a; }
#promo a:hover { color: #ba5f1a; text-decoration: underline; }



/* Proprietaires */

#proprietaires {
	padding-top: 1em;
	margin-top: 1em;
}
#proprietaires h4 {
	text-transform: uppercase;
	font-size: 11px;
}

#proprietaires p {
	margin-top: 0.5em;
}

#proprietaires a { text-decoration: none; }
#proprietaires a:link { color: #ba5f1a; }
#proprietaires a:visited { color: #ba5f1a; }
#proprietaires a:hover { color: #ba5f1a; text-decoration: underline; }



/* Bottom updates */
#accueil #bottom {
	font-size: 11px;
	color: #555;
}

#accueil #bottompad {
	padding: 0 10px;
}

#accueil #bottompad #update {
	padding: 5px 0 10px 0;
	border-top: 1px solid #ccc;
}

#accueil #bottompad ul {
	list-style: none;
}

#accueil #bottompad li {}



/* Global top inside bottom
----------------------------------------------- */
#top {
	/* border: 1px solid #fcc; */
}

#toppad {
	padding: 10px;
	/* border: 1px solid #ccc; */
}

#top h2 {
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	background: transparent url("img/puce-2.gif") no-repeat;
	padding-left: 18px;
	height: 24px;
	/* border: 1px solid #eee; */
	margin-bottom: 8px;
}

#top p {
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
}

#insidepad {
	padding: 10px;
}

#inside a { text-decoration: none; }
#inside a:link { color: #f06515; }
#inside a:visited { color: #f06515; }
#inside a:hover { color: #f06515; text-decoration: underline; }

#bottompad {
	padding: 10px;
}




/* Liste resultats
----------------------------------------------- */
ul.resultat h3 {
	font-size: 12px;
	height: 20px;
}

ul.resultat img {
	float: left;
	margin-right: 8px;
}

ul.resultat {
	list-style: none;
}

ul.resultat li {
	margin: 0 0 8px 0;
	padding-bottom: 0px;
	padding-top: 8px;
	border-top: 1px dotted #ccc;
}

.grey_light {
	font-weight: normal;
	color: #999;
}

#liste_villas #inside li strong a {
	font-weight: normal;
	padding-left: 12px; background: transparent url("img/ico-fiche.gif") no-repeat;
}

#liens_pages_resultat {
	padding-top: 8px;
	border-top: 1px dotted #ccc;
	text-align: center;
}

.numero_page {
	/* display: block; */
	margin: 0 4px;
}

#liste_villas #bottompad {
	padding-top: 0;
	margin-top: 0;
}

#moteur_liste {
	border-top: 1px solid #bbb;
	/* margin-top: 8px; */
	background-color: #f3f1eb;
}

#moteur_liste label, input, select {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #444;
	margin-left: 8px;
}

#moteur_liste select {
	width: 150px;
}

#liste_villas #bottom p {
	margin-top: 8px;
	font-size: 11px;
}


/* #liste_villas form#villas_location_recherche { */
/* 	margin: 0; padding: 0; */
/* } */





/* Fiche villa 
----------------------------------------------- */
/* Menu Essentiel, Galerie photo, Descriptif dÈtaillÈ */
#fiche_villa div#top ul {
	text-align: right;
}

#fiche_villa div#top li {
	display: inline;
}

table#synthese {
	border-spacing: 0px;
	border: 0;
	width: 100%;
	margin: 1.33em 0;

}

table#synthese td {
	/*border-bottom: 1px solid #ccc;*/
	padding: .3em;
}	

table#synthese {
	font-weight: bold;
	font-size: 11px;
}

table#synthese td.data {
	font-weight: normal;
}

/* #fiche_villa #inside p { */
/* 	margin: .9em 0 1.6em 0; */
/* } */


#fiche_villa #bottom {
	border-top: solid 2px #ddd;
	/*background-color: #f0eee7;*/
}

#prec, div#suiv {
	background-color: #f0eee7;
	padding: 12px;
}

div#prec {
	text-align: left;
	float: left;
}

div#suiv {
	text-align: right;
	float: right;
}

#fiche_villa #top h2 {
	font-size: 14px;
	padding-bottom: 8px;
	margin-bottom: 15px;
	/*border-bottom: solid 2px #999;*/
}
#fiche_villa #toppad {
	padding-bottom: 0px;
	/* border: solid 1px #ddd; */
}
#fiche_villa #insidepad {
	/* border: solid 1px #ddd; */
	padding-top: 0;
}

#fiche_villa #insidepad p {
	margin-bottom: 8px;
	/* border: solid 1px #ddd; */
}

#fiche_villa #inside p em {
	text-decoration: underline;
}



/*
table#tarifs {
	font-size: 11px;
}




table#tarifs {
	border-collapse: collapse;
	width: 100%;
}

table#tarifs td, th {
	border: 1px solid #666;
	padding: 3px;
}

table#tarifs caption {
	height: 20px;
	text-align: left;
}

*/




/* Formulaire
----------------------------------------------- */
body#form select {
	min-width: 1.5em;
}

body#form option {
	padding: 0 0.5em 0 0;
}

body#form input, body#form textarea, body#form select, body#form option {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #444;
	/*padding: 0 0.25em;*/
}

td.erreur {
	color: #cc0000;
}

td.erreur input {
	background-color: #ebf6fa;
}

h3 {
	font-size: 13px;
	border-bottom: 1px dotted #666;
	margin-top: 16px;
	margin-bottom: 8px;
}

body#form #content a { text-decoration: none; }
body#form #content a:link { color: #f06515; }
body#form #content a:visited { color: #f06515; }
body#form #content a:hover { color: #f06515; text-decoration: underline; }

body#form #content ul {
	list-style: none;
}

body#form #content li {
}



/* Proprietaires
----------------------------------------------- */
#proprietaires h2 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	background: transparent url("img/puce-2.gif") no-repeat;
	padding-left: 18px;
	height: 24px;
	text-transform: uppercase;
}

#proprietairespad {
	padding: 16px;
}



/* Services
----------------------------------------------- */
#liste_services #content h2 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	background: transparent url("img/puce-2.gif") no-repeat;
	padding-left: 18px;
	height: 24px;
	text-transform: uppercase;
}

#liste_services #contentpad {
	padding: 16px;
}

#liste_services #content p, ul {
	margin: 1.33em 0;
}

#liste_services #content li {
	margin-left: 1em;	
}

#liste_services #content h3 {
	margin: 1em 0
}

#liste_services #content h4 {
	margin: .8em 0
}



/* Investir
----------------------------------------------- */

#investir #content {

}
#investir #investirpad {
	padding: 16px;
}
#investir #content h2 {
	/* font-family: Arial, sans-serif;
	border: solid 1px #ccc; */
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 21pt; /*14*/
	background: transparent url("img/puce-2.gif") no-repeat left bottom;
	padding-left: 18px;
	margin-bottom: 0.33em;
	/*height: 24px;*/
	/* text-transform: uppercase; */
}
#investirpad p {
	margin: 1.33em 0;
	line-height: 1.3em;
}
.timestamp, .byline {
	margin: 1.33em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #666;
	display: inline;
}
.timestamplast {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #666;
}
#chart {
		/*border: solid 1px #ccc;*/
		float: left;
		margin: 0 20px 10px 0;
}
/*
#investir h2 {
	font-family: Georgia, Times, serif;
	font-size: 21pt;
	font-weight: normal;
	color: #000;
}
*/



/* insert en construction
----------------------------------------------- */

#construction {
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 16px;
	margin-top: 2em;
}



/* Nous contacter
----------------------------------------------- */
#contact #content {
	height: 600px;
}

#contact #content h2 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	background: transparent url("img/puce-2.gif") no-repeat;
	padding-left: 18px;
	height: 24px;
	text-transform: uppercase;
}

#contactpad {
	padding: 16px;
}

#contact p {
	margin: 1.33em 0;
}



/* Newsletter
----------------------------------------------- */
#newsletter #content {
	height: 600px;
}

#newsletter #content h2 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	background: transparent url("img/puce-2.gif") no-repeat;
	padding-left: 18px;
	height: 24px;
	text-transform: uppercase;
}

#newsletterpad {
	padding: 16px;
}

#newsletter p {
	margin: 1.33em 0;
}


/* Plan du site
----------------------------------------------- */
#sitemap #content {

}

#sitemap #content a { }
#sitemap #content a:link { color: #9A3900; }
#sitemap #content a:visited { color: #CB4B00; }
#sitemap #content a:hover { color: #F09713; }


#sitemap #content h2 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	background: transparent url("img/puce-2.gif") no-repeat;
	padding-left: 18px;
	height: 24px;
	text-transform: uppercase;
}

#sitemap #content ul {
	margin: 0 1.33em;
}

#sitemappad {
	padding: 16px;
}

#sitemap p {
	margin: 1.33em 0;
}