/*<group=base>*/

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

a, img {
	border: none;
}

ul {
	position: relative;
}

.t1 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
}

body {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	background: #f70 url(../images/gradientbg.gif) repeat-x;
}

/*</group>*/
/*<group=blocks>*/

#container {
	position: relative;
	width: 800px;
	height: auto;
	margin: 19px auto;

	text-align: left;
}

#content {
	padding: 21px 22px 10px 21px;
	background: #fff;
}

#footer {
	padding: 4px 5px 0 4px;
}

#header {
	margin-bottom: 3em;
}

/*</group>*/

/*<group=footer>*/

#footer {
	position: relative;
	clear: both;
	width: auto;
	height: 20px;
	padding-top: 5px;
	color: #fff;
}

#footer p {
	padding-left: 5px;
	font-size: 9px;
	color: #fff;
}

#footer p.legal {
	position: absolute;
	top: 5px;
	right: 10px;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	text-decoration: underline;
}
	
/*</group>*/

/*<group=hacks>*/

.clearfix {display: inline-table;}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*</group>*/

h1 {
	float: right;
	text-align: right;
	color: #c00;
	font: normal 24px "Trebuchet MS", Helvetica, sans-serif;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	border-bottom: 2px solid #900;
	margin-bottom: 20px;
}

h3 {
	font-size: 15px;
	color: #f60;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

#description {
	margin-left: 2em;
	border-left-width: 5px;
	border-left-style: solid;
	padding-left: 1em;
	line-height: 1.5em;
}

#close {
	display: block;
	text-align: center;
	margin-top: 3em;
	border-top: 1px solid #bbb;
	padding-top: 0.5em;
	color: #777;
}

/*<group=zoom>*/

.thumb {
	position: relative;
	float: left;

}

.thumb p {
	margin: 0.5em 0;
	text-align: center;
	color: #333;
	font-size: 10px;
	font-style: italic;
}

.thumb img {
	display: block;
}

.thumb a, #zoom {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 450;
}

.thumb a {
	width: 125px;
	height: 100px;
	background: url(../images/spacer.gif);
	z-index: 600;
}

#zoom {
	top:  140px;
	left: 60px;
	text-align: center;
	border: 1px solid #333;
	padding: 10px;
	border: 1px solid #999;
	background: #fff;
	color: #333;
	font-weight: bold;
	visibility: hidden;
	
}

#zoom img {
	margin-bottom: 10px;
}
	
/*</group>*/

.darkblue {
	border-color: #00117a;
}

.blue {
	border-color: #07f;
}

.green {
	border-color: #00a741;
}

.lightgreen {
	border-color: #00d13f;
}

.darkgreen {
	border-color: #007741;
}

.orange {
	border-color: #ff7b00;
}


/*---------------------------------------------*/


/*<group=table>*/

#pricing, #legend {
	width: 640px;
	margin: 10px auto;
}

#pricing {
	clear: both;
	position: relative;
	height: auto;
	border-collapse: collapse;
	border: 1px solid #bbb;
	background: #fff;
}

#pricing caption {
	font-size: 14px;
	font-weight: bold;
	padding: 0.5em 1em;
}

#pricing thead th {
	padding: 3px;
	background: #bbb;
	font-size: 13px;
	color: #fff;
}

#pricing th, #pricing td {
	font-size: 12px;
	padding: 0.5em;
	border: #bdbdbd solid;
	border-width: 0 1px;
}

#pricing td {
	text-align: center;
}

#pricing td.rowHeader {
	font-weight: bold;
	text-align: left;
}


#pricing tbody tr:hover, #pricing tbody tr:hover td, #pricing tbody tr:hover a, #pricing tbody tr:hover span {
	background: #f70;
	color: #fff;
}

.odd {
	background-color: #edf3fe;
}

#pricing th.p1 {
	background: #ffdb70;
}

td.p1 {
	background: #fffbef;
}

.odd td.p1 {
	background: #fff7e1;
}

#pricing th.p2 {
	background: #ff944c;
}

td.p2 {
	background: #fff3eb;
}

.odd td.p2 {
	background: #ffe8d9;
}

#pricing th.p3 {
	background: #db4c4c	;
}

td.p3 {
	background: #fbebeb;
}

.odd td.p3 {
	background: #f7d9d9;
}

/*</group>*/

#legend {
	list-style: none;
}

#legend li {
	padding: 3px 15px;
}

li.p1 {
	background: url(../images/legend/period1.gif) no-repeat 0 5px;
}

li.p2 {
	background: url(../images/legend/period2.gif) no-repeat 0 5px;
}

li.p3 {
	background: url(../images/legend/period3.gif) no-repeat 0 5px;
}

/**********************************************************************************************

                           CSS des propriétés

***********************************************************************************************/
.contenu_proprietes{
      padding:0px;
      font-weight:bold;
      font-family: arial;
      font-size: 10px;
      margin:10px;
      height:320px;
      position:absolute;
}

.contenu_proprietes_hidden{
      visibility:hidden;
      padding:0px;
      font-weight:bold;
      font-family: arial;
      font-size: 10px;
      margin:10px;

      height:320px;
      position:absolute;
}
.tableau_contenu_proprietes{
}

.tableau_contenu_proprietes_hidden{
      display:none;
}

.separateur{
      clear: both;
      width:480px;
}

#onglet_residence
{
      margin:10px;
  position:relative;
  z-index:1000;
}
#onglet_appartement
{
      margin:10px;
  position:relative;  
  z-index:1000;
}

.onglet{
      background: url(../images/onglet.gif) no-repeat;
      color:#000000;
      width:200px;
      text-align:center;
      font-family:arial;
     	font-size:11px;
      float:left;
      margin-right:1px;
      margin-bottom : 0px;
      padding : 3px;
      cursor : pointer;
}
.onglet_clic{
      background: url(../images/onglet_select.gif) no-repeat;
      color:#000000;
      width:200px;
      text-align:center;
      font-family:arial;
     	font-size:11px;
      float:left;
      cursor : pointer;
      margin-right:1px;
      margin-bottom : 0px;
      padding : 3px;
}
.onglet:hover{
      background: url(../images/onglet_select.gif) no-repeat;
      color:#000000;
}

#tableau_propriete{
      background-color:rgb(211,220,227);
      padding:0px;
      margin-left:0px; 
      border-left:#000000 solid 1px;
      border-top:#000000 solid 1px;
      text-align:center;
      font-family:arial;
     	font-size:11px;
}

#tableau_propriete td{
      border-right:#000000 solid 1px;
      border-bottom:#000000 solid 1px;
}
/****************************/