/* ###### Objective A stylesheet v.1  ###### */

body {
 font:  0.8em "Lucida Grande", "Verdana", "Helvetica", "Arial", sans-serif;
 background-color: #fff;
 margin: 2px;
 width:1024px;
}

div#obj-a-contentarea{
 width: 1024px;
 margin-top: 0;
 background-color :#fff;
 border-right : solid #eee 1px;

}

div#obj-a-nav{
 float: left;
 text-align: left;
 width: 200px;
 color: #333333;
 padding: 0;
 margin : 0;
}

div#obj-a-content{
   	float: left;
	width: 802px; /* 824 - 2x10px de padding - 2x1px de bord */

 	padding : 10px 10px 10px 10px;
 	margin : 0;
}

.clearfloats {
	 clear: both;
}

.selectedsection{
	background-color:#ffffff;
	background-image: none;
}

h1 {
	font-size:100%; 
	font-weight:normal;
	margin:0 1px;
 	padding: 3px 0px 3px 0px;
	/*background-color:#EEEEEE;*/
	background:url("../images/bg_title.png") repeat-x 0 0;
	cursor:pointer;
	border-bottom:solid #a5a5a5 1px; 

}

h1 img{
	vertical-align:middle;
}

.container{
	border-left:solid #a5a5a5 1px; 
	border-right:solid #a5a5a5 1px; 
	border-bottom:solid #a5a5a5 1px; 
	border-top:solid #eeeeee 1px;
	margin:0 1px;padding:0;}

table{ font-size:100%; }

.rightpos{
	text-align: right;
	margin-left: auto;
	margin-right:6px;
	vertical-align: top;
}
 
 /* pour webGl */
#webgl_map {
	z-index:-1;
}

.quad-nav {
	width:100%;
	float: left;
	list-style-type: none; 
	background-color:#f9f9f9; 
	margin:0 0 20 0;
	padding:0 0 0 20;
}


.quad-nav li {
	float:left;
	margin:0 5 0 5;
	list-style-type: none; 

	border-top: 1px solid #ccc;
}

.quad-nav li a {
	display:block;
	padding: 8px 10px;
	text-decoration: none;

	color: #069;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color:#eeeeee;
	text-align:center;
	 
}

.quad-nav li a.selected_tab {
	background-color:#FFFFFF;
	border-bottom: 1px solid #fff;

}

.quad-nav li a.unselected_tab:hover {
	color: #000;
	background-color:#dddddd;
}




.content{display:none; margin:0; padding:0 8px; font-size:100%;}

h2, h3, h4, h5 {
  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  width:900px;
}

h2, h3, h4 {
 font-size: 115%;
 border-bottom : solid #999 1px;
 border-top : solid #ccc 1px;
 cursor: pointer;
}


h2 {  background-color: #F0F0F0; text-align:right;}
h3 {  background-color: #FFFFCC; padding-left:20px; width:780px;}
h4 {  background-color: #FFFFFF; padding-left:20px; width:780px;}

h2:hover, h3:hover {
	border : solid #000 1px;
}

h1 a {
  color : #000;
  text-decoration:none;
}

h2, h3, h4, h5 {
 font-size: 100%;
 border-bottom : solid #D5E3EF 1px;
 color : #336CA6;
}

a {
 color : #336CA6;
}
a img {border : none; text-decoration:none;}

#examplecontainer {height:20px;  position:relative}
#show2up { position:absolute; left:5px; top:10px; clear:both}
#show1up {  clear:both}
#cal1Container { display:none; position:absolute; left:5px; top:10px; z-index:2}
#cal2Container { display:none; position:absolute; left:100px; top:15px; z-index:1}

.toggle, .template {display:none;}
.disabled, .output , .output_em {border: none; color:#000000; background-color: #FFFFFF;}
.output_em{font-weight:bold; background-color:#FFFF99;}
.next { cursor: pointer; position: relative; left: 730px;  font-size: 130%;}
.zebra{background-color:#DDDDDD;}
.clickable {cursor: pointer;  color : #336CA6; }
.tdtop {vertical-align: top;}

div.infobox {
	width: 25px;
	height: 25px;
	margin-right: 10px;
	padding: 0;
	border: 0;
	display: block;
	position: relative;
	float: left;
	cursor: help;
	z-index: 40;
	margin: 0;
}

div.infobox:hover {z-index: 50;}

div.infobox span.tip {
	font-weight: normal;
	display: block;
	display: none;
	cursor: help;
	position: absolute;
	width: 250px;
	padding: 10px;
	color: #000;
	font-size: 11px;
	line-height: 1.2em;
	background: #EAEEF1;
	top: -10px;
	left: 10px;
}

div.infobox:hover span.tip {display: block;}

.roundedbox {
	width:95%;
	margin: 10px 0px 10px 0px;
	border:2px solid #D5E3EF;
	padding : 3px;
	padding-left:20px;
	text-align : left;
	background-color : #f9f9f9;
}

.widetable{
	width:100%;
	border:none;
}

.nicetable {width:100%; border-collapse:collapse; } /* avant 800 px;*/
.nicetable tr td {
	border-top-style:solid;
	border-bottom-style:solid;
	border-width:1px; border-color:#ccc;
	padding:3px;
}
.tableheader td {border-top-style:solid; border-width:1px; border-color:#ccc; font-weight:bold; text-align:left; background-color : #EEEEEE;}
.tablefooter td {border-top-style:solid; border-width:2px; border-color:#ccc; font-weight:bold;}

.modalpanel{
	width:700px; 
	margin:20px; 
	padding:20px; 
	border:2px solid #D5E3EF;
}

.zoneselector, .floorselector , .cadtoolbar{
	 list-style-type: none;
	cursor: pointer;
}

.zoneselector .selected, .floorselector .selected, .cadtoolbar .selected{
	border:2px solid #D5E3EF;
	padding:4px;
}

.cssbutton {
	border:1px solid #CCCCCC;
	background-color : #EEEEEE;
	cursor: pointer;
	padding:4px;
}

.cssbutton img{
	vertical-align:middle;	
}

.embox{
	border:1px solid #666666;
	background-color : #dddddd;
	color: #666666;
	padding:2px;
}

div#header a img{
	vertical-align:middle;
}	



div#footer{
	  width:100%;
  border-top: 1px solid #ccc;
  font-size: .7em;
  padding-left: 30px;
  padding-top: 5px;
  margin-top:30px;
}