@CHARSET "UTF-8";

html {
	width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 14px;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

body {
	width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.pointer {
	cursor: pointer;
}

.map {
	position: absolute;
	width: 100%;
	height: 100%;
}

#entete {
	position: absolute;
	width: 100%;
	height: 88px;
	z-index: 1005;
	background-color: #FFFFFF;
}

#content {
	position: fixed;
	margin: 0px;
	padding: 0px;
	height: 90%;
	width: 100%;
	border: 1px solid #808080; 
}

#evenements, #conditions_meteo, #tous {
	float:left;
	padding: 0px;
	margin: 0px;
	height: 39px;
}

#communes_div {
	float: right;
	padding: 12px 0px 11px 0px;
	margin: 0px;
	height: 16px;
	width: 279px;
}

#communes_div > span {
	padding: 0px 5px 0px 0px;
	font-weight: bold;
}

#zoomer_sur {
	float: right;
	padding: 12px 5px 11px 0px;
	font-weight: bold;
}


/* #communes_select_div { */
/* 	width: 272px; */
/* 	height: 31px; */
/* 	overflow:hidden; */
/* 	float: right; */
/* 	margin: 3px 0px 3px 0px; */
/* 	height: 31px; */
/* 	border: 1px solid #000; */
/* 	background: url(../ressource/images/select_arrow.png) no-repeat center right; */
/* } */

/* #communes { */
/* 	border: none; */
/* 	height: 31px; */
/* 	width: 100%; */
/* 	outline: none; */
/* 	padding: auto 0; */
/* 	background-color: transparent; */
/* 	background-image: none; */
/* 	-webkit-appearance: none; */
/* 	box-sizing: border-box; */
/* } */

#communes {
	width: 272px;
}

@-moz-document url-prefix() {
	#communes {
		padding: 8px 0px 0px 0px;
	}	
}

#evenements_en_cours, #evenements_a_venir, #etats_surface {
	float:left;
	padding: 15px 10px 15px 10px;
	height: 22px;
}

.selectedTab {
	background-color: #ADC800;
	border-left: 1px solid #ADC800; 
}

#ligne0 {
	height: 80px;
}

#ligne1 {
	width: 100%;
	height: 39px;
	border-right: 2px solid #FFFFFF; 
}

#ligne2 {
	height: 49px;
	width: 100%;
	background-color: #ADC800;
	border-right: 1px solid #ADC800; 
	border-left: 1px solid #ADC800; 
/*	margin: -1px; */
}

#date_maj {
	float:right;
	padding: 18px 10px 15px 10px;
	height: 22px;
}

#chargement {
	border: 1px solid #FF0000 !important;
	top: 40%;
	left: 40%;
	padding: 20px;
	position: absolute;
}

#tous {
	padding: 12px 10px 0px 10px;
    height: 27px;
}

.clear {
	clear: both;
}

.olControlScaleLine {
    right: 10px;
    left: auto !important;
}

.olControlPanZoomBar {
	top: 99px !important;
}

.olPopup {
	border: 1px solid #FF0000 !important;
	height: auto !important;
}

.olPopupContent {
	height: auto !important;
}

.olPopupCloseBox {
	background: url(../ressource/images/infobulle/fermer.png) !important;
	width: 23px !important;
	height: 22px !important;
	right: 0px !important;
	top: 0px !important;
}

.olControlMousePosition {
 	display: none !important; 
}

.zoomPanel {
	background: url(../ressource/images/panelZoomBack.png);
    top: 102px;
    left: 12px;
    width: 95px;
    height: 248px;
    position: absolute;
    z-index: 1005;
}

#cb_en_cours, #cb_a_venir {
	vertical-align: middle;
}

.img_checked {
	background-image : url(../ressource/images/checkbox_coche.png);
	width: 16px;
	height: 16px;
	outline: none;
}

.img_not_checked {
	background-image : url(../ressource/images/checkbox.png);
	width: 16px;
	height: 16px;
	outline: none;
}

#span_en_cours, #span_a_venir {
	vertical-align: middle;
	padding-left: 2px;
}

.buttonZoomIn {
	background: url(../ressource/images/zoom_plus.png);
	height: 26px;
	width: 26px;
	top: 50px;
	left: 15px;
	position: absolute;
}

.buttonZoomOut {
	background: url(../ressource/images/zoom_moins.png);
	height: 26px;
	width: 26px;
	top: 150px;
	left: 15px;
	position: absolute;
}

.buttonZoomBox {
	background: url(../ressource/images/zoom_box.png);
	height: 40px;
	width: 41px;
	top: 190px;
	left: 30px;
	position: absolute;
}

.sliderZoom {
	border: none !important;
	top: 40px;
	left: 55px;
	height: 112px !important;
	margin-top: 15px;
	width: 15px !important;
	background: url(../ressource/images/zoom_echelle.png) !important;
	position: absolute;	
}

.sliderZoom > a {
	border: none !important;
	width: 13px !important;
	height: 16px !important;
	margin-bottom: -8px !important;
	margin-left: 6px !important;
	background: url(../ressource/images/zoom_cursor.png) !important;
	position: absolute;
}

.buttonZoomBoxActif {
	background: url(../ressource/images/zoom_box_actif.png);
	height: 40px;
	width: 41px;
	top: 190px;
	left: 30px;
	position: absolute;
}

.customLayerSwitcher {
	position: absolute;
    z-index: 1003;
    bottom: 21px;
    background-color: #000000;
    left: 358px;
}

.customLegende {
	position: absolute;
    z-index: 1006;
    bottom: 25px;
    background-color: #000000;
    left: 12px;
}

.legendeDiv {
	width: 100%;
	color: #000000;
	background-color: #ECECED;
	width: 335px;
}

.legendeItem {
	padding-left: 10px;
}

.legendeTitre {
	height: 40px;
	width: 335px;
	cursor: pointer;
}

.filtresDiv {
	width: 100%;
	color: #000000;
	background-color: #ECECED;
	padding: 10px;
	width: 236px;
}

.filtresTitre {
	height: 40px;
	width: 256px;
	cursor: pointer;
}

.dataLbl {
	display: none;
}

.baseLbl {
	display: none;
}

.popup {
	position: absolute;
	background-color: #FFFFFF;
	border: 2px solid #FF0000;
	z-index: 1050;
}

.popup_closeBox {
	background: url(../ressource/images/infobulle/fermer.png);
	position: absolute;
	width: 23px;
	height: 22px;
	right: 0px;
	top: 0px;
}

.popup_titre {
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	border-bottom: 1px dotted;
	margin: 10px 20px 5px 0px;
	padding: 0px;
}

.popup_content {
	font-size: 14px;
	margin-bottom: 5px;
}

.popup_content_hide {
	font-size: 14px;
	display: none;
}

.popup_ul {
	margin: 0px;
	padding: 5px;
	list-style-image: none;
}

.li_moins {
    list-style-type: none; /* on annule la puce par défaut */
    background-image: url(../ressource/images/infobulle/moins.png); /* on affiche l'image souhaitée */
    background-repeat: no-repeat; /* on annule la répétition par défaut */
    background-position: left top; /* on positionne où l'on veut */
    padding-left: 32px; /* pour éviter la superposition du contenu */
    maring-left: -32px; /* pour éviter la superposition du contenu */
}

.li_plus {
    list-style-type: none; /* on annule la puce par défaut */
    background-image: url(../ressource/images/infobulle/plus.png); /* on affiche l'image souhaitée */
    background-repeat: no-repeat; /* on annule la répétition par défaut */
    background-position: left top; /* on positionne où l'on veut */
    padding-left: 32px; /* pour éviter la superposition du contenu */
    maring-left: -32px; /* pour éviter la superposition du contenu */
}

.legende {
	padding:0;
 	margin:0;
 	list-style-type:none;
}

.legende_img {
	float: left;
	height: 35px;
	width: 30px;
	line-height: 35px;
}

.legende_img > img {
	vertical-align:middle;
	width:30px;
}

.legende_texte {
	float: left;
	height: 35px;
	line-height: 35px;
	width: 265px;
	padding-left: 10px;
	vertical-align: middle;
}

.legende_cch_texte {
	float: left;
	height: 35px;
	line-height: 35px;
	width: 320px;
	padding-left: 10px;
	vertical-align: middle;
	color: #FFF;
	font-weight:bold;
	background-color: #000;
}


.olControlNoSelect {
 -moz-user-select: none;
 -khtml-user-select: none;
}
.olControlScale {
    right: 3px;
    bottom: 3em;
    display: block;
    position: absolute;
    font-size: smaller;
}
.olControlScaleLine {
   display: block;
   position: absolute;
   left: 10px;
   bottom: 15px;
   font-size: xx-small;
}
.olControlScaleLineBottom {
   border: solid 2px black;
   border-bottom: none;
   margin-top:-2px;
   text-align: center;
}
.olControlScaleLineTop {
   border: solid 2px black;
   border-top: none;
   text-align: center;
}

#communes_div > span > a {
	border : 1px solid #000000;
	width: 272px; */
	height: 31px;
	overflow:hidden;
	float: right;
	margin: -9px 0px 3px 0px;
	height: 31px;
	color: #000000;
	background: url(../ressource/images/select_arrow.png) no-repeat center right;
}

.olHandlerBoxZoomBox {
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}

.ui-selectmenu-menu { top: 35px !important; background: #FFFFFF; border : 1px solid #000000;}
.ui-selectmenu-menu > ul { width: 272px !important;}
.ui-selectmenu-menu > ul > li > a { color: #000000;}

/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu  ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; -webkit-overflow-scrolling: touch;} 
.ui-selectmenu-open { display: block; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }
/* IE7 workaround (opacity disabled) */
*+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; }

.ol-attribution{text-align:right;bottom:.5em;max-width:calc(100% - 1.3em);position:absolute}
.ol-attribution ul{margin:0 0 3px 0;padding:0 .5em;font-size:.7em;line-height:1.375em;color:#000;text-shadow:0 0 2px #fff}
.ol-attribution li{display:inline;list-style:none;line-height:inherit}
.ol-attribution li:not(:last-child):after{content:" "}
.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}
.ol-attribution button,
.ol-attribution ul{display:inline-block}
.ol-attribution.ol-collapsed ul{display:none}
.ol-attribution:not(.ol-collapsed){background:rgba(255,255,255,.8)}
.ol-attribution.ol-uncollapsible{bottom:0;border-radius:4px 0 0;height:1.1em;line-height:1em}
.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}
.ol-attribution.ol-uncollapsible button{display:none}