@-ms-viewport{
	width: device-width;
}

html, body {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 14px;
	overflow:hidden;
	
	-webkit-text-size-adjust: 100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#chargement {
	border: 1px solid #FF0000 !important;
	top: 50%;
	left: 50%;
	margin-left: -131px;
	margin-top: -29px;
	padding: 20px;
	position: absolute;
}

#ligne1 {
	position: fixed;
	background-color: #EAEAEA;
	height: 44px;
	width: 100%;
	z-index: 1102;
}

#ligne2 {
	position: fixed;
	bottom: 0px;
	background-color: #000000;
	height: 68px;
	width: 100%;
	z-index: 1103;
}

#back {
	float: left;
	width: 90px;
	height: 44px;
}

#back > a > img {
	width: 90px;
	height: 44px;
}

#icone {
	float: left;
	height: 44px;
	width: 44px;
}

#icone > img {
	height: 44px;
	width: 44px;
}

#date_maj {
	float: right;
/* 	height: 14px; */
/* 	font-size: 14px; */
	height: 21px;
	font-size: 21px;
	font-weight: bold;
	padding-top: 12px;
	padding-right: 35px;
	padding-bottom: 11px;
}

#ligne2_content {
	position: absolute;
	left: 50%;
}

.ligne2_evenement {
	margin-left: -189px; 
}

.ligne2_meteo {
	margin-left: -281px; 
}

#center, #zoom_in, #zoom_out, #refresh, #legende, #informations {
	float: left;
	height: 68px;
}

#center > img, #zoom_in > img , #zoom_out > img, #refresh > img, #legende > img, #informations > a > img {
	height: 68px;
}

.clear {
	clear: both;
}

#legendPopup {
	position: fixed;
/* 	position: absolute; */
    z-index: 1104;
    bottom: 68px;
    background-color: #EAEAEA;
    left: 21px;
    padding-top: 5px;
    padding-right: 13px;
    padding-bottom: 5px;
    padding-left: 13px;
}

.legende_ligne {
	float: left;
/* 	padding: 0.704225635vh 0.3125vw; */
	width: 294px;
	line-height: 52px;
}

.legende_ligne > span {
	vertical-align:middle;
	font-size: 18px;
	padding-left: 10px;
}

.legende_ligne > img {
	vertical-align:middle;
	width: 46px;
}

.legende_img {
	float : left;
}

.legende_texte {
	float : left;
	padding-left : 10px
}

.map {
	position: absolute;
	width: 100%;
	height: 100%;
	-ms-touch-action: none;
}

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

.olPopupContent {
	height: auto !important;
}

.olTileImage {
	max-width: none;
}

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

.popup_closeBox {
	position: absolute;
	background-image: url(../ressource/images/mobile/fermer.png) !important;
/* 	width: 60px !important; */
/* 	height: 56px !important; */
	right: -1px !important;
	top: -1px !important;
}

.popup_titre {
/* 	font-size: 21px; */
	line-height: 57px;
	font-size: 30px;
	font-weight: bold;
	border-bottom: 1px dotted;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 5px;
	padding: 0px;
}

.popup_content {
/* 	font-size: 25px; */
	margin-bottom: 5px;
}

.popup_content_hide {
	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/mobile/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: 75px; /* pour éviter la superposition du contenu */
    margin-left: 8px;
}

.li_plus {
    list-style-type: none; /* on annule la puce par défaut */
    background-image: url(../ressource/images/mobile/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 */
    left: 5px;
    padding-left: 75px; /* pour éviter la superposition du contenu */
    margin-left: 8px;
}

#chargementDiv {
	height:100%;
	width:100%;
}

.hidden {
	visibility: hidden;
}