@CHARSET "ISO-8859-1";

.page_carte{
  text-align: center;
}

.page_carte .ui-dialog{
	text-align: left;	
}	

.page-container{
  text-align: left;
}

/* hack IE sans doctype */
.page_sommaire #menu_droite,
.page_sommaire #menu_gauche{
     /*top: 22px;*/
}

.ui-tabs-nav {
	float: none !important;
}

#carto div.olControlMousePosition {
	font-size: 1em;
}	

.ui-datepicker-div,
.ui-datepicker-inline,
#ui-datepicker-div {
	background: #FCFCFC;
	border: 1px solid #AAAAAA;
}	

#carto{
	margin-top: 20px;
	width: 100%;
}

#carto .lien_visite_guidee{
	margin-left: 14px;
	position: absolute;
	bottom: 0;	
	
}

#carto .lien_visite_guidee img{
	-margin-left: 10px;
	/*margin-top: 26px;	
	.margin-top: 20px;	
	-margin-top: 14px;*/	
}

#carto #map{
	position: relative;
/*	
	width: 698px;
	height: 466px;
*/
	width: 100%;
	height: 540px;
}

#map #mapinfos {
	position: absolute;
	right: 0;
	bottom: 0;
	float: right;
	z-index: 100000;
	background-color: #F0F0F0;
	border: 2px solid #D3E1F1;
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
#map #mapinfos .nb{
	color: red;
}

#carto .box{
	margin: 0;
	padding: 0;
}

#carto #mapzone{
	float: left;
	width: 715px;
	/*height: 510px;*/
}

#carto #mapzone #buttons{
	margin: 0;
	padding-bottom: 5px;
	color: #fff;	
	font-weight: bold;
	background-color: #03647a !important;
	background-position: left top;
	font-size: 1.1em;	
}

#carto #mapzone #buttons .left{
	float: left;
	padding-top: 2px;
}
.ui-dialog-titlebar{
	/*position: relative;	
	margin-left: 36px;
	width: 100%;*/
}
#help{
	position: relative;
	-left: 36px;
}

.ui-dialog-buttonpane{
	-left: 36px;
}
.ui-dialog-titlebar{
	-left: 29px;
}

#carto #mapzone #buttons .left #openHelp{
	margin: 0;
	padding: 0;	
	position: absolute;
	margin-top: -2px;
	margin-left: 6px;
	-margin-left: 2px;
	.margin-left: 2px;
}	

#carto #mapzone #buttons .left button{
    width: auto;
    overflow: visible;
    padding-right: 2px;
}

#carto #mapzone #buttons .left button img{
	margin: 0;
}

#carto #mapzone #buttons .right #select_zone{
	width: 161px;
	_margin-right: 5px;
	margin-right: 8px;
}


#carto #mapzone #buttons .right{
	float: right;
}

#carto #controls{
	float: right;
	width: 250px;
	/*margin-left: 10px;*/	
	position:absolute;
	right: 0px;
	z-index: 2;
}

#carto .ui-accordion{
	border: 0;
}

#carto .ui-accordion-header {
	padding-bottom: 1px;
}

#carto #controls .rubrique{
	margin-bottom: 10px;
	border: 1px solid silver;
}

#carto #controls .onglet{
	height: 348px;
	.height: 350px;
	-height: 350px;
	background-color: white;
	z-index:1;
	width:248px;
}


#carto #controls .ui-accordion .ui-accordion-content,
#carto #controls2 .ui-accordion .ui-accordion-content {
	padding: 4px 8px;
}
#carto #controls .selected .ui-accordion-header,
#carto #controls2 .selected .ui-accordion-header{
	background: #E6E6E6 url(theme/images/e6e6e6_40x100_textures_02_glass_75.png) repeat-x scroll 0 50%;	
}	
#carto #controls .selected .ui-accordion-header:hover,
#carto #controls2 .selected .ui-accordion-header:hover {
	background: #DADADA url(theme/images/dadada_40x100_textures_02_glass_75.png) repeat-x scroll 0 50%;		
}
#carto #controls #form ,
#carto #controls #form2,
#carto #controls #form3{
	color:#00008B;
	margin: 0;
	padding-top:2px;
	padding-left: 9px!important;
	padding-left: 7px;
	padding-right: 9px;
	/*height: 396px;*/
	font-size: 0.8em;
	font-family: verdana,arial,sans-serif;	
	z-index: 1;
}
#carto #controls #form2{
	padding-top: 10px;	
}	

#carto #controls #form{
	color:#00008B;
	margin: 0;
	padding-top:2px;
	padding-left:9px;
	padding-right:9px;
	font-size: 10px;;
	z-index: 1;
}

#carto #controls .row{
	vertical-align: top;
	width: 100%;
	margin-bottom: 0px;
	z-index: 1;
}

#carto #controls #form .row{
	clear: both;
	vertical-align: top;
	width: 100%;
	margin-bottom: 5px;
}

#carto #controls #form hr{
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	-margin-top: -5px;
	-margin-bottom: 0px;
	.margin-top: -5px;
	.margin-bottom: 0px;
	
	line-height: 1.0em;
	margin-left: 6px;
	padding: 0px;
	width: 220px;
	border: 0; /* enleve toute bordure */
	border-bottom: 1px silver solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
	height: 1px;
}

#carto #controls #form2 .row{
	clear: both;
	vertical-align: top;
	width: 100%;
}

#carto #controls #form3 .row{
	clear: both;
	vertical-align: top;
	width: 100%;
}

#carto #controls #form2 .label{
	float: left;
	width: 100px;
	margin-top: 3px;
}

#carto #controls #form2 .label_long{
	float: left;
	width: 200px;
}

#carto #controls #form2 .input{
	float: left;
	width: 130px;
	height: 28px;	
}

#carto #controls #form2 .input_long{
	float: left;
	width: 30px;			
}

#carto #controls #form2 select{
	width: 120px;
}

#carto #controls #form2 select option{
	width: 350px;
}	

#carto #controls #form2 select,
#carto #controls #form2 input{	
	margin-bottom: 7px;				
}
#carto #controls #form2 input.input_date{
	width: 98px;			
}

#carto #controls #form2 .submit{
	text-align: center;
	.padding-top: 0px;
}

.page_carte #acces-guide{
	float: left;
	padding-bottom: 10px;
}

.page_carte #form3 .row p{
	font-size: 12px;
	font-weight: bold;
	color: #0B9CA0;
}

.page_carte #acces-guide .themes{
	float: left!important;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 230px;
	height: 40px;
	border: solid 1px #f76f2c;	
	margin-bottom: 10px;
	position: relative;
}

.padding10{
	float: left;
	height: 10px;
	width: 250px;
}

.padding_theme{
	height: 10px;
	width: 250px;
}

.page_carte .infobulle{
	position: absolute;
	margin-top: 25px;
	margin-left: -1px;
	width: 240px;
	padding: 5px;
	border: solid 1px #dedede;
	background-color: #FFFFFF;
	color: #00008B;
	font-size: 12px;
	display: none;
	z-index: 1;
}

.page_carte #acces-guide .themes a{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;

}
.page_carte #acces-guide .themes a p{
	margin: 0;
}	

.page_carte #acces-guide .themes .retour{
	position: absolute;
	margin-left: 423px;
	margin-top: 2px;
	display: block;
	height: 15px;
	padding-left: 3px; 
	padding-right: 3px; 
	font-size: 14px;
	padding-bottom:2px;
	font-weight: bold;
	border-color: pink;
	filter: chroma(color=pink);
}

.page_carte #acces-guide .themes .retour:hover{
	border: solid 1px #f35c13;
	background-color: #f5631c;
}

.page_carte #acces-guide .liens_details{
	margin-top : -20px;
	margin-left: 515px;
	float: left;
}

.page_carte #acces-guide .table_theme{
	margin-left: auto;
	margin-right: auto;
}
.page_carte #acces-guide .table_theme tr{
	margin-top: 10px;
	padding-top: 10px;
}

.page_carte #acces-guide .table_theme tr td.img{
	width: 60px;
	background-color: #ffffff;
	border-right: dashed 1px #dedede;
	border-top: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
	border-left: solid 1px #dedede;
	text-align: center;
	height: 60px;;
}
.page_carte #acces-guide .table_theme tr td.txt{
	width: 164px;
	font-weight: bold;
	border-right: solid 1px #dedede;
	border-top: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
}
.page_carte #acces-guide .table_theme tr td{
	vertical-align: middle;
	height: 60px;
	text-align: center;
	margin-top: 10px;
}
.page_carte #acces-guide .table_theme tr td a{
	text-decoration: none;
}	
.page_carte #acces-guide .table_theme tr td a p{
	color: #999999;
	font-weight: bold;
}

.page_carte #acces-guide .theme{
	width: 225px;
	border: solid 1px #dedede;
	float: left;
	margin-top: 10px;
}

.page_carte #acces-guide .theme .theme_img{
	border-right: dashed 1px #dedede;
	width: 50px;
	float: left;
	padding: 5px 5px;
}


.page_carte #acces-guide .theme .theme_txt p{
	color: #999999;
}

.page_carte #acces-guide .table_theme a.liens_themes ,
.page_carte #acces-guide .table_theme a.liens_themes span {
 display:table-cell; 
 display:inline-block; 
 vertical-align:middle; 
 text-align:center; } 
.page_carte #acces-guide .table_theme a.liens_themes  {
 display:-moz-inline-stack; /* rend compatible au sein d'element inline sans style particulier pour ff <3 */
 display:inline-block; 
 	color: #999999;
	font-size: 1.2em;
	font-weight: bold; 
 } 

.page_carte #acces-guide .table_theme a.liens_themes span.vc { 
 width:0;
 height:60px; 
 overflow:hidden;
 } 
 
.page_carte #acces-guide .table_theme a.liens_themes:hover  {
cursor:pointer;
} 


/*----------------------- #data -----------------------*/ 

#data{
	position: absolute;	
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 5000;
}
#data .background{
	position: absolute;	
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;	
}

#data #datadragbox,
#dataMinimized{	
    position: absolute;	
    top: 0px;
    left: 0px;
    width: 980px;  /* #data.width  - border_width x 2 */
	height: 590px; /* #data.height - border_width x 2 */
	text-align: center;   
	border: 1px solid #999999;
	background-color: #CCCCCC;
}

#data #datadragbox #datadragbox-title,
#dataMinimized #dataMinimized-title{
	height: 20px;	
	padding-left: 8px;	
	text-align: left;
	font-weight: bold;	
	/*cursor: move;*/
	border-bottom: 1px solid #999999;
}	

#data #datadragbox #datadragbox-title .btn-close,
#dataMinimized .btn-close{
	position: absolute;
	top: 2px;
	right: 2px;	
}

#data #datadragbox #datadragbox-title .btn-minimize,
#dataMinimized .btn-maximize{
	position: absolute;
	top: 2px;
	right: 19px;	
}

#data #datadragbox #datadragbox-contains{
	/*height: 558px; /* #datadragbox.height - datadragbox_title.height - border_width x 2 */
	border : 6px solid #CCCCCC;
}

#data #datadragbox #data1,
#data #datadragbox #data2{
	/*width: 100%;*/
	text-align: left;
}


#data #datadragbox #tabs-1,
#data #datadragbox #tabs-2,
#data #datadragbox #tabs-3,
#data #datadragbox #tabs-4{
	padding: 0;
}
#data #datadragbox #tabs-1{
	/*background: #CCCCCC;*/	
}
#data #datadragbox #tabs-2 #graphZone{
	height: 270px;
}
#data #datadragbox #tabs-2,
#data #datadragbox #tabs-3 #compartiment,
#data #datadragbox #tabs-4 #telechargement{
	position: relative;
	height: 500px;
	overflow: auto;
}

#dataMinimized{
	height: 20px; /* datadragbox-title.height */
	z-index: 5000;
}

#data #datadragbox #data1 .deploy-compart{
	font-size: 12px;	
}

.hidden{
	display: none;
	/*visibility: hidden;*/	
	position: absolute;	
	top: -5000px;
	left: -5000px;	
	width: 0px;
	height: 0px;
}	


table th{
	font-weight: bold;
}

/* masquer l'affichage de l'echelle en "miles" dans la legende */
.olControlScaleLineBottom {
   display: none;
}

/*
.olControlScaleLineTop{
	top: 0;	
}	
*/

/* anti bug ie7 */
.flexigrid div.hDiv,
.flexigrid div.pDiv{
	height: 25px;
}	

/* anti bug Firefox drag and drog colonne (causer par l'affichage absolute) */
.flexigrid div.hDiv th{
	-moz-user-select: none;
}

/* anti bug drag and drog colonne (causer par l'affichage absolute de #data) */
div.colCopy {
	z-index: 6000;
}

/*
.x-date-mp-ybtn a{overflow:hidden;width:15px;height:15px;cursor:pointer;background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;display:block;margin:0 auto;}
.x-date-mp-ybtn a.x-date-mp-next{background-position:0 -120px;}
.x-date-mp-ybtn a.x-date-mp-next:hover{background-position:-15px -120px;}
.x-date-mp-ybtn a.x-date-mp-prev{background-position:0 -105px;}
.x-date-mp-ybtn a.x-date-mp-prev:hover{background-position:-15px -105px;}
*/

.btn{
	overflow-x: hidden;
	overflow-y: hidden;
	width: 15px;
	height: 15px;
	/*float: right;*/
	cursor: pointer;
	background-color: transparent;
	background-image: url('../img/tool-sprites.gif');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	margin-left: 2px;
}

.btn-close{
	background-position: 0pt 0pt;
}

.btn-close-over{
	background-position: -15px 0pt;
}

.btn-maximize{
	background-position: 0pt -30px;
}

.btn-maximize-over{
	background-position: -15px -30px;
}

.btn-minimize{
	background-position: 0pt -15px;
}

.btn-minimize-over{
	background-position: -15px -15px;
}
	
.btn-deploy{
	background-position: 0pt -240px;
}

.btn-deploy-over{
	background-position: -15px -240px;
}

.btn-reploy{
	background-position: 0pt -255px;
}

.btn-reploy-over{
	background-position: -15px -255px;
}


#verrou-carte{
	position: absolute;
	width:100%; 
	height: 100%;
	top: 0;
	left: 0;
	height:100%;	
	/* IE pour forcer un Height à 100 % */ 
	_height:expression($(".themes:visible").height());
	color: black;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;	
	background-color: black;
	z-index:10000;
}

#img_verrou-carte{
	position: absolute;
	/*left: 165px;*/
	left: 50%;
	margin-left: -65px;
	top: 50%!important;
	margin-top: -16px;
	_top: expression(($(".themes:visible").height()-30)/2);
	width: 130px;
	height: 38px;
	z-index: 10001;
	/*margin-left: auto;*/
	margin-right: auto;
	text-align: center;
	background-color: #dddddd;
	border: solid 3px #666666;
	vertical-align: middle;
}
#img_verrou-carte table{
	font-size: 11px;;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 15px;
	width: 130px;
	border: solid 1px #ffffff;
	border-collapse: collapse;
	height: 38px;
}


/*------------ open layers overview ----------------*/
    
div.olMapViewport {
	-moz-user-select: none;
    /*background-color: #FFFFFF;*/
}

div.olControlOverviewMapElement {
    /*-moz-user-select: none;*/
    background-color: #057085;
	padding: 5px 5px 5px 18px ;
	/*-moz-border-radius-topright:1em;
	-moz-border-radius-topleft:0pt;*/
}

div.olControlOverviewMapContainer {
    -moz-user-select: none;
    bottom: 0px;
    left: 0px;
    right: auto;
}

.olControlOverviewMapMinimizeButton,
.olControlOverviewMapMaximizeButton {
    left: 0px;
}

.olControlScaleLine{
    right: 0;
}

.olControlScaleLineTop{
    position: absolute;
    right: 10px;
    bottom: 3px;
}

.olControlPanel a { 
  display:block;
  width:  24px;
  height: 22px;
  /*margin: 5px;*/
  margin-top: 5px;
 
  
/*  background-color:red;*/

}


#map .olBtnZoom{
  	background-image: url("../javascript/OpenLayers/theme/default/img/zoom_off.png");
}
#map .olBtnZoomActive{
  	background-image: url("../javascript/OpenLayers/theme/default/img/zoom_on.png");
}
#map .olBtnMove{
  	background-image: url("../javascript/OpenLayers/theme/default/img/pan_off.png");
}
#map .olBtnMoveActive{
  	background-image: url("../javascript/OpenLayers/theme/default/img/pan_on.png");
}
#map .olBtnSelect{
  	background-image: url("../javascript/OpenLayers/theme/default/img/select_off.png");
}
#map .olBtnSelectActive{
  	background-image: url("../javascript/OpenLayers/theme/default/img/select_on.png");
}


#wfsPopup{
	font-size: 1.1em;	
}
#wfsPopup .label{
	color: #009999;
	font-weight: bold;
}
#wfsPopup img.icon{
	padding-left: 3px;
}


#help{
	position: relative;	
	overflow: auto;
}

#help p{

	margin-top: 10px;
	position: relative;
	margin-left: 0px;
	padding: 0px;
	text-align: justify;
	font-family: arial
}
/*
#help p span{	
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 4px;
}*/

#help p  .spip_documents{	
	margin-top: 3px;
	margin-bottom: 4px;
}

#help p  .spip_documents_left{
	margin-right: 15px;
}

#help p  .spip_documents_right{
	margin-right: 0px;
}


#videoBackground{
	padding: 0;
	top: 150px;
}