@charset "utf-8";
/* CSS Document */

*
{ margin: 0; padding: 0; border: 0; }

a, a:visited, a:active
{ color: #665C3C; text-decoration:none; }
a:hover
{ text-decoration:underline; }
ul
{ list-style:none; list-style-image:none; }
img
{ vertical-align:middle; }

/** LAYOUT **/

body
{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  background: #474137;
  margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
  padding: 0;
  text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
  color:#979272;
}

#ownerspace #container
{ 
  width: 1000px;
  background: #FFFFFF;
  margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
  border: 0;
  text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
}

#ownerspace #owner_header
{ 
  background: #87857C;
  background-image:url(../images/header_bg_sides.gif);
  background-position:bottom;
  background-repeat:repeat-x; 
  padding: 0 0 0 0;
  margin: 0;
  width: 100%;
  height: 190px;
} 

#ownerspace #header #endElement
{ margin: 0; }

#ownerspace #owner_header #owner_header_content
{
  background: #FFFFFF;
  text-align: left;
  margin: 0 auto;
  width: 1000px;
  height: 190px;
}

#header_owner_gradient
{
  width: 100%;
  height: 37px;
  overflow:hidden;
  background:url(../images/owner_gradient.jpg) top no-repeat;
}

#ownerspace #mainContent2col
{
  margin: 0 20px 0 235px; 
  padding: 15px 0 0 10px;
  background: #fff;
}

#ownerspace #sidebar_left
{
  float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
  width: 200px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
  background: #fff; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
  padding: 20px 10px 0px 20px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
}

#ownerspace #footer #imgline
{
  width: 1000px;
  height: 72px;
}

#ownerspace #footer #imgline #imgleft
{
  width:586px;
  height:72px;
  float:left;
  background:url(../images/footer_line.gif) bottom repeat-x;	
}

#ownerspace #footer #imgline #imgright
{
  width:414px;
  height:72px;	
  float:right;
  background:url(../images/footer_logo.jpg) bottom no-repeat;
}

#ownerspace #footer #footer_content
{
  color:#B8B4A9;
  font-size:9px;
  padding: 10px 10px 20px 20px;
  background:#87857C;
}

#ownerspace #footer p
{
  margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
  padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
}

#ownerspace #footer a
{
  color:#B8B4A9;
  text-decoration:none;
}

#ownerspace #footer a:hover
{
  color:#B8B4A9;
  text-decoration:underline;
}
/** END OF LAYOUT **/

/** GENERAL PRESENTATION **/
/* Loginbox */

.proprio_loginbox
{
  margin-left: 110px;
  padding: 20px;
  background:#FAF9F7;
  width: 250px;
  text-align:center;
}

.proprio_loginbox h3 img
{
  float:left;
  margin:0 5px 0 0;
}

.loginbox
{
  width:200px;
}

.loginbox input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9A9173;
	height:15px;
	/*float:left;*/
	padding:2px 0 0 2px;
	border: 1px solid #CFCFCB;
	background-color: #FFFFFF;
}

.loginbox ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:250px;
}

.loginbox li{
	width:100%;
	margin:0;
	padding:4px 0px 2px 0px;
	position:relative;
}

#ownerspace .header h1
{ height:57px; margin-left:0; padding-left:0; }
#ownerspace .header .titlepicto
{
  width:50px;
  height:50px;
  margin-right: 10px;
  vertical-align:middle;
}

ul.arrow_maroon_textlist li
{
  background: url(../images/arrow_maroon.gif) 0px 6px no-repeat;
  padding: 3px 0 3px 12px;
  margin: 0 0 3px 0;
  list-style-type:none;
}
ul.arrow_maroon_textlist li a
{ font-weight: bold; }

#ownerspace .arrow_blue
{
  color: #028388;
  background:url(../images/arrow_blue.gif) no-repeat;
  background-position:left;
  padding-left: 10px;
}

.confirm
{ color: #028388; }
.error, .form_error
{ color:red; }

.price
{ color:#037d94; font-weight:bold; font-size:12px; }

ul.large_form_list
{  }
ul.large_form_list li
{ margin-bottom:5px; }
ul.large_form_list li input,
ul.large_form_list li select,
ul.large_form_list li textarea
{ width:250px; }
/** END OF GENERAL PRESENTATION **/

/** GENERAL STYLES **/
.stdform
{ padding:10px 0; }

.stdform input,
.stdform select,
.stdform textarea
{
  color:#979272;
  vertical-align:middle;
  background-color:#edede3;
  border:1px solid #d4d7c2;
  font-size:11px;
  padding:2px;
  margin-right:2px;
}

.loginbox .imagebutton,
.stdform .imagebutton,
.stdform .radiobutton,
.stdform .checkbox
{ border:0; padding:0; width:auto; height:auto; }

.stdform .imagebutton
{ margin:10px; }

h1, h2, h3, h4
{
  color: #665C3C;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-weight:normal;
}

h1
{
  font-size: 24px;
  margin: 0 0 20px 0;
  font-weight:normal;
}

h2
{
  font-size: 20px;
  margin: 0 0 20px 0;
  line-height: 18px;
}

h3
{
  font-size: 18px;
  margin: 10px 0 10px 0;
}

h4
{
  font-size: 12px;
  margin: 0 0 5px 0;
}

.big
{ font-size:14px; }

.capitalize
{ text-transform:capitalize }
.uppercase
{ text-transform:uppercase }
.bold
{ font-weight:bold; }
.italic
{ font-style:italic; }

.clearfloat
{
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}
/** END OF GENERAL STYLES **/

/** BOX **/
.owner_box
{ margin-bottom:10px; }
.owner_box_title
{ font-size:12px; background-color:#665b3b; color:#ebf0da; height:30px; line-height:30px; font-weight:bold; padding-left:10px; }
.owner_box_content
{ background-color:#edede3; border:1px solid #d5d6c8; padding:10px; }

.owner_box ul
{ list-style: none; }
.owner_box_content,
.owner_box_content a,
.owner_box_content a:hover,
.owner_box_content a:visited,
#ownerspace .txt_big
{ color:#695c3a; }

/** END OF BOX **/

/** CALENDARS **/
.mini_calendar_container
{ background-color:#edede3; border:1px solid #d5d6ce; padding:4px; width:140px; height:160px; overflow:hidden; float:left; margin:10px; }
.mini_calendar
{ color:#97956e; }
.mini_calendar td,
.mini_calendar th
{ text-align:center; padding:2px; }
.calendar_month
{ color:#008495; font-size:12px; }
.calendar_month th
{ text-align:left; }
.weekdays th
{ font-size:12px; border-bottom:1px solid #97956e; }

.mini_calendar td div
{ width:16px; height:16px; text-align:center;}
.booking, .lock
{ color:#efe7f2; }
.booking
{ background-color:#0c8494; }
.lock
{ background-color:#c44f7b; }
.free
{ background-color:#edede3; }

/** END OF CALENDARS **/

.list_box
{
  background-color:#edede3;
  border:1px solid #d4d7c2;
  width:450px;
  height:60px;
  padding:11px;
  margin-bottom:10px;  
}

#ownerspace .owner_apartment img
{ float:left; margin-right:20px; border:1px solid #d4d7c2; }
#ownerspace .owner_apartment .dsc
{ float:left; }
#ownerspace .owner_apartment .dsc_name
{ width:340px; height:60px; overflow:hidden; }
#ownerspace .owner_apartment .dsc_name a
{ font-weight:bold; }


#ownerspace ul.tabs
{
  border-bottom:1px solid #d4d7c2;
  list-style:none;
  height:20px;
  width:660px;
  margin-top:20px;
}
#ownerspace ul.tabs li
{
  background-color:#edede3;
  width:auto;
  float:left;
  height:20px;
  line-height:20px;
  padding:0 10px;
  margin-right:1px;
}
#ownerspace ul.tabs li a
{
  color:#9a9673;
  font-weight:bold;
  text-decoration:none;
}
#ownerspace ul.tabs li:hover,
#ownerspace ul.tabs li.active
{ background-color:#008493; }
#ownerspace ul.tabs li:hover a,
#ownerspace ul.tabs li.active a
{ color:#fff; }

#details_container
{ padding:5px; color:#979272; }

.list_bookings
{ margin-top:20px; }
.list_bookings .amount
{ float:right; }

/**
 *	MISES A JOUR ET NOUVEAU STYLES 
 *	27/11/2009
 */

.ownerTable {
	color:#665C3C;
}

.ownerTable td {
	padding:5px;
	border-bottom:1px solid #CFCDBC;
	border-right:1px solid #CFCDBC;
}

.ownerTable tr.tableHeadGold {
	background-color:#CAA500;
	color:#FFFFFF;
	font-size:9px;
}

.ownerTable tr.tableHeadGold td {
	border:none;
}

.ownerTable tr.tableHeadBrown {
	background-color:#979274;
	color:#FFFFFF;
	font-size:9px;
}

.ownerTable tr.tableHeadBrown td {
	border:none;
}

.ownerTable tr.tableHeadBlue {
	background-color:#007C88;
	color:#FFFFFF;
	font-size:9px;
}

.ownerTable tr.tableHeadBlue h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:normal;
}

.ownerTable tr.pair td {
	background-color:#EDECE1;
}

.ownerTable tr.impair td {
	background-color:#FFFFFF;
}

.ownerTable .price_big {
	font-size:12px;
	font-weight:bold;
}

.ownerTable .booking_id {
	font-size:9px;
	color:#979274;
}