body, html {
  font-size: 10px;
  font-family: Verdana;
  font-variant: normal;
  font-style: normal;
  color: black;
  background: #fff;
  padding:0;
  margin:0; 
}

table {border-collapse: collapse}

tr {valign:top;}

a {text-decoration: none;color:#000;}
a:hover {text-decoration: underline;color:#030;}

#banner {
  border: 1px #ccc dashed;
  margin:10px;
}

#banner h1 {text-align:center;margin:5px;padding:0;font-size:1.1em;}

#loginform {
/*  position: absolute;
  right: 10px;
  top: 10px;
  height: 40px;*/
  padding:0;
  z-index: 3;
}

#tools img, #tools input {
  vertical-align: middle;
}


#keymap {text-align:center;margin:10px;}
#keymap input {border:1px solid #eee;}

#layerscmd {text-align:center;padding:5px;}

#content {z-index: 0;margin-left: 258px;}


div.box{
	/*left:670px; */
	z-index:5;
	height:auto;
	width:380px;
	margin-left:0px; 
	margin-top:5px;
	margin-bottom:0px; 
	margin-right:5px; 
	background-color:#048b9a;
	display:none;
      -moz-border-radius-topleft: 3px;
      -moz-border-radius-topright: 3px;
      -moz-border-radius-bottomleft: 3px;
      -moz-border-radius-bottomright: 3px;
	/*filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;*/	
}

div.boxinfo{
	width:80%; 
	height:auto;
	margin-left:0px; 
	margin-top:5px;
	margin-bottom:10px; 
	margin-right:10px; 
	background-color:#a8d6ff;
      -moz-border-radius-topleft: 3px;
      -moz-border-radius-topright: 3px;
      -moz-border-radius-bottomleft: 3px;
      -moz-border-radius-bottomright: 3px;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}

div.smallboxinfo{
	width:85%; 
	margin-left:3px; 
	margin-top:3px;
	margin-bottom:3px; 
	margin-right:3px; 
	padding:2px 2px 2px 2px;
	background-color:#048b9a;
      -moz-border-radius-topleft: 3px;
      -moz-border-radius-topright: 3px;
      -moz-border-radius-bottomleft: 3px;
      -moz-border-radius-bottomright: 3px;
}

div.smallboxtool{
	width:85%; 
	margin-left:3px; 
	margin-top:3px;
	margin-bottom:3px; 
	margin-right:3px; 
	padding:2px 2px 2px 2px;
	background-color:#ffa500;
      -moz-border-radius-topleft: 3px;
      -moz-border-radius-topright: 3px;
      -moz-border-radius-bottomleft: 3px;
      -moz-border-radius-bottomright: 3px;
}

div.mn{
	margin-top:2px; 
	margin-bottom:2px; 
	margin-left:3px; 
	margin-right:0px; 
	padding:4px 4px 4px 4px;
	border-style:dashed;
	border-width:0px 0px 1px 0px;
	background-color:#FFFFFF;
	text-transform: uppercase;
	font-weight:bold; 
       -moz-border-radius-topleft: 3px;
       -moz-border-radius-bottomleft: 3px;
	/*filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;*/
}

div.menu{
	/*position:relative;
	float:left; */
	width:150px;
	border-width:0px 0px 0px 0px;
	border-color:#05768f;
	border-style:solid;
	padding-left:5px;
	padding-top:5px;
}

div.cwmap{
	/*position:relative;*/
	float:left; 
	overflow:auto;
	height:auto;
	width:auto;
	margin-left:0px;
	margin-top:0px;
}


div.scaleinfo{
	/*position:relative;*/
	margin-left:0px;
}

div.toolbar{
	/*position:relative;*/
	border-width:4px 0px 0px 0px;
	border-color:#05768f;
	width:100%;
	background-color:#05768f;
}

fieldset {
	border-width:0px 0px 0px 1px;
	border-style:solid;
	border-color:#000000;
	margin: 0 0 5px 5px;
}

fieldset.tools {
	border-width:2px 2px 2px 2px;
	border-style:solid;
	border-color:#ffa500;
	width:50px;
	height:50px;
	margin: 0 0 0 0;
}

fieldset legend {
	text-transform: uppercase;
	font-weight:bold;
}

#main_form{
	display:block;
	width:100%;
	height:540px;
	margin-bottom:12px; 
}

pre {border: 1px #ccc dashed;padding:20px;margin-right:10px;}

.form_button {
  height:20px;
  border:1px solid #fff;
  border-bottom-color: #aaa;
  border-right-color: #aaa;
  /*background-color:#eee;*/
  color:black;
  font-size:0.8em;
  margin:2px;
}

.form_button_hilight {
  height:20px;
  border:1px solid #fff;
  border-bottom-color: #aaa;
  border-right-color: #aaa;
  /*background-color:#eee;*/
  color:red;
  font-size:0.8em;
  margin:2px;
}

.toolbar_on, .mapsize_on {
  border: 2px solid #ffa500;
  cursor: pointer;
}

.toolbar_off, .mapsize_off {
  border: 1px solid #00a3b0;
  cursor: pointer;
}

#dummy {
  width:0;
  height:0;
}

#scaleContainer {
  position:absolute;
  z-index:3;
}

#floatScale {
  position:relative;
/*  top: -15px;*/
  padding:0;
  margin:0;
}

#floatGeo {
  padding:0;
  margin:0;
}

#floatDistance {
  padding:0;
  margin: 0;
  display: none;
}

#floatSurface {
  padding:0;
  margin: 0;
  display: none;
}


#loadbar {
  width:170px;
  padding:10px;
  border:1px solid #333;
  font-weight:bold;
  background-color:#efefef;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  opacity: 0.8;
}

#loadbar img {border:0;margin-top:10px;}

.legend img {
  vertical-align: middle;
  margin-left: 0px;
  padding-left: 0px;
}

select.shortcut, select.search {
  font-size: 0.8em;
}


.legend {
  background-color: #bee2f4;
  font-color: #fff;
}

#pdf_legend fieldset, #pdf_option fieldset {
  text-align: left;
}


input, select{
	font-size: 10px;
	font-family: Verdana;
	font-variant: normal;
	font-style: normal;
	border: 0px;
}

.toolbar {
  background-color:  #00a3b0;
}


div.bas_page {
	width:100%;
	valign:bottom;
	/*background:  	url('http://sandre.eaufrance.fr/images_squlettes/bas.gif') no-repeat left;*/
}
#bas_page  
{
	margin:0px;
	margin-top:10px;
	list-style:none;
	height:21px;
	padding:3px 10px 10px 10px;
	/*border-bottom: #00558F 1px solid;	*/
}



#bas_page li
{	
	display:        inline;
	color: #002F4F;
	padding:0px;
}

#bas_page li img
{
	border : 0px;
}

#bas_page a
{
	color: #002F4F;
	font-weight:bold;
	font-size:10px;

}

#bas_page a:hover
{
	text-decoration:underline;
}


#zone_console
{
	position:absolute;
	top:0px;
	/*margin-left:430px;cursor:pointer;*/
	list-style:     none;
	margin:0px 440px;
	width:200px;
	padding:0px;		
}



#zone_console li
{
	display:        inline;
	color: #ffffff;
	padding:0px;
	font-size:10px;
	margin-right: 5px;
}

#zone_console li a
{
	color: #ffffff;
	padding:0px;
	font-size:10px;
}

#zone_console li img
{
	border:0px;
	margin-top:2px;
}



#titreHeader
{
	margin:0px;
	height: 18px;
	background: #00A3B0;
	color:		#FFFFFF;
	font-weight:	bold;
	font-size: 18px;
	padding-top:6px;
	padding-bottom:12px;
	margin-bottom:	20px;
	font-family : Verdana;
}

#filsrouge
{
	margin:0px ;
	list-style: none;
	background: #9CDBEB;
	padding-bottom:1px;
	font-family : Verdana;
}

#filsrouge li
{
 	display:        inline;
	padding:		5px 0px 5px 0px;
	margin:0px;
	font-size:10px;
}