div.olMap {
	background-color: #F2F2F2;
}
.cavtip {
	background-color: #F2F2F2;
}

.fond .x-panel-body{
     background:#666; 
     font-family: verdana; 
     font-size:10px;
     color : #FFFBF0;
}
.fondmes .x-panel-body{
    background:#666;
    font-family: verdana;
    color : #F00;
    font-size:12px;
    font-weight: bold;
}

 .verticaltext {
    position: relative; 
    top: 200px; 
    left: 1px; 
    color: white; 
    font-family: tahoma,arial,verdana,sans-serif; 
    font-size: 13px; 
    font-weight: bold;
    writing-mode:tb-rl;
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    white-space:nowrap;
    display:block;
    bottom:0;
    width:20px;
    height:20px;
}

.olImageLoadError { 
    /* when OL encounters a 404, don't display the pink image */
    display: none !important;
}

.olControlScale {
    right: 3px;
    bottom: 3em;
    display: block;
    position: absolute;
    
}
.olControlScaleLine {
   display: block;
   position: absolute;
   left: 100px;
   bottom: 0px;
   font-size: bigger;
   color: black;
   font-weight: bold;
}
.olControlScaleLineBottom {
   border: solid 2px ;
   border-bottom: none;
   margin-top:-2px;
   text-align: center;
}
.olControlScaleLineTop {
   border: solid 2px ;
   border-top: none;
   text-align: center;
}



.olControlOverviewMapElement {
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
-moz-border-radius-topleft:1em;
-moz-border-radius-topright:0;
background-color:#D6E3F2;
padding:0;
}


			#loading{
				position: absolute;
				left: 30%;
				top: 35%;
				padding: 2px;
				z-index: 20001;
				height: auto;
				background-color:#fff;
			}
			
			#loading .loading-indicator{
				background: white;
				color: #444;
				font: bold 20px tahoma,arial,helvetica;
				padding: 30px;
				margin: 20px;
				height: auto;
			}
			
			#loading-msg {
				font: normal 10px arial,tahoma,sans-serif;
			}
			
			.bugoui .x-grid3-cell { 
						 background-color: #e2ffe2; 
    					 color: #090; 
						}
						
		    .bugno .x-grid3-cell {
						 background-color: #ffe2e2; 
   						 color: #900; 
						}
			
			.gridsombre .x-grid3 {
						 background-color:#434343; 
						}

						
.ux-grid3-row-action-cell .x-grid3-cell-inner {
    padding: 1px 0 0 0;
}
.ux-grid3-row-action-cell .x-grid3-cell-inner div {
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    cursor:pointer;
}
			
/*   .bc-tenant label { */
/*     font-size: 12px; */
/*     font-weight: bold; */


/* styles for rows */

.ux-row-action-cell .x-grid3-cell-inner {
	padding:1px 0 0 0;
}
.ux-row-action-item {
	float:left;
	min-width:16px;
	height:16px;
	background-repeat:no-repeat;
	margin: 0 3px 0 2px;
/*	margin: 1px 5px 0 2px; */
	cursor:pointer;
	overflow:hidden;
}
.ext-ie .ux-row-action-item {
	width:16px;
}
.ext-ie .ux-row-action-text {
	width:auto;
}
.ux-row-action-item span {
	vertical-align:middle;
	padding:0 0 0 20px;
	line-height:18px;
}
.ext-ie .ux-row-action-item span {
	width:auto;
}

/* styles for groups */
.x-grid-group-hd div {
	position:relative;
	height:16px;
}
.ux-grow-action-item {
	min-width:16px;
	height:16px;
	background-repeat:no-repeat;
	background-position: 0 50% ! important;
	margin: 0 0 0 4px;
	padding: 0 ! important;
	cursor:pointer;
	float:left;
}
.ext-ie .ux-grow-action-item {
	width:16px;
}
.ux-action-right {
	float:right;
	margin: 0 3px 0 2px;
	padding: 0 ! important;
}
.ux-grow-action-text {
	padding: 0 ! important;
	margin:0 ! important;
	background:transparent none ! important;
	float:left;
}


.icon-recherche {
	background-image:url(icones/find.png) ! important;
}


.icon-modif {
	background-image:url(icones/pencil.png) ! important;
}

.icon-add{
	background-image:url(icones/bullet_add.png) ! important;
}

.icon-choix{
	background-image:url(icones/arrow_right.png) ! important;
}

.icon-telecharger{
	background-image:url(icones/disk.png) ! important;
}

.icon-proteger{
	background-image:url(icones/key.png) ! important;
}

.icon-sup{
	background-image:url(icones/delete.png) ! important;
}

.icon-layer{
	background-image:url(icones/layers.png) ! important;
}



.icon-carteg{
	background-image:url(icones/carteg.gif) ! important;
	width:64px!important;
    height:76px!important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.icon-rechercheg{
	background-image:url(icones/rechercheg.jpg) ! important;
	width:64px!important;
    height:76px!important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.icon-statg{
	background-image:url(icones/statg.png) ! important;
	width:64px!important;
    height:76px!important;
    margin-right: auto !important;
    margin-left: auto !important;
}



.x-btn-text-icon .x-btn-icon-extra-top .x-btn-text{
  background-position: 0 center;
  background-repeat: no-repeat;
  padding-top:64px;
}

#Trombinoscope .x-panel-body{
	background: white;
	font: 13px ;
}
#Trombinoscope .thumb{
	background: #dddddd;
	padding: 6px;
}
#Trombinoscope .thumb img{
	height: 150px;
	width: 150px;
}
#Trombinoscope .thumb-wrap{
	float: left;
	margin: 8px;
	margin-right: 0;
	padding: 5px;
}
#Trombinoscope .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#images-view .x-panel-body{
	//background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#images-view .thumb{
	background: #dddddd;
	padding: 3px;
}
#images-view .thumb img{
	height: 100px;
	width: 100px;
}
#images-view .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#images-view .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#images-view .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(icones/row-over.gif) repeat-x left top;
	padding: 4px;
}

#images-view .x-view-selected{
	background: #eff5fb url(icones/selected.gif) no-repeat right bottom;
	border:1px solid #99bbe8;
	padding: 4px;
}
#images-view .x-view-selected .thumb{
	background:transparent;
}

#images-view .loading-indicator {
	font-size:11px;
	background-image:url('icones/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}



#photoviewpanel .x-panel-body{
	//background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#photoviewpanel .thumb{
	background: #dddddd;
	padding: 3px;
}
#photoviewpanel .thumb img{
	height: 100px;
	width: 100px;
}
#photoviewpanel .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#photoviewpanel .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#photoviewpanel .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(icones/row-over.gif) repeat-x left top;
	padding: 4px;
}

#photoviewpanel .x-view-selected{
	background: #eff5fb url(icones/selected.gif) no-repeat right bottom;
	border:1px solid #99bbe8;
	padding: 4px;
}
#photoviewpanel .x-view-selected .thumb{
	background:transparent;
}

#photoviewpanel .loading-indicator {
	font-size:11px;
	background-image:url('icones/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}



#kphotoviewpanel .x-panel-body{
	//background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#kphotoviewpanel .thumb{
	background: #dddddd;
	padding: 3px;
}
#kphotoviewpanel .thumb img{
	height: 100px;
	width: 100px;
}
#kphotoviewpanel .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#kphotoviewpanel .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#kphotoviewpanel .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(icones/row-over.gif) repeat-x left top;
	padding: 4px;
}

#kphotoviewpanel .x-view-selected{
	background: #eff5fb url(icones/selected.gif) no-repeat right bottom;
	border:1px solid #99bbe8;
	padding: 4px;
}
#kphotoviewpanel .x-view-selected .thumb{
	background:transparent;
}

#kphotoviewpanel .loading-indicator {
	font-size:11px;
	background-image:url('icones/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

#Mkphotoviewpanel .x-panel-body{
	//background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#Mkphotoviewpanel .thumb{
	background: #dddddd;
	padding: 3px;
}
#Mkphotoviewpanel .thumb img{
	height: 100px;
	width: 100px;
}
#Mkphotoviewpanel .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#Mkphotoviewpanel .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#Mkphotoviewpanel .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(icones/row-over.gif) repeat-x left top;
	padding: 4px;
}

#Mkphotoviewpanel .x-view-selected{
	background: #eff5fb url(icones/selected.gif) no-repeat right bottom;
	border:1px solid #99bbe8;
	padding: 4px;
}
#Mkphotoviewpanel .x-view-selected .thumb{
	background:transparent;
}

#Mkphotoviewpanel .loading-indicator {
	font-size:11px;
	background-image:url('icones/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}


.popphoto{
	float:right; 
	margin-left:5px;
	padding: 3px;
	background: #9D9D9D;
}

.popphoto:hover{
	border:1px solid #dddddd;
    background: #efefef url(icones/row-over.gif) repeat-x left top;
	padding: 2px;
}


div.olControlPanPanel div {
    background-image:url(http://extjs.cachefly.net/ext-2.2.1/resources/images/gray/panel/tool-sprites.gif);
    height:15px;
    width:15px;
    /* workaround for button height in IE */
    font-size:0px;
}

div.olControlPanPanel .olControlPanNorthItemInactive {
    background-position:15px -60px;
    left:16px
}
div.olControlPanPanel .olControlPanEastItemInactive {
    background-position:15px -120px;
    left: 33px;
    top: 16px;
}
div.olControlPanPanel .olControlPanSouthItemInactive {
    background-position:15px -75px;
    left: 16px;
    top: 34px;
}
div.olControlPanPanel .olControlPanWestItemInactive {
    background-position:15px -105px;
    left: 0px;
    top: 16px;
}

div.olControlZoomPanel { 
    left:21px;
}

div.olControlZoomPanel div {
    background-image:url(http://extjs.cachefly.net/ext-2.2.1/resources/images/gray/panel/tool-sprites.gif);
    height:15px;
    width:15px;
    /* workaround for button height in IE */
    font-size:0px;
}

div.olControlZoomPanel .olControlZoomInItemInactive {
    background-position:15px -240px;
}

div.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    background-image:url(world.png);
    background-position:0px 0px;
    height:16px;
    width:16px;
    top:-45px;
}

div.olControlZoomPanel .olControlZoomOutItemInactive {
    background-position:15px -255px;
    top: 123px;
}

div.map-overlay {
    z-index: 1000; 
    position: absolute; 
    right: 10px; 
    bottom: 10px;
}

div.map-overlay div.overlay-element {
    display:inline;
    float: left;
    margin: 5px;
}

.overlay-scaleline {
    bottom: 0px;
    left: 0px;
    margin-top: 0px;
}

.ux-mselect{
    overflow:auto;
    background:white;
    color:black;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 

.ext-ie .ux-form-multiselect .x-fieldset legend {
    margin-bottom: 0;
}