/* CSS Document */

html { overflow: hidden; }

html, body {
     margin: 0;
     padding: 0;
     height: 100%;
	 font-family: Verdana, Arial, Helvetica, sans-serif;

}

body { margin: 10px; }

#content {
     margin-top: 0px;
     position: relative;
	 z-index: 1;
	 height: 100%;
}

#map {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 1px solid #aaa;
	 z-index: 1;
}

#map-wrapper {
     position: relative;
     height: 100%;
	  z-index: 1;
}
#sidebar {
list-style:url(../../Image/arrow.gif);
     position: absolute;
     border: 1px solid #aaa;
     top: 0;
     width: 317px;
     height: 100%;
	 background: #FFEECD;
     overflow: auto;
	 z-index: 2;
}
#sidebar2 {
     position: absolute;
     border: 1px solid #aaa;
     top: 0;
     width: 317px;
     height: 100%;
	 background: #FFEECD;
     overflow: auto;
	 z-index: 1;
	 	font-size: 11px;
}

#titre {
	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing:.05em;
	background-color: #006699;
	padding:2px;
}
#choix {
	text-align:left;
	padding:5px;
}

#tri {
clear:both;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #006699;
	padding:2px;
	text-align:center;
}
#tri a{
	text-decoration:none;
	color:#FFCC00;
}
#tri a:hover {
	text-decoration:none;
	color:#FFCC00;
	font-weight:bold;
}
h1{
	font-size: 1em ;
}

#sidebar ul#sidebar-list li a {
	display: block;
	 color: #333333;
	 margin-top:4px;
	 margin-right:10px;
	 font-size: 10px;
	 font-weight: normal;
	text-decoration: none;
	
}

#sidebar ul#sidebar-list li a:hover {
     background: #F9DA61;
     color: #000;
}

#sidebar ul#sidebar-list li.current a {
     background: #FFCC66;
     color: #000;	 
}

#sidebar ul#sidebar-list li.current a:hover {
     background: #F9DA61;
     color: #000;
}

#sidebar ul#sidebar-list li a span {
	font-size: 11px;
	color: #006699;
}
#sidebar ul#sidebar-list li a b {
	
	color: #006699;
		font-weight: normal;
	
}

body.sidebar-right #map-wrapper { margin-right: 320px; }
body.sidebar-right #sidebar { right: 0; }
body.sidebar-right #sidebar2 { display: none; }

body.nosidebar #map-wrapper { margin-right: 320px; }
body.nosidebar #sidebar2 { right: 0; }
body.nosidebar #sidebar { display: none; }




body.sidebar-right a#button-sidebar-show,
body.nosidebar a#button-sidebar-hide { display: none; }

#toolbar {
     
     padding: 4px;
    
     position: relative;
}

/* holly hack for IE to get position:bottom right 
   see: http://www.positioniseverything.net/abs_relbugs.html
\*/

* html #toolbar { height: 1px; }
/* */

#toolbar h1 {
	margin: 0;
	font-size: 18px;
	font-weight:normal;
	color: #006699;
	border-top: 1px solid #E7B242;
	border-bottom: 1px solid #E7B242;
}

#toolbar ul {
	list-style: none;
	padding: 0;
	margin: 2px 0;
	font-size: 11px;
	color: #666666;
}

#toolbar ul#sidebar-controls {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

#toolbar ul li {
     display: inline;
}

#toolbar ul li a {
	padding: 3px 6px;
	color: #333333;
	text-decoration: none;
	font-size: 12px;
}

#toolbar ul li a:hover {
     color: #aaa;
     background: #444;
}

#alert {
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     text-align: center;   
     display: none;
}

#alert p {
     width: 180px;
     margin: 0 auto 0 auto;
     padding: 10px;
     background: #eee;
     border: 1px solid #fff;
}

body.loading #alert { display: block; }

.NomBleu {
	display: block;
	font-size: 14px;
	font-weight: 600;
	letter-spacing:.05em;
	color: #006699;
	padding-top:10px;
}


#inner {
width:210px; height:100px; border: 1px solid #ccc; text-align:center; background:#FFCC66; font-size: 11px;
color: #333333;
}

#innerbis {
width:210px; height:100px; border: 1px solid #ccc; text-align:center; background:#FFCC66; font-size: 11px;
color: #333333;
overflow:auto;
padding:10px;
}

 
#responseStatus {
  display: none;
}
 
#responseCount {
  display: none;
}
 
#responseInfo {
  margin-top: 10px;
	display: none;
}
 
.info {
  background-color: white;
  	

}

 
.tabContent {
  font: 10pt sans-serif;
  border-collapse: collapse;
  table-layout: auto;
}
 
#matches {
  margin-top: 10px;
  float: left;
  border: 1px solid #666666;
  display: none;
  overflow: auto;
width:290px;
	margin-left:8px;
}
 
h1 {
  border-bottom: 1px solid #999999;
  font-family: sans-serif;
  padding-bottom: 12px;
  margin-bottom: 0px;
}
 

 
 
.key {
  text-align: right;
  font-weight: bold;
  vertical-align: top;
  white-space: nowrap 
}
 
.value {
  vertical-align: top;  
}
 
#inputForm {
  margin-top: 5px;
  margin-left:10px;
}