
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 10px 0 0 2px;        
 padding: 0px;
 width: 248px;
 float: left;
}
#content { 
 float: left;  /*english float:right */
 color: #333;
 padding : 0 10px 0 20px;
 width: 507px;
 display: inline;
 position: relative;
 border-right: 1px solid #CAD5E7;    
 min-height:808px;   
}

#content .title{
 color:#01337C;
 font-size: 20px; 
 font-weight: bold; 
} 

#content .Artitle{color:#01337C;font-size: 20px; font-weight: bold;float:right;margin-bottom: 13px;width:500px;}
#content .Ardate{float:none ;margin:6px 0 0 0;font-size: 12px; color: #333333;}

#content .box{
 background:transparent url(../img/officesel_bg.gif) repeat-x center top;            
 color:#4F4F4F;
 font-size: 12px;
 border: 1px solid #EBEBEB;
 padding:10px 10px 0 0; 
 width:236px;
 height:155px;
 margin: 20px 0; 
 float: right; 
}

#content .box2{
 /*margin-right: 10px;*/
} 

#content .top{
 font-weight: bold;
 color:#01337C;
 font-size: 13px;
 display: block;   
}

#content .field{
 display: block;
 margin-top: 8px;
}

#content .map{
 display: block;
 margin: 8px 0 0 30px;
 float: left;
}

#content .map a{
 text-decoration: none;
 color:#4F4F4F;
}

#content #officetbl span{
 color:#01337C;
 font-size: 14px; 
 font-weight: bold;
 margin: 20px 0; 
 display: block;   
}
#content .officetblTitle {
background:transparent url(../img/slider/sliderTop_bg.jpg) repeat-x scroll 0 0;
color:#01337C;
font-weight:bold;
height:30px;
padding-right:2px;
 font-size: 13px; 
} 
#content .officeResult{
background-color: #F8F8F8; 
color: #4F4F4F;   
}
#content .officeResult td{
 border-bottom:1px solid #E6E6E6;  
 height: 25px;
 font-size: 12px;    
}

#content .text{
 color: #4F4F4F;
 font-size: 12px; 
 padding: 10px 0;   
 display: block;
 line-height: 1.5;
    text-align: justify;
}
#content ul{padding-right: 15px;}
#content ol{padding-right: 20px;}

#content .textSmart{
 background:transparent url(../img/smartAgent_bg.gif) repeat-x scroll 0 0;         
 color: #4F4F4F;
 font-size: 12px; 
 padding: 10px 10px 10px 110px;   
 display: block;
 height:126px;
 width: 380px;
 margin: 20px 0;
 
}

#content .sub_title{     
 color: #01337C;
 font-size: 13px; 
 padding:5px 10px 7px;
 text-decoration: underline;
}

#content #joinForm{
  color: #4F4F4F;  
  width: 480px;
  font-size: 13px;     
}

#content #joinForm p{
  padding:5px 10px 7px;
  display: block;
  height:auto;
}
#content #joinForm label.error {
 float: left; 
 margin-right:10px;
 width:auto;
 color:red;
 font-style:italic;
 font-size: 12px;
 font-weight: normal;
}     
#content #joinForm label{
 font-weight: bold; 
 padding: 5px 0 0 1px;   
 width: 110px;
 display: inline;
 float: right;
 height:20px;   
}

#joinForm .submit, #joinForm .reset{
 padding: 20px 200px 0 0;
 display: inline;
 height:22px;
 width: 53px;
 border: none;
 padding:20px 0 0 102px;
 float: left;  
}

#joinForm textarea{
 display: inline;
 height:122px;
 width: 246px;
 border: 1px solid #C2D1E6;      
}
#joinForm .cv{
 width: 297px;    
}
#joinForm input, #joinForm select{
 height:20px;
 width: 246px;
 border: 1px solid #C2D1E6;
 display: inline;
} 

#joinForm input.hidden{
 border: none;
 display: inline;
} 

#joinForm input.price, #joinForm input.rooms, #joinForm input.floor{
 width: 77px;
}

#joinForm input.check{
 width: 15px;
 height: 15px;  
 vertical-align:middle; 
 float:right;
 margin: 5px 0 0 30px;   
}

#joinForm input.error {
border:1px dotted red;
}

#content #joinSend{
  background:transparent url(../img/onSubmitJoin.gif) repeat center top;          
  padding:25px 120px 0 0;
  display: block;
  height:91px;
  width: 266px;
  text-align: center;
  line-height: 19px ;
  font-size: 12px;
}

#content .article{
  background-color: #F4F5F7;          
  padding:10px;
  display: block;
  height:100px;
  width: 480px;
  font-size: 12px;
  color: #505050;
  margin-top: 20px;  
}

#content .article .title{
  color: #01337C;          
  font-weight: bold;
  font-size: 14px;
  float: right;
}

#content .article .date{
  color: #505050;         
  font-size: 13px;
  padding-right: 6px;
}

#content .article a{
  color: #01337C;                   
  font-size: 11px;
  float: left;
  display: block;
  padding:18px 2px 0 2px;    
}

#content #joinForm #smart_checkbox  {
    width: 330px;
    display:block;
    height:100px;
    padding:5px 10px 7px;
}

/* multi select */
#content #joinForm .multiSelect {
    width: 220px;
    border: solid 1px #ADC9F9;
    background: #FFF url(../img/dropdown.gif) left center no-repeat;
    padding: 2px 4px;
    padding-left: 20px;
    display: inline;
    height:auto;
}

.multiSelect.hover {
    background: url(../img/dropdown_hover.gif) left center no-repeat;
}

.multiSelect.active, 
.multiSelect.focus {
    border: inset 1px #000;
}

.multiSelect.active {
    background: url(../img/dropdown_active.gif) left center no-repeat;
}

#content #joinForm .multiSelectOptions {
    width: 293px;
    max-height: 150px;
    margin-top: -1px;
    overflow: auto;
    border: solid 1px #B2B2B2;
    background: #FFF;
}

#content #joinForm .multiSelectOptions label {
    margin: 0 5px;
    display: block;
    float: right;
    font-weight:normal;
    height:23px;
    padding:0;
    width:250px;
    
}
#content #joinForm .multiSelectOptions input { 
border:none;
height:15px;
width:15px;
margin:3px 4px 2px 4px;
vertical-align:middle; 
}

.multiSelectOptions label.checked {
    background: #E6E6E6;
}

.multiSelectOptions label.selectAll {
    border-bottom: dotted 1px #CCC;
}

.multiSelectOptions label.hover {
    background: #CFCFCF;
}

/***** cities */
#contentpage h1 {
    font-weight: bold; 
    font-size: 15px; 
}

#contentpage h2, #contentpage h3 , #contentpage h4{
    font-weight: bold; 
    font-size: 13px; 
}

#contentpage .singleAd  {
border-bottom:1px dotted #E5E5E5;
float:right;
height:92px;
margin:20px 0 10px 6px;
width:243px;
}

#contentpage .singleAd img {
border:1px solid #666666;
float:right;
margin:0 0 0 5px;
}


#contentpage .singleAd a{
text-decoration: none;
font-size: 12px;
}

/* CALCULATOR */
#content #calculTitleBar{height:40px;color: #FFF;width:500px;margin-bottom: 15px;}
#content #calculTitleBar .beguinTitle{height:27px;display:block;float:right;background-color: #00204F;width: 50px;padding:10px 10px 0 0;font-weight: bold;font_size: 15px;}
#content #calculTitleBar .endTitle{height:27px;float:right;background-color: #8da9ce;width: 430px;padding:10px 10px 0 0;font-weight: bold;}

#calcTable, #calcTable2 {width:450px; margin-right: 20px;border:1px solid #C2D1E6;padding: 20px 5px;}
#calcTable .submit { margin: 5px 150px 10px 0;cursor: pointer;}
#calcTable2 .submit{ margin: 5px 85px 10px 0;cursor: pointer;background:transparent url(../img/calReport.gif) repeat-x center top;color:#FFF;font-weight:bold;height:27px;width:190px;border: 0 none;}
#calcTable td{width:220px;padding: 10px 15px 0 0;}
#calcTable2 td{padding: 10px 55px 0 0;}
#calcTable .size{width:40px;}
#calcTable .check{width:15px;border: none;}
#calcTable2 .check{width:15px;border: none;float:right;margin-right: 90px;}
#calcTable2 label.check{float:right;width:150px;margin-right: 10px;font-weight:normal;font-size: 11px;height:35px;}
#calcTable label.check {width:40px;}
#calcTable label {display:inline;float:right;font-weight:bold;height:20px;padding:3px 0 0 1px;width:80px;}
#calcTable2 label{display:inline;float:right;font-weight:bold;height:20px;padding:3px 0 0 1px;width:90px;}
#calcTable input, #calcTable select{cursor: default;border:1px solid #C2D1E6;display:inline;height:20px;width:115px;padding: 0;font-size: 12px;}
#calcTable .red, #calcTable2 .red{color: red;}
#calcTable2 input, #calcTable2 select{border:1px solid #C2D1E6;display:inline;height:20px;width:180px;}
#chargement, #result1 {font-size:14px;display:none;height:70px;height:70px;text-align:center;}
#result1 .title{color:#01337C;font-size:16px;font-weight:bold;}
#result1 .red {color:red;font-size:14px;font-weight:bold;}
#result1 .big {;font-size:16px;}
/* FAQ */
#content .question{color: #01337C; font-size: 13px; cursor: pointer; text-decoration: underline;padding:9px 0;}
#content .question span {background: url("../img/PlMin.gif") no-repeat scroll center bottom transparent;
    float: right;
    height: 13px;
    margin: 2px 1px 0 5px;
    width: 13px;}
#content .answer{margin-bottom: 15px;padding: 15px;border-bottom: 1px solid #01337C;text-align: justify;}


/*  map */
#content #map {float: left;text-align:center; width:230px;margin-bottom: 15px;color:#01337C;font-weight: bold;}
#content .officeTop {height:430px;}






