body { font-family: Arial, Helvetica, sans-serif; color: #5e5e5e; font-size: 12px; margin:0; overflow:hidden; }
a {
  color:#5e5e5e;
  text-decoration : none;
}
a:hover {
  color:#F1960B;
  text-decoration : underlined;
}
.clearer {
  clear: both;
}
@font-face {
    font-family: 'PTSansRegular';
    src: url("../fonts/PTS55F-webfont.eot");
    src: url("../fonts/PTS55F-webfont.eot?#iefix") format('embedded-opentype'),
         url("../fonts/PTS55F-webfont.woff") format('woff'),
         url("../fonts/PTS55F-webfont.ttf") format('truetype'),
         url("../fonts/PTS55F-webfont.svg#PTSansRegular") format('svg');
    font-weight: normal;
    font-style: normal;
}
a.disabled {
  opacity: 0.3;
  cursor: default;
}
body {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}
#floatingControlsRight {
  position: absolute;
  right: 200px;
  top: 5px;
}
#floatingControlsMiddle {
  overflow: hidden;
  position: absolute;
  right: 200px;
  top: 230px; 
}
#floatingControlsMiddle2 {
  overflow: hidden;
  position: absolute;
  right: 200px;
  top: 50px; 
}
#floatingControlsMiddle2 .navigationButtons a.sqbutton {
  display: block;
  float: left;
  text-indent: -4000px;
  overflow: hidden;
  width : 22px;
  height : 22px;
  margin : 0px 2px;  
}
#floatingControlsMiddle2 .navigationButtons #btnPlus {
  display: block;
  float: left;
  text-indent: -4000px;
  overflow: hidden;
  width : 22px;
  height : 22px;
  margin : 0px 2px;  
  background: url("../images/NavButtons/bt-plus.png"); 
}
#floatingControlsMiddle2 .navigationButtons #btnMinus {
  display: block;
  float: left;
  text-indent: -4000px;
  overflow: hidden;
  width : 22px;
  height : 22px;
  margin : 0px 2px;  
  background: url("../images/NavButtons/bt-minus.png"); 
}
#floatingControlsRight2 {
  position: absolute;
  right: 193px;
  top: 35px;
  opacity:0.5;
}
#floatingControlsRight2:hover {
  opacity:1.0;
}
#floatingControlsRight2 .navigationButtons div#rotationArea{
	opacity:0.75;
}
#floatingControlsRight2 .navigationButtons div#rotationArea:hover{
	opacity:1.0;
}
#floatingControlsRight2 .navigationButtons div#tiltSlider {
  position: absolute;
  right: 30px;
  top: 0px;
  width : 44px;
  height : 44px;
  background: url("../images/NavButtons/tiltSlider.png");
  background-size: contain;
}
#floatingControlsRight2 .navigationButtons div#tiltPos {
  position: absolute;
  right: -4px;
  top: -4px;
  width : 8px;
  height : 8px;
  background: url("../images/NavButtons/tiltCursor.png"); 
  z-index: 10;
}
#floatingControlsRight2 .navigationButtons div#areaRotation {
  position: absolute;
  right: 0px;
  top: 8px;
  width : 66px;
  height : 66px;
  background: url("../images/NavButtons/areaRotation.png"); 
}
#floatingControlsRight2 .navigationButtons div#areaNavigation {
  position: absolute;
  right: 13px;
  top: 21px;
  width : 40px;
  height : 40px;
  background: url("../images/NavButtons/areaNavigation.png"); 
}
#floatingControlsRight2 .navigationButtons div#rotationCenterPos {
  position: absolute;
  right: 16px;
  top: 16px;
  width : 8px;
  height : 8px;
  background: url("../images/NavButtons/pointNavigator.png"); 
}
#floatingControlsRight2 .navigationButtons div#zoomSliderContainer {
  position: absolute;
  right: 11px;
  top: 40px;
  width : 45px;
  height : 148px;
  opacity:0.75;
}
#floatingControlsRight2 .navigationButtons div#zoomSliderContainer:hover{
	opacity:1.0;
}
#floatingControlsRight2 .navigationButtons div#zoomSlider {
  position: absolute;
  right: 18px;
  top: 0px;
  width : 9px;
  height : 148px;
  background: url("../images/NavButtons/zoomSlider.png"); 
}
#floatingControlsRight2 .navigationButtons div.zoomSliderBar {
  position: absolute;
  top: 0px;
  right: -1px;
  width : 12px;
  height : 9px;
  background: url("../images/NavButtons/zoomSliderBar.png"); 
}
#floatingControlsRight2 .navigationButtons div#zoomSliderPosition {
  position: absolute;
  right: 0px;
  top: 0px;
  width : 45px;
  height : 21px;
 }
 #floatingControlsRight2 .navigationButtons div#zoomSliderPosition :hover {
  background: #FF9900;
  opacity:1.0;
 }
#floatingControlsRight2 .navigationButtons div#zoomSliderPosBackground {
  position: absolute;
  right: 0px;
  top: 0px;
  width : 45px;
  height : 21px;
  background: #999999; 
  opacity: 0.5;
 }
 
 #floatingControlsRight2 .navigationButtons div#zoomSliderPosText {
  text-align: center;
  
  padding-top: 3px;
  font-weight:bold;
  position: absolute;
  right: 0px;
  top: 0px;
  width : 45px;
  height : 18px;
  color:#FFFFFF;
  opacity: 1.0;
  font-size: 12px;
  
  cursor:default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
 }
#floatingControlsRight .navigationButtons a.sqbutton {
  display: block;
  float: left;
  text-indent: -4000px;
  overflow: hidden;
  width : 23px;
  height : 22px;
  background: url("../images/icons.png");
  background-position: 0px -82px;
  margin : 0px 2px;  
}
#floatingControlsMiddle .navigationButtons a.sqbutton {
  display: block;
  float: left;
  text-indent: -4000px;
  overflow: hidden;
  width : 22px;
  height : 22px;
  background: url("../images/icons.png");
  background-position: 0px -82px;
  margin : 0px 2px;  
}
#floatingControlsRight .navigationButtons a#btnFullscreen {
 background-position: 0px -82px;
}
#floatingControlsRight .navigationButtons a#btnFullscreen:hover {
 background-position: 0px -60px;
}
#floatingControlsRight .navigationButtons a#btnFullscreen.activated {
 background-position: 0px -104px;
}
#floatingControlsMiddle .navigationButtons a#btnZoom {
  background-position-x : -22px;
}
#floatingControlsMiddle .navigationButtons a#btnPositionTracker {
  background-position : -132px -82px;
}
#floatingControlsMiddle .navigationButtons a#btnPositionTracker:hover {
  background-position : -132px -60px;
}
#floatingControlsMiddle .navigationButtons a#btnPositionTracker.activated {
  background-position : -132px -104px;
}
#floatingControlsMiddle .navigationButtons a#btnAutoGyration {
  background-position : -154px -82px;
}
#floatingControlsMiddle .navigationButtons a#btnAutoGyration:hover {
  background-position : -154px -60px;
}
#floatingControlsMiddle .navigationButtons a#btnAutoGyration.activated {
  background-position : -154px -104px;
}
#floatingControlsRight .navigationButtons a#btnResetTilt {
  background-position : -219px -82px;
}
#floatingControlsRight .navigationButtons a#btnResetTilt:hover {
  background-position : -219px -60px;
}
#floatingControlsRight .navigationButtons a#btnResetTilt.activated {
  background-position : -219px -104px;
}
#floatingControlsRight .navigationButtons a#btn2D {
  background-position-x: -44px;
  margin : 0px 0px 0px 4px;  
}
#floatingControlsRight .navigationButtons a#btn3D {
  background-position-x: -66px;
  margin : 0px 11px 0px 0px;  
}
#floatingControlsRight .navigationButtons a.sqbutton:hover, #floatingControlsMiddle .navigationButtons a:hover {
  background-position-y: -60px;
}
#floatingControlsRight .navigationButtons a.sqbutton.activated, #floatingControlsMiddle .navigationButtons a.activated {
  background-position-y: -104px;
}
#floatingControlsRight .navigationButtons a.activated#btnFullscreen {
 background-position: -88px -82px;
}
#floatingControlsRight .navigationButtons a.activated:hover#btnFullscreen {
 background-position: -88px -60px;
}
#panel-donnees-selectionnees p.title {
  font-family: PTSansRegular, Arial;
  font-size: 14px;
  font-weight: bold;
  
  color: #081529;
  width: 200px;
  margin : 120px -97px;
  -webkit-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  transform:rotate(-90deg);
  position: absolute;
  bottom : 0;
}
#panel-catalogue p.title {
  font-family: PTSansRegular, Arial;
  font-size: 14px;
  font-weight: bold;
  
  color: #081529;
  width: 200px;
  margin : 120px -97px;
  -webkit-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  transform:rotate(-90deg);
  position: absolute;
  bottom : 0;
}
#panel-donnees-selectionnees.opened p.title {
  font-family: PTSansRegular, Arial;
  font-size: 14px;
  font-weight: bold;
  
  color: #081529;
  width: 150px;
  margin : 0px 0px;
  -webkit-transform:rotate(0);
  transform:rotate(0);
  position: relative;
  bottom : 0;
  padding-left: 10px;
}
#panel-catalogue.opened p.title {
  font-family: PTSansRegular, Arial;
  font-size: 14px;
  font-weight: bold;
  
  color: #081529;
  width: 150px;
  margin : 0px 0px;
  -webkit-transform:rotate(0);
  transform:rotate(0);
  position: relative;
  bottom : 0;
  padding-left: 10px;
}
#sortable .text {
  overflow: visible;
  white-space : normal;
}
#floatingControlsLeft {
  position: absolute;
  left: 220px;
  top: 5px;
  min-width:471px;
  
}
#floatingControlsLeft:hover {
  
}
#floatingControlsLeft #searchInput {
  width: 329px;
  height: 26px;
  background-color: #FFFFFF;
  float: left;
  margin: 0px 5px;
  
}
#floatingControlsLeft #searchInput a.icotarget {
  display: block;
  float: left;
  text-indent: -4000px;
  overflow: hidden;
  width : 20px;
  height : 22px;
  background: url("../images/icons.png");
  background-position: 0px -32px;
  background-repeat: none;
  margin : 3px 0px 0px 3px;
  border-right : 2px solid #ececec;
  padding-left: 2px;
}
#floatingControlsLeft #searchInput input {
  width: 300px;
  font-size: 16px;
  border: none;
  margin-top: 0px;
  height: 100%;
}
#floatingControlsLeft .btnOrange {
  background-color: #C65A0B;
  margin: 0px 5px;
  color: #FFF;
  font-family: PTSansRegular, Arial;
  font-size: 12px;
  text-transform: uppercase;
  padding: 5px 10px 4px 10px;
  border: 0px;
  cursor: pointer;
}
#floatingControlsLeft .btnOrange:disabled {
  background-color: #7e7e7e;
}
#floatingControlsLeft .btnPlus {
  font-size: 18px;
  padding: 1px 10px 0px 10px;
}
#floatingControlsLeft #btnGo, #floatingControlsLeft #btnGoWorking {
  float: left;
}
#floatingControlsLeft #btnTerminer {
  margin: 0px;
}
#floatingControlsLeft #messageBar {
  clear: both;
  background-color: #7e7e7e;
  padding : 5px;
  display:inline-block;
  
  margin: 10px 5px 0px 5px;
}
#floatingControlsLeft #message {
  color: #fff;
  margin-right : 10px;
}
#dataProviders {
  position: absolute;
  right: 253px;
  bottom: -1px;
  opacity: 0.6;
}
#dataProviders:hover {
  opacity: 1;
}
#dataProviders img {
  margin: 2px;
  border: 1px solid #6e6e6e; 
}
#ignlogo {
  width: 50px;
  height: 50px;
  background: url("../images/IGN.gif");
  position: absolute;
  right: 265px;
  bottom: 5px;
}
#permalogo {
  width: 50px;
  height: 50px;
  background: url("../images/vgeoLogo.png");
  position: absolute;
  right: 200px;
  bottom: 5px;
}
#permalogo img {
  margin: 1px;
  border: 1px solid #6e6e6e; 
}
#textBottom {
  width: 200px;
  display: block;
  bottom: 10px;
  left: 50%;
  margin: 0 auto;
  position:absolute;
  z-index: 1;
  text-shadow: 1px 1px 0px #000;
}
#textBottom a{
  color: #fff;
}
#rightPannel {
  z-index: 10;
}
#map-left-panel {
  z-index: 10;
}
#map-left-panel .panel-content .bt-arrow {
    width:9px;
    height:12px;
    background:url("../images/bt-arrow.png") 0 0px no-repeat;
    position:absolute;
    bottom:4px;
    right:10px;
}
#map-left-panel .panel-content.opened .bt-arrow { background-position:0 -12px; }
.data-catalog .text {
  white-space : normal;
  overflow : visible;
}
.bt-pane {
  background-color: #d6d6d6;
  border-right: 1px solid #bcbcbc;
}
.panel-content, #panel-catalogue, #panel-donnees-selectionnees {
  background-color: #e8e8e8;
}
#map-left-panel .panel-content {
  border : 0px;
}
#map-left-panel .bt-pane {
  
}
#map-left-panel #panel-catalogue.opened {
  width : 175px;
}
#map-left-panel #panel-donnees-selectionnees.opened {
  width : 185px;
}
.scroll-pane {
  width: 162px;
}
.scroll-pane .item {
  background-color: #FFF;
  border-top : 2px solid #ebc5aa;
  border-bottom : 2px solid #ebc5aa;
  margin : 5px 0 5px 0;
}
.drag-button{
  width: 16px;
  height: 29px;
  display: inline-block;
  background: url("../images/bt_move.png") 0 0 no-repeat;
  vertical-align: center;
  float: none;
  margin: 4px 0px 4px 0px;
}
.item .text {
  margin: 4px 4px 4px 4px;
  float: none;
  display: inline-block;
  vertical-align: top;
  max-width: 100px;
  
}
.unit.check-alpha {
  margin: 0px 4px 0px 4px;
}
.bt-close {
  width: 14px;
  height : 14px;
  background: url("../images/bt_supprLayer.png") 0 0 no-repeat;
  margin : 2px;
  top : 8px;
  right : 10px;
}
.bt-close:hover {
  background-position: 0px -14px;
}
.data-catalog .level-1:before,
.data-catalog .level-1.closed:before {
  content:"";
  display: block;
  float:left;
  width:16px;
  height:16px;
  background:url("../images/lvl1-openclosed.png") 0px 0px no-repeat;
  z-index: 50;
  margin-left : -17px;
}
.data-catalog .level-1,
.data-catalog .level-1.closed {
  background-image: none;
  background-color: #c65a0b;
  padding: 8px 3px 3px 20px;
  color:#FFFFFF;
  border-top:1px solid #818181;
  padding-bottom:3px;
    
}
.data-catalog .level-1.opened:before {
    background-position:0 -16px;
}
.data-catalog ul {
    padding-bottom:0px;
}
.data-catalog .level-3 {  
    color:#7e7e7e;
    overflow:hidden;
    background-color: #FFF;
    background-image: none;
    padding:0 0 3px 10px;
    border-top:1px solid #818181;
}
.data-catalog .level-3 a { 
    color:#7e7e7e; 
    
}
.data-catalog .ico-right {
    float:right;
    width:16px;
    height:16px;
    margin-top : 4px;
    overflow:hidden;
    cursor:pointer;
    text-indent:-9999px;
    background-image:url("../images/lvl3-addremove.png");
    background-repeat:no-repeat;
}
.data-catalog .ico-add-layer { 
    background-position:0 0;
}
.data-catalog .ico-add-all-layers { 
    background-position:0 0;
}
.data-catalog .ico-layer-added {
    background-position:0 -16px;
}
.data-catalog .ico-all-layers-selected { 
    background-position:0 -16px;
}
#rightPannel {
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: 0px;
}
#rightPannel #rightToobar {
  background-color: #d6d6d6;
  height: 100%;
  float: left;
  width : 40px;
}
#rightPannel #rightContent {
  width : 155px;
  background-color: #e8e8e8;
  color : #363636;
  height: 100%;
  float: left;
}
#rightPannel #rightContent p {
  margin: 6px 0px;
}
div#rightPannel a.rt_buttons{
  width: 40px;
  height: 40px;
  display: block;
  margin: 2px 0px;
}
#rightPannel a.disabled.rt_buttons_down{
  background-color: transparent;
}
#rightPannel a.disabled.rt_buttons:hover{
  background-color: transparent;
}
#rightPannel a#toggle.rt_buttons_toggle{
  background:url("../images/bt-arrow.png") 0px 0px no-repeat;
  left : 15px;
}
#rightPannel hr{
  margin: 5px 4px;
  border: 0;
  height: 1px;
  border-bottom: 1px dotted #eaeaea;
}
#rightPannel #draw{
  background-image: url("../images/rt_draw.png");
}
#rightPannel #measure{
  background-image: url("../images/rt_measure.png");
}
#rightPannel #import{
  background-image: url("../images/rt_import.png");
}
#rightPannel #params{
  background-image: url("../images/rt_params.png");
}
#rightPannel #toggle {
  background:url("../images/bt-arrow.png") 0px -12px no-repeat;
  position: absolute;
  bottom : 2px;
  left : 12px;
  width : 9px;
  height : 12px;
}
#rightPannel a.rt_buttons:hover{
  background-color: #c65a0b;
  background-position: 0px -40px;
}
#rightPannel a.rt_buttons_down{
  background-color: #c65a0b;
  background-position: 0px -40px;
  position: relative;
}
#rightPannel a.rt_buttons_down:after {
  content:"";
  display: block;
  
  position: absolute;
  top:14px;
  right: -5px;
  width:5px;
  height:10px;
  background:url("../images/rt_arrow.png") 0px 0px no-repeat;
  z-index: 50;
}
#selectCroquis {
  margin : 0px 0px 5px 0px;
}
.rtContent {
  padding: 8px;
}
.rtContent h2{
  font-family: PTSansRegular, Arial;
  font-size: 14px;
  font-weight: bold;
  
  color: #081529;
  margin: 0px;
  padding: 5px 0 10px 0;
  font-weight: bold;
}
.rtContent h3 {
  clear: both;
  margin-top: -1px;
  padding: 5px 0 10px 0;
  color: #3f3f3f;
  font-size: 13px;
}
#rightPannel #drawContent hr {
  color: #fff;
  height: 0px;
  clear: both;
  border: 0;
  margin: 0;
  border-bottom: 1px solid #EAEAEA; 
}
.rtContent ul.tools, .rtContent ul.minitools {
  display: block;
  margin: 0;
  padding : 0px;
  list-style:none;
}
.rtContent ul.tools li {
  padding: 4px 0px;
  margin: -1px 0 0 0;
  border-top: 1px dotted #fff;
  border-bottom: 1px dotted #fff;
}
.rtContent ul.tools li a{
  width: 114px;
  margin: -1px 0 0 0;
  padding: 0px;
  display: block;
  padding: 2px;
  color: #fff;
}
.rtContent ul.tools li a:hover{
  cursor: pointer; 
  text-decoration: none;
}
.rtContent ul.minitools li {
  padding: 4px 0px;
  margin: -1px 0 0 0;
  float: left;
}
.rtContent ul.minitools li a{
}
.rtContent ul.minitools li a:hover{
  cursor: pointer; 
  text-decoration: none;
}
.rtContent textarea {
  width: 139px;
}
.rtContent input[type="text"] {
  width: 139px;
}
select {
  width: 140px;
  background-color: #fff;
  margin-bottom: 10px;
}
div.comboBox{
  position: relative;
  display: block;
  background-color: #fff;
  width: 140px;
  color: #000;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  cursor: pointer;
}
.cmbText{
  display: block;
  width: 110px;
  height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px 5px;
  white-space: nowrap;
}
.fleche {
   position: absolute;
   width:13px;
   height:13px;
   top : 2px;
   right: 5px;
   margin: 3px 0 0 0;
   background: url("../images/icons.png");
   background-position: -65px -20px;
}
ul.comboList {
  position: absolute;
  top : 20px;
  left: -1px;
  display: block;
  background-color: #fff;
  width: 140px;
  max-height : 90px;
  color: #000;
  overflow: auto;
  border: 1px solid #797470;
}
ul.comboList li {
  padding: 3px 5px; 
  min-height: 16px;
  max-width: 130px;
  overflow : hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
ul.comboList li:hover {
  background-color: #F1960B;
}
ul.comboList li.active {
  background-color: #F1960B;
}
#drawContent ul.minitools li a.tool{
  width: 32px;
  height: 32px;
  margin: 2px;
  padding: 0px;
  color: #fff;
  text-indent: -250px;
  overflow: hidden;
  display: block;
  
  
  background-position: 0px -190px;
}
#drawContent ul.minitools li a.point {
   background: url("../images/drawing/point.png");
}
#drawContent ul.minitools li a.freeHand {
   background: url("../images/drawing/free_hand.png");
}
#drawContent ul.minitools li a.line {
   background: url("../images/drawing/line.png");
}
#drawContent ul.minitools li a.poly {
   background: url("../images/drawing/polygon.png");
}
#drawContent ul.minitools li a.label {
   background: url("../images/drawing/label.png");
}
#drawContent ul.minitools li a.point:hover, #drawContent ul.minitools li a.point.tool_down {
   background: url("../images/drawing/point_on.png");
}
#drawContent ul.minitools li a.line:hover, #drawContent ul.minitools li a.line.tool_down {
   background: url("../images/drawing/line_on.png");
}
#drawContent ul.minitools li a.poly:hover, #drawContent ul.minitools li a.poly.tool_down {
   background: url("../images/drawing/polygon_on.png");
}
#drawContent ul.minitools li a.edit {
   background: url("../images/drawing/edit.png");
  width: 24px;
  height: 24px;
}
#drawContent ul.minitools li a.move {
  background: url("../images/drawing/move.png");
  width: 24px;
  height: 24px;
}
#drawContent ul.minitools li a.delete {
  background: url("../images/drawing/delete.png");
  width: 24px;
  height: 24px;
}
#drawContent ul.minitools li a.apparence {
  background: url("../images/drawing/style.png");
  width: 24px;
  height: 24px;
}
#drawContent ul.minitools li a.edit:hover, #drawContent ul.minitools li a.edit.tool_down {
  background: url("../images/drawing/edit_on.png");
}
#drawContent ul.minitools li a.delete:hover, #drawContent ul.minitools li a.delete.tool_down {
  background: url("../images/drawing/delete_on.png");
}
#drawContent ul.minitools li a.apparence:hover, #drawContent ul.minitools li a.apparence.tool_down {
  background: url("../images/drawing/style_on.png");
}
.yellowSmallButton {
  display: block;
  width : 100%;
  height : 18px;
  background-color: #f1960b;
  margin: 5px 0px;
  color: #fff;
  padding: 4px 0px 0px 0px;
  text-align: center;
}
.yellowSmallButton:hover {
  background-color: #c77a04;
  color: #fff;
  text-decoration: none;
}
.yellowSmallButton.disabled:hover {
  background-color: #f1960b;
  color: #fff;
  text-decoration: none;
}
.normalButton {
  display: block;
  width : 100%;
  height : 20px;
  background-color: #e8e8e8;
  background-image: url("../images/bg-button.png");
  background-repeat: repeat-x;
  margin: 5px 2px;
  color: #2b4555;
  padding: 4px 0px 0px 0px;
  border: 1px solid #7b92a0;
  border-radius: 2px;
}
.normalButton:hover {
  background-color: #c65a0b;
  background-image: none;
  color: #fff;
  text-decoration: none;
}
.normalButton.noIcon {
  text-align:center;
}
.normalButton.noIcon::before {
  width: 0px;
  height: 0px;
}
.normalButton.download:before {
   background-image: url("../images/icons.png");
   background-position: -141px 0px;
}
.normalButton.add:before {
   background-image: url("../images/bt_icoAddLayer.png");
}
.normalButton.addFromComputer:before {
   background-image: url("../images/bt_icoComputer.png");
}
.normalButton.style:before {
   background-image: url("../images/icons.png");
   background-position: -181px 0px;
}
.normalButton.timeTravel:before {
   background-image: url("../images/icons.png");
   background-position: -201px 0px;
}
.normalButton.timeTravel {
  display: block;
  float: left;
  width:  142px;
  margin : 0px 3px;
}
a.normalButton:before {
   content:"";
   float:left;
   width:16px;
   height:16px;
   margin:0px 4px 0 4px;
  
}
a.normalButton:hover:before {
  background-position: 0px -16px;
}
.largeButton {
  display: block;
  width : 133px;
  height : 30px;
  background-color: #e8e8e8;
  background-image: url("../images/bg-button.png");
  background-repeat: repeat-x;
  margin: 5px 0px;
  color: #2b4555;
  padding: 2px 2px 4px 2px;
  border: 1px solid #7b92a0;
  border-radius: 2px;
}
.largeButton:hover {
  background-color: #c65a0b;
  background-image: none;
  color: #fff;
  text-decoration: none;
}
.largeButton.tool:before {
   content:"";
   float:left;
   width:40px;
   height:40px;
   margin:-3px 0 0 -2px;;
}
.largeButton.tool:hover:before {
  background-position: 0px -40px;
}
.largeButton.tool.distance:before {
   background-image: url("../images/rt_measure.png");
}
.largeButton.tool.azimuth:before {
   background-image: url("../images/rt_azimuth.png");
}
.largeButton.tool.surface:before {
   background-image: url("../images/rt_surface.png");
}
.largeButton.tool.position:before {
   background-image: url("../images/rt_position.png");
}
.largeButton.tool.altimetrique:before {
   background-image: url("../images/rt_altitude.png");
}
#measureContent ul.tools li a.azimuth:before {
   background-position: -32px -126px;
}
#measureContent ul.tools li a.tool:before {
   content:"";
   float:left;
   width:32px;
   height:32px;
   margin:-3px 7px 0 0;
}
#measureContent ul.tools li a.distance:before {
   background-image: url("../images/measure/distance.png");
}
#measureContent ul.tools li a.azimuth:before {
   background-image: url("../images/measure/azimut.png");
}
#measureContent ul.tools li a.surface:before {
   background-image: url("../images/measure/surface.png");
}
#measureContent ul.tools li a.altimetrique:before {
   background-image: url("../images/measure/altitude.png");
}
#measureContent ul.tools li a.distance:hover:before, #measureContent ul.tools li a.distance.tool_down:before {
   background-image: url("../images/measure/distance_on.png");
}
#measureContent ul.tools li a.azimuth:hover:before, #measureContent ul.tools li a.azimuth.tool_down:before {
   background-image: url("../images/measure/azimut_on.png");
}
#measureContent ul.tools li a.surface:hover:before, #measureContent ul.tools li a.surface.tool_down:before {
   background-image: url("../images/measure/surface_on.png");
}
#measureContent ul.tools li a.altimetrique:hover:before, #measureContent ul.tools li a.altimetrique.tool_down:before {
   background-image: url("../images/measure/altitude_on.png");
}
input[type="checkbox"]:hover {
  cursor: pointer;
  cursor: hand;
}
  
  
input[type="checkbox"]
{
   -khtml-appearance: none;
   background: url("../images/checkbox.png") no-repeat;
   width: 16px;
   height: 16px;
   text-align: center;
   vertical-align: top;
   margin: 0px 2px 0px 0px;
}
input[type="checkbox"]:checked
{
  background-position: 0px -16px;
}
input[type="checkbox"]:disabled
{
 opacity: .3;
}
.ui-slider .ui-slider-handle {
  width: 5px;
  background: #505050;
}
.colorpicker {
  z-index: 255;
}
.disclaimer {
  padding : 10px;
  border : 1px #7b92a0 solid;
  font-size: 10px;
}
.tinyWindow {
  display: block;
  background-color: #fff;
  margin: 4px;
  padding: 6px;
  position: relative;
}
.tinyWindow .title {
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  width: 90%;
  font-weight: bold;
  padding-bottom: 11px;
  text-align: center;
  top : 8px;
  
  position : absolute;
}
.tinyWindow div.titleBar {
  min-height: 27px;
}
.tinyWindow a.icoClose {
  display: block;
  width: 13px;
  height: 12px;
  right: 5px;
  top: 5px;
  text-indent: -4000px;
  overflow: hidden;
  background: url("../images/icons.png");
  background-position: -43px -20px;
  position: absolute;
}
.tinyWindow .buttonsZone {
  text-align: center;
}
.tinyWindow p {
  margin: 4px 4px;
}
#styleTools {
  position: absolute;
  right: 330px;
  top: 155px;
  width: 190px;
}
#styleTools .colorSelector {
  width: 55px;
  height: 16px;
  border: 1px solid #262626;
  display: block;
  float: left;
  background-color: #CCFFEE;
  margin-top: 2px;
}
#styleTools .icon {
  margin-right: 8px;
}
#styleTools span.pointColor {
  display: block;
  float: left;
  text-indent: -4000px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background: url("../images/icons.png");
  background-position: -60px -32px; 
}
#styleTools span.pointShape {
  display: block;
  float: left;
  text-indent: -4000px;
  overflow: hidden;
  width : 13px;
  height: 13px;
  margin : 3px;
  background: url("../images/icons.png");
  background-position: -80px -21px;
}
#styleTools span.lineColor {
  display: block;
  float: left;
  text-indent: -4000px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background: url("../images/icons.png");
  background-position: -20px -32px;
}
#styleTools span.lineWeight {
  display: block;
  float: left;
  text-indent: -4000px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background: url("../images/icons.png");
  background-position: -40px -32px;
}
#styleTools span.bgColor {
  display: block;
  float: left;
  text-indent: -4000px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background: url("../images/icons.png");
  background-position: -60px -32px;
}
#styleTools span.bgAlpha {
  display: block;
  float: left;
  text-indent: -4000px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background: url("../images/icons.png");
  background-position: -80px -32px;
}
#styleTools li {
  min-height : 26px;
  clear: both;
}
#styleTools ul#iconShapeList li {
  display: inline-block;
  padding : 3px;
  margin : 0px 0px 0px 5px;
  border : 1px solid #fbfbfb;
  min-height: 10px;
  min-width: 10px;
  cursor: pointer;
}
#styleTools ul#iconShapeList li.selected {
  border : 1px solid #C65A0B;
  background-color: #C65A0B;
}
.ui-widget-overlay {
  background-color: transparant;
}
#advancedSearch {
  width: 500px;
  position: relative;
  left: 0px;
}
#advancedSearch #advancedSearchInput {
  width: 98%;
}
#advancedSearch input, #advancedSearch select {
  margin: 2px;
}
#advancedSearch #advancedSearchResults {
  border-top: 1px solid #d7d7d7;
  margin : 6px 2px;
}
#nbres {
  display: inline-block;
  width : 100%;
  padding: 4px 0 8px 0;
  float: left;
  font-weight: bold;
}
#advancedSearch #advancedSearchResults #nbResults {
  display: block;
  float: left;
  font-weight: bold;
}
#advancedSearch #advancedSearchResults ul#listResults {
  overflow: auto;
  max-height : 125px;
}
#advancedSearch #advancedSearchResults ul#listResults li {
  height : 15px;
  padding: 5px;
  cursor: pointer;
}
#advancedSearch #advancedSearchResults ul#listResults li.col {
  background-color: #e0d9ce;
}
#advancedSearch #advancedSearchResults ul#listResults li:hover {
  background-color: #C65A0B;
}
#advancedSearch #advancedSearchResults ul#listResults li.selected {
  background-color: #C65A0B;
}
#advancedSearch .typeRechAdresse, #advancedSearch .typeRechLieuxdits {
  display: inline-block;
  padding-left : 10px;
} 
#advancedSearch .typeRechAdresse span, #advancedSearch .typeRechLieuxdits span{
  margin-top : 2px;
}
#advancedSearch .typeAdresse:before {
   content:"";
   float:left;
   width:16px;
   height:16px;
   margin:1px 2px 0 0;
   background-image: url("../images/icons.png");
   background-position: -103px -22px;
}
#advancedSearch .typeLieuxdit:before {
   content:"";
   float:left;
   width:16px;
   height:16px;
   margin:1px 2px 0 0;
   background-image: url("../images/icons.png");
   background-position: -123px -22px;
}
#advancedSearch #advancedSearchResults .typeAdresse:hover:before{
   background-position: -103px -40px;
}
#advancedSearch #advancedSearchResults .typeLieuxdit:hover:before{
   background-position: -123px -40px;
}
#dialog-input #inputBox {
  width : 268px;
}