body, html
{
	top:0;
	margin:0;
	padding:0;
	height: 100%;
	background:White;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:White;
	}

#conteneur_global 
{
	position:absolute;
	margin: 0 auto;
	text-align:center;
	height:100%;
	width:901px;
	background-image:url(images/font.jpg);
	background-repeat:repeat-y;
	left:50%;
	margin-left:-450px;
} 

#conteneur_middle
{
	position:relative;
	float:left;	
	width:800px;
	margin-left:40px;
}

#header
{
	background:url(images/header.jpg) no-repeat;
	position:relative;
	float:left;	
	height:111px;
	width:795px;
	margin-left:2px;
	margin-top:20px;
}

.toto
{
    color:White;
    border:solid 2px Red;
        
}

#menu-panel
{
	background:url(images/menu-panel.jpg) no-repeat;
	position:absolute;
	width:169px;
	height:218px;
	top:130px;
	left:0px;
	z-index:2;
}

#menu-panel-content
{
	text-align:left;
	margin:10px 5px 40px 15px;
}

#work-panel
{
	background-color:#646771;
	position:relative;
	float:right;	
	min-height:300px;
	_height:300px;
	width:706px;
	margin-right:5px;
	border-right:solid 2px #fef283;
	border-left:solid 2px #fef283;
}

#work-panel-content
{
	margin-left:95px;
	margin-right:10px;
	margin-bottom:8px;
	text-align:left;
}

#footer
{
	background:url(images/footer.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;	
	width:716px;
	height:46px;
	margin-left:82px;
}

/*******Apartment*******/
.img
{
	text-align:center;
	float:left;
	width:90px;
	margin:5px;	
}

.apartmentDesc
{
	position:relative;
	float:left;
	width:400px;
	margin:15px;
	margin-left:4px;
}

.apartmentPict
{
	position:relative;
	float:left;
	width:150px;
	margin-top:15px;
	margin:7px;
}

.apartmentDispo
{
	position:relative;
	float:left;	
	margin:7px;
	width:200px;
}

.apartmentContact
{
	position:relative;
	margin:7px;
	margin-top:35px;
	width:170px;
	float:left;	
}

.apartmentEquipment
{
	position: relative;	
	width:270px;
	float:right;	
	margin:7px;
	margin-right:100px;
}

.border-contact
{
	text-align:center;
	padding-top:5px;
	width:150px;
	height:20px;
	border-top:solid 1px #f8f5bf;
	border-bottom:solid 1px #f8f5bf;
	float:left;
	margin:auto;
}

.layer
{
    position:absolute; 
    margin:0px;
    padding:0px;
    width:100%; 
    height:200%; 
    background-color:#4c4c4c;
    z-index:5;
}
    
.cachediv {
    visibility: hidden;
    overflow: hidden;
    height: 1px;
    margin-top: -1px;
    position: absolute;
}

/******Calendar*******/

.picker
{
  background-color: White;
  border: 1px gray solid;
  font-size: 12px;
  font-family: "Verdana",monospace;
  padding: 2px;
  cursor: pointer;
}

.calendar_button
{
  border:none;
  cursor:pointer;
  width:25px;
  height:22px;
}

.calendar td
{
  font-size:11px;
}

.title
{
  font-weight:bold;
  background-color:#646771;
}

.day
{
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#83868f;
  border-style:solid;
}

.dayhover
{
  width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#83868f;
  border-style:solid;
}

.dayheader
{
  width:25px;
  text-align:center;
  border-width:1px;
  border-color:#646771;
  border-style:solid;
  font-weight:bold;
  background-color:#afb1b5;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:#484b55;
  border-collapse:collapse;
  background-color:#646771;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:center;
  background-color:#afb1b5;
}

.calendar td
{
  font-size:11px;
}

.title
{
  font-weight:bold;
  background-color:#646771;
}

.day
{
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#646771;
  border-style:solid;
  background-color:#83868f;
}

.dayhover
{
  width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#646771;
  border-style:solid;
}

.dayheader
{
  width:25px;
  text-align:center;
  border-width:1px;
  border-color:#646771;
  border-style:solid;
  font-weight:bold;
  background-color:#afb1b5;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
  color:#999999;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#646771;
  cursor:default;
}

.month
{
  background-color:#646771;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:center;
  background-color:#FFFFFF;
}

.disabledday
{
  text-decoration:none;
  background-image:url(images/baddate.gif);
  background-position:center center;
  background-repeat:no-repeat;
  cursor:default;
}

/********Galery*********/

.layerContent
{
	position:absolute;	
	left:50%;
	margin-left:-400px;
	margin-top:7px;
	width:800px;
	background-color:White;
	border:solid 2px #feeb40;
    z-index:6;
    margin-bottom:10px;
    padding-bottom:10px;
}

.layerClose
{
	position:absolute;	
	right:3px;
	top:3px;
	z-index:10;
	text-align:center;
	color:#323338;
}

.layerPictureBackground
{
	/*position:absolute;*/
	
	float:left;
	width:740px;		
	background-color:#323338;
	margin-top: 134px;
	margin-left: 30px;
	padding-bottom:7px;
}

.layerPictureImg
{
	position:relative;

	margin: auto;
	text-align:center;
	margin-top:7px;

}

.layerPictureDesc
{
	clear:both;
	position:relative;
	float:left;
	margin: 5px;
	width:720px;
	left:50%;
	margin-left:-360px;
	height:50px;	
}

.layerTabStrip
{
	position:absolute;
	width:740px;
	height:170px;	
	left:50%;
	margin-left:-370px;
	top: 435px;
	overflow:auto;
}

.panelThumb
{
	position:relative;
	float:left;
	margin:5px;	
}

/**************************************NavBar**************************************************/

.NavBar
{
  height:50px;
  font-weight:bold;
  cursor:pointer;
} 

.TopItem
{
  padding-right:5px;
  font-weight:bold;
}

.TopItemHover
{
  padding-right:5px;
  font-weight:bold;
}


.Level2Item
{ 
  padding-left: 10px; 
  font-weight:bold;
  color:#c6c9d2;
}

.Level2SelectedItem
{
  font-weight:bold;
  padding-left: 10px;
  color:#c6c9d2; 
}

.Level2ItemSelected
{
  padding-left: 20px; 
  font-weight:bold;
}