body, html {
  color: black;
  font-size:small;
  font-family:verdana, arial, sans-serif;
  background: #fff;
  padding:0;
  margin:0; 
  height:100%;
  width:100%;
}

a {text-decoration: none; color:#5C74BB;}

a:hover {text-decoration: none; color:#D0670A;}

#ajaxErrorMessage {
/* This element is shown on Cartoclient errors when in AJAX mode  */
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: 0px;
  padding: 5px;
  color: black;
  background-color: silver;
  border: 3px solid red;
}

/* add CCI Gers >>> Barre de menu*/
div.lien {
position:absolute;
clear: both;
vertical-align:top;
text-align:right;
right:0px;
}

table.menutop {
font-size: 8pt;
border-spacing: 0px;
border-collapse: collapse;
right:0px;
text-align:right;
}

td.menutop1 {
background: #ffffcd;

}

td.menutop {
padding-right: 3px;
padding-left:3px;
background: #ffffcd;
}
/* end >>> Barre de menu*/


#banner {
background-image: url('http://www.infodim.eu/komotini/projects/maps/htdocs/gfx/layout/stripes0.jpg'); /*compatibilité banière image résolution mutiple*/
	text-align:left;
	vertical-align:top;
}


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

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

#leftbar {
  position: absolute;
  top: 10px;
  width: 320px;
  padding:4px;
  padding-top:0;
  z-index: 3;
  background:transparent;
}

#leftbar p {text-align:center;margin:10px;}

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

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

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

#needJsDiv { 
  position:absolute;
  z-index:4;
  background-color:white;
}

#needJs { 
  color:red;
  font-size:2em;
  font-weight:bold;
}

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

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 {
  border: 1px solid #788b9a;
  cursor: pointer;
}

.toolbar_off {
  border: 1px solid #ffffff;
  cursor: pointer;
}

.table_help{
  margin-left:5px;
  margin-right:5px;
  border:0;
  width:95%;
  background-color:#FAD54D;
}

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

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

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

#floatGeo {
  padding:0;
  margin:0;
  font-size: 0.8em;
}

#floatDistance {
  padding:0;
  margin: 0;
  display: none;
  font-size: 0.8em;
}

#floatSurface {
  padding:0;
  margin: 0;
  display: none;
  font-size: 0.8em;
}

img { 
border:none;
}