/* PAGELAYOUT CSS - 20060522 */

body
{
	background-color:lightGrey;
}

/* FULL PAGE */

div#page
{
    width: 100%; /* This can be changed to any fixed width if desired */
    margin: 0 auto 0 auto; /* General method for centering content if fixed page width, for other browsers than IE */
    text-align: left; /* Reset IE method for centering page, to stop all other content on the page from centering */
}

div#page-content-position
{
   /* background-image: url(../images/bg.png);
    background-repeat: repeat-x;
    background-position: left 30px; */
    background-color:lightGrey;
}

div#page-content
{
    /* background-image: url(../images/page-bg.jpg);
    background-repeat: no-repeat;
    background-position: center 30px; */
}

div#topmenu-position
{
	background-color:#88ABBA;
}

/* HEADER */

div#header-position
{
    /* background-color: #FFFFFF; */
    background-color: lightGrey;
}

div#header
{
   /* margin: 0 auto; */
    text-align: left;
    /* width: 770px; */
 /*   width: 1000px;
    background-image:url(../images/bandeau_haut.gif); */
}

div#mbsa-head-position
{
    background-color: lightGrey;
}

div#mbsa-head
{
    margin: 0 auto;
    text-align: left;
    width: 1000px;
    height: 80px;
    background:transparent url(../images/bandeau_haut.gif) no-repeat scroll center bottom;
}

div.homepage div#mbsa-head
{
    background:white none no-repeat scroll center bottom;
}

div#header ul
{
    margin: 0;
    padding: 0.25em 0 0.25em 0;
}

div#header ul li
{
    padding: 0;
    display: inline;
    margin-left: 1em;
    background-image: none;
}

div#logo
{
    float: left;
    /* margin: 0 0 0 1.5em; */
    margin: 10px 0 0 10px;
}

div#usermenu
{
    background-color: #88abba;
}

div#languages
{
    margin: 0 auto;
    width: 1000px;
    /* text-align: right; */
    text-align: left;
    font-size: 0.85em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    background-color: #008AC9;
    height: 20px;
    /* height: 18px;*/
}

div#languages a
{
    /* color: #a4a4a4; */
    color: #FFFFFF;
    text-decoration: none;
}

div#languages ul li
{
/*    background-image: url(../images/lang-li-bg.png);*/
	background-image: url(../images/links-li-bg.gif);
    background-position: 0 0.5em;
    padding-left: 12px;
    margin-left: 0.5em;
}

div#languages li.current_siteaccess a
{
/*    color: #c70000; */
    color: darkRed;
}
div#languages ul li.current_siteaccess
{
/*    background-image: url(../images/lang-li-curr-bg.png); */
}

div#links
{
    text-align: right;
    font-size: 0.85em;
    font-weight: normal;
    clear: both;
}

div#links ul li
{
    background-image: url(../images/links-li-bg.gif);
    background-position: 0 0.5em;
    padding-left: 12px;
    margin-left: 0.5em;
}

div#links a
{
    /* color: #666666; */
    color: #FFFFFF;
    text-decoration: none;
}

div#searchbox
{
    /* width: 40em; *//* Needs to be sufficient width to fit both text input and submit button to avoid Konqueror breaking the line between them */
    width: 170px;
    /* margin-top: 0.5em; */
/*    margin-top: 20px;*/
	margin-top:1.5em;
    margin-right: 1.5em;
    /* padding-left: 5em; */
    text-align: right;
    float: right;
}

div#searchbox img
{
    display: block;
    float: left;
    margin-top: 6px;
    margin-right: 6px;
}

input#searchtext
{
    border: 1px solid #c3c7c5;
    background-image: url(../images/search-input-bg.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    font-size: 0.85em;
    height: 15px;
    padding: 0;
    /* width: 222px; */
    width: 170px;
    float: left;
    /* margin-right: 5px;*/
    margin-bottom: 10px;
}

input#searchbutton
{
    margin-top: 0;
/*    margin-bottom: -0.5em; */
    display: block;
    float: left;
    margin-left:40px; /* added */
}

div.corner-box
{
    /* margin: 1em auto 0 auto; */
    margin: -20px auto 0 auto;
    float: right;
    width: 500px;
   /* background-color: #E2E2E2;
    background-image: url(../images/links-bor-cont-bg.png); */
}

div.corner-box div.corner-tl
{
   /* background: url(../images/links-corner-tl.png) no-repeat top left;*/
}

div.corner-box div.corner-tr
{
   /* background: url(../images/links-corner-tr.png) no-repeat top right; */
}

div.corner-box div.corner-content
{
    height: 1%; /* Preventing margins on content from breaking the box (for IE) */
    position: relative; /* Fix for IE */
}

div.corner-box div.corner-content:before, div.corner-box div.corner-content:after /* Preventing margins on content from breaking the box */
{
    content: "-";
    height: 0;
    visibility: hidden;
    display: block; 
    clear: both; 
}

div.corner-box div.corner-content
{
    padding-right: 1em;
    padding-left: 0.5em;
}

/* TOPMENU */

div#topmenu ul
{
    margin: 0 auto 0 auto;
    /* width: 770px; */
    width: 1000px;
    background-image:url(../images/topmenu-bg.png);
	height:30px;
	font-size:0.8em;
	letter-spacing:-0.5px;
	text-transform:uppercase;
}

div#topmenu div#topmenu-firstlevel-position
{
    font-size: 0.8em;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    height: 31px;
    background-image: url(../images/topmenu-bg.png);
    background-repeat: repeat-x;
}

div#topmenu ul li
{
    background-image: none;
    float: left;
    padding: 0;
    margin: 0;
    line-height: normal;
}

div#topmenu ul#topmenu-firstlevel li
{
    background-image: url(../images/topmenu-sep.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}

div#topmenu ul#topmenu-firstlevel li a
{
    /* color: #D8D8D8; */
    color: white;
    text-decoration: none;
   /* padding: 10px 11px 6px 12px; */
    padding: 10px 11px 7px 12px;
    display: block;
}

div#topmenu ul#topmenu-firstlevel li.firstli
{
    background-image: none;
}

div#topmenu ul#topmenu-firstlevel li.selected a
{
    background-image: url(../images/topmenu-li-sel-bg.png);
    background-repeat: repeat-x;
    /* background-position: left bottom; */
    margin-left: 1px;
}

div#topmenu div#topmenu-secondlevel-overlay
{
    background-color: #000000;
    height: 27px;
    opacity: 0.5;
    -moz-opacity: .50;
    filter: alpha(opacity=50);
}

div#topmenu div#topmenu-secondlevel-position
{
    height: 27px;
    margin: -27px auto 0 auto;
    position: relative;
}

div#topmenu ul#topmenu-secondlevel li
{
    padding: 5px 11px 5px 12px;
}

div#topmenu ul#topmenu-secondlevel li a
{
    color: #9d9d9d;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 0.85em;
}

div#topmenu ul#topmenu-secondlevel li.selected a
{
    color: #FFFFFF;
}

/* PATH */

div#path
{
    /* padding: 0.5em 0.5em 0.5em 2em; */
    font-size: 0.85em;
    color: #fff;
    clear: both;
    /* width: 770px; */
    width: 1000px;
    margin: 0 auto;
    background-color:#008AC9;
    height:20px;
}

div#path p
{
    height: 1%; /* Preventing margins on content from breaking the box (for IE) */
    position: relative; /* Fix for IE */
    margin: 0;
    padding-top:3px;
    padding-left:5px;
}

div#path p:before, div#path p:after /* Preventing margins on content from breaking the box */
{
    content: "-";
    height: 0;
    visibility: hidden;
    display: block; 
    clear: both; 
}

div#path a
{
    color: #fff;
    display: block;
    float: left;
    text-decoration: none;
    background-image: url(../images/path-a-bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0 0 1px 0;
    margin-right: 4px;
}

div#path span.path-separator, div#path span.path-text
{
    color: #fff;
    display: block;
    float: left;
    margin-right: 4px;
}

/* TOOLBAR */

div#toolbar
{
    /* width: 770px; */
    width: 500px;
    margin-right: 20px;
    margin-top:-6px;
    float: right;
   /* background:transparent url(../images/topmenu-bg.png) repeat scroll 0 0; */
}

/* COLUMNS */

div#columns-position
{
   /* width: 770px; */
    width: 1000px;
    margin: 0 auto 0 auto;
}

div.homepage div#columns
{
  padding: 0 0px 0 180px;
  background:white url(../images/homepage.gif) no-repeat scroll left bottom;
  height: 600px;
}

div.homepage div.attribute-image {
	margin: 0px;
}

div#columns
{
  /* padding: 0 284px 0 14em; */
  padding: 0 0px 0 180px;
  background-color: #FFFFFF;
}

div.nosidemenu div#columns
{
   padding-left: 0;
}

div.noextrainfo div#columns
{
   padding-right: 0;
}

/* SIDE MENU */

div#left-mbsa
{
    width: 180px;
    margin-left: -180px;
    float: left;
    display: inline; /* Fix for IE double margin bug */
}

div#sidemenu-position
{
    /* width: 14em;
    margin-left: -14em;
    float: left;
    display: inline;*/ /* Fix for IE double margin bug */
}

div#sidemenu
{
    padding: 0
}

div.nosidemenu div#sidemenu-position
{
    display: none;
}

div#sidemenu ul
{
    list-style-type: none;
    margin: 0.5em 0 0.5em 0;
}

div#sidemenu ul li
{
    margin: 0.25em 0 0.25em 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    background-image: none;
}

div#sidemenu div.box div.box-content
{
    padding-left: 0.75em;
    padding-right: 0;
}

div#sidemenu h4
{
    margin: 0;
}

div#sidemenu h4 a
{
    color: #525345;
    text-decoration: none;
}

div#sidemenu ul.menu-list a.selected
{
    font-weight: bold;
}

div#sidemenu ul.submenu-list
{
    list-style-type: none;
    margin-left: 1em;
}

div#sidemenu ul.submenu-list a.selected
{
    font-weight: bold;
}

div#sidemenu ul.menu-list li a, div#sidemenu ul.submenu-list li a
{
    background-image: url(../images/sidemenu_bullet.png);
    background-position: 0.2em 0.5em;
    background-repeat: no-repeat;
    padding-left: 18px;
    display: block;
    font-size: 0.85em;
}

/* MAIN AREA */

div#main-position
{
    width: 100%;
    float: left;
}

body.popup
{
    padding: 15px;
}

body.popup div#main-position
{
    width: 800px;
}

div#main
{
    position: relative;
}

div.nosidemenu div#main-position
{
    margin-left: 0;
}

div.noextrainfo div#main-position
{
    margin-right: 0;
}

/* EXTRA CONTENT */

div.homepage div#extrainfo-position
{
    height:400px;
    background:transparent none repeat scroll 0 0;
}

div#extrainfo-position
{
    /*width: 284px;
    margin-right: -284px;
    float: left;*/
    height:400px;
    background:transparent none repeat scroll 0 0;
}

div.mbsa1 div#extrainfo-position
{
	background:transparent url(../images/bandeau_left_1.gif) no-repeat scroll left top;
}

div.mbsa2 div#extrainfo-position
{
	background:transparent url(../images/bandeau_left_2.gif) no-repeat scroll left top;
}

div.mbsa3 div#extrainfo-position
{
	background:transparent url(../images/bandeau_left_3.gif) no-repeat scroll left top;
}

div.mbsa4 div#extrainfo-position
{
	background:transparent url(../images/bandeau_left_4.gif) no-repeat scroll left top;
}

div.mbsa5 div#extrainfo-position
{
	background:transparent url(../images/bandeau_left_1.gif) no-repeat scroll left top;
}

div.mbsa6 div#extrainfo-position
{
	background:transparent url(../images/bandeau_left_2.gif) no-repeat scroll left top;
}

div.mbsa7 div#extrainfo-position
{
	background:transparent url(../images/bandeau_left_3.gif) no-repeat scroll left top;
}

div.mbsa8 div#extrainfo-position
{
	background:transparent url(../images/bandeau_left_4.gif) no-repeat scroll left top;
}

div.noextrainfo div#extrainfo-position
{
    display: none;
}

div#extrainfo
{
   /* padding: 0; */
   padding:250px 0 0;
}

div.homepage div#extrainfo
{
   /* padding: 0; */
   padding:430px 0 0;
}

/* FOOTER */

div#footer
{
    clear: both; /* Ensures that the footer is pushed properly below the columns */
    /* text-align: center;
    padding-bottom: 1em;
    margin: 3px auto 0 auto;*/
    /* width: 770px; */
    background-color: #88abba;
}

div#footer-mbsa
{
    height: 20px;
    margin: auto;
    width: 1000px;
    background-color: #008AC9;
    color: white;
    font-size: 0.8em;
}

div#footer-mbsa-kikundi
{
	height: 26px; 
	margin: auto;
    width: 1000px;
    background-color: #008AC9;
    color: white;
    font-size: 0.8em;
    padding-top: 8px;
}

div#footer div.border-content
{
    padding: 1.25em;
    text-align: center;
    font-size: 0.8em;
    color: #7f7f7f;
}

div#footer address
{
    float: left;
    font-style:normal;
    padding:0.25em 0; /* added */
    margin-left:5px;
}

div#footer a
{
    color: white;
}

div#kikundi-credits
{
    float: right;
    font-style:normal;
    padding:0.25em 0;
    margin-right:5px;
}

div.homepage div.itemized_subtree_items {
	background: darkRed none repeat scroll 0 0;
	height:172px;
	width:172px;
	opacity:0.75;
    -moz-opacity: .75;
    filter: alpha(opacity=75);
	margin-left:20px;
}

div.homepage h3 {
	color:BLack;
	font-size:4em;
	text-align:center;
}

div.homepage div.itemized_subtree_items div.content-view-embed h2 a {
	color:white;
}

div.homepage div.itemized_subtree_items div.content-view-embed ul li a {
	color:white;
}

div.homepage div.itemized_subtree_items div.content-view-embed h2 {
	text-align:center;
	padding-top:15px;
	padding-left:0px;
}

/* SAMUEL - Biens immobiliers MBSA */

/* Gestion des biens - admin */

div.immo_header
{
	float:left;
	text-transform:uppercase;
	width:100%;
	background-color:#008AC9;
	color:#FFFFFF;
	padding: 2px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
	text-align:left;
}

div.immo_dispo
{
	clear:both;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top:20px;
	margin-bottom:5px;
	border: 2px solid #C70000;
	text-align:left;
	height:25px;
}

div.immo_dispo_header
{
	float:left;
	width:145px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight:bold;
}

div.immo_dispo_value
{
	float:left;
	width:470px;
	padding-right: 1px;
	padding-left: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.immo_dispo_action
{
	float:right;
	padding-right:10px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align:right;
	width:100px;
}

input#button_dispo:hover
{
	border-left:		1px solid #ECECEC;
	border-top:			1px solid #ECECEC;
	border-right:		1px solid #D2D4D6;
	border-bottom:		1px solid #D2D4D6;
}


input#button_dispo
{
	background-repeat:		no-repeat;
	background-color:		transparent;
	background-position:	4px center;
	border:					1px solid #ECECEC;
	width:					85px;
	height:					20px;
	margin-top:				1px;
	margin-bottom:			1px;
	margin-left:			5px;
	margin-right:			5px;
	padding-top:			0px;
	padding-bottom:			2px;
	padding-left:			20px;
	padding-right:			0px;
	text-align:				left;
	color:					#C70000;
	float:					left;
	font-weight:			bold;
}

.delete
{
	background-image:url(../images/button_dispo_delete.png);
}

.add
{
	background-image:url(../images/button_dispo_add.png);
}

input#button_dispo_checked
{
	display:none;
}

div.immo_item
{
	clear:both;
	padding-left: 155px;
	padding-bottom: 3px;
	margin-bottom:5px;
	border-bottom: 1px solid #008AC9;
	text-align:left;
}

div.immo_buttons
{
	float:left;
	margin-top:8px;
	width:100%;
}

div.immo_button
{
	float:left;
	width:50%;
}

A.button:link,
A.button:visited,
A.button:active
{
	background-repeat:		no-repeat;
	background-color:		transparent;
	background-position:	5px center;
	border-left:			1px solid #ECECEC;
	border-top:				1px solid #ECECEC;
	border-right:			1px solid #ECECEC;
	border-bottom:			1px solid #ECECEC;
	height:					17px;
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			0px;
	margin-right:			0px;
	padding-top:			1px;
	padding-bottom:			1px;
	padding-left:			25px;
	padding-right:			0px;
	text-align:				left;
	color:					#C70000;
	font-weight:			bold;
	display:				block;
}

A.button:hover
{
	border-left:			1px solid #ECECEC;
	border-top:				1px solid #ECECEC;
	border-right:			1px solid #D2D4D6;
	border-bottom:			1px solid #D2D4D6;
	text-decoration:		none;
}

A.print
{
	float:left;
	background-image:		url(../images/button_print.png);
	width:					65px;
}

A.close
{
	float:right;
	background-image:		url(../images/button_dispo_delete.png);
	width:					55px;
}

div.immo_item_header
{
	float:left;
	margin-left:-155px;
	width:145px;
	padding-right: 5px;
	padding-left: 5px;
	font-weight:bold;
	position: absolute;
}

div.immo_item_value
{
/*	float:left; */
	width:100%;
}

div.immo_photos_header
{
	clear:both;
	width:800px;
}

div.immo_photos_vignettes
{
	float:left;
	width:170px;
	height:320px;
	border-right:1px solid #008AC9;
}

div.immo_photos_unevignette
{
	float:left;
	height:60px;
	width:80px;
	margin-right:5px;
	margin-bottom:5px;
	background-color:#D0D0D0;
}

div.immo_photos_unephoto
{
	float:left;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	width:600px;
}