/*****************************************************************************
 * OSM + LEGAL
 *****************************************************************************/

#osmDiv
{
	display: none;
}

#osmInnerDiv
{
	padding-left: 4px;
	padding-right: 4px;
	color: #333333;
	font-size: 0.8em;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.6);
}


#legalDiv
{
}

#legalInnerDiv
{
	font-weight: bold;
	color: #883333;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 0.8em;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.6);
}



/*****************************************************************************
 * COMMUN RIGHT-TOP
 *****************************************************************************/

#filtersDiv, #favoritesDiv, #brokenDiv, #submitNewDiv
{
	padding-top: 6px;
	padding-right: 6px;
}

#filtersInnerDiv, #smallFavoritesInnerDiv, #smallBrokenInnerDiv, #fullFavoritesInnerDiv, #fullBrokenInnerDiv, #submitNewInnerDiv
{
	box-shadow: 0px 0px 5px #888888;
	border-radius: 4px;
	padding: 2px;
}

#smallFavoritesInnerDiv, #smallBrokenInnerDiv, #submitNewInnerDiv
{
	cursor: pointer;
	width: 32px;
	height: 32px;
}




/*****************************************************************************
 * COMMUN GALLERY
 *****************************************************************************/

#favoritesGalleryDiv, #brokenGalleryDiv
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: scroll;
	display: none;
	z-index: 30;
}

.galleryImageContainer
{
	margin: 4px;
	display: inline-block;
	position: relative;
	border: solid 1px black;
	background-image: url('../icones/waiting.gif');
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}

.galleryImage
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 20;
}

 
 
/*****************************************************************************
 * FILTRES PRATIQUES / STATUTS
 *****************************************************************************/
 
#filtersInnerDiv
{
	padding: 0px;
	width: 32px;
	height: 32px;
	background-color: rgba(255, 255, 255, 0.9);
	border: solid 1px #888888;
}

#smallFiltersInnerDiv
{
	display: inline;
	float: right;
	cursor: pointer;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	background-color: rgba(255, 255, 92, 0.9);
	background-image: url('../icones/filter.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

#fullFiltersInnerDiv
{
	display: none;
	float: left;
}

.practiceInnerContainerDiv, .statusInnerContainerDiv
{
	cursor: pointer;
	float: left;
	width: 30px;
	height: 30px;
}

.practiceInnerDiv, .practiceInnerGrayDiv, .statusInnerDiv, .statusInnerGrayDiv
{
	position: absolute;
	width: 30px;
	height: 30px;
}

.practiceInnerDiv, .statusInnerDiv
{
	line-height: 28px; /* TODO : à supprimer */
	text-align: center; /* TODO : à supprimer */
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.statusInnerDiv
{
	color: #555555;
}

.practiceInnerGrayDiv, .statusInnerGrayDiv
{
	background-color: rgba(192, 192, 192, 0.6);
	pointer-events: none;
}

#practiceVolLibreInnerDiv
{
	background-image: url('../icones/pratique_vol_libre.png');
	/*border-right: dotted 1px #88AA88;*/
}

#practiceKiteInnerDiv
{
	background-image: url('../icones/pratique_kite.png');
}

#practiceSkiInnerDiv
{
	background-image: url('../icones/pratique_ski.png');
}

#practiceAutreInnerDiv
{
	font-size: 32px;
	line-height: 24px;
	color: #505050;
}

#statusOfflineInnerContainerDiv
{
	width: 31px;
	border-left: solid 1px #888888;
}


/*****************************************************************************
 * FAVORITES
 *****************************************************************************/

#favoritesDiv
{
}

#smallFavoritesInnerDiv, #fullFavoritesInnerDiv
{
	border: solid 1px #228822;
	background-color: rgba(128, 255, 128, 0.9);
}

#smallFavoritesInnerDiv
{
	line-height: 26px;
	background-image: url('../icones/btn_rating_star_on_focused_holo_light.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	color: #337733;
	display: inline-block;
}

#fullFavoritesInnerDiv
{
	padding-left: 4px;
	padding-right: 4px;
	max-width: 120px;
	pointer-events: auto;
	display: none;
}

#fullFavoritesListDiv
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	clear: both;
	color: #337733;
}

.favoriteLink:hover
{
	cursor: pointer;
	text-decoration: underline;
}

#fullFavoritesGalleryDiv, #fullFavoritesCloseDiv
{
	display: inline;
	cursor: pointer;
}

#fullFavoritesGalleryDiv
{
	width: 18px;
	height: 18px;
	float: left;
	background-image: url('../icones/ic_menu_selectall_holo_light.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

#fullFavoritesCloseDiv
{
	width: 18px;
	height: 18px;
	float: right;
	background-image: url('../icones/ic_menu_close_clear_cancel.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

#favoritesGalleryDiv
{
	background-color: rgba(192, 255, 192, 0.9);
}




/*****************************************************************************
 * NOUVELLE WEBCAM
 *****************************************************************************/

#submitNewInnerDiv
{
	cursor: pointer;
	width: 32px;
	height: 32px;
	line-height: 26px;
	background-color: rgba(255, 64, 64, 0.9);
	text-align: center;
	font-weight: bold;
	font-size: 2em;
	color: #FFEEEE;
	display: inline-block;
	border: solid 1px #882222;
}




/*****************************************************************************
 * COMMUN LEFT-TOP
 *****************************************************************************/

#centerDiv, #geolocDiv
{
	padding-top: 6px;
	padding-left: 6px;
}

#centerInnerDiv, #geolocInnerDiv
{
	cursor: pointer;
	padding: 2px 5px 2px 5px;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 4px;
	border: solid 1px #888888;
	box-shadow: 0px 0px 5px #888888;
}





/*****************************************************************************
 * CENTRAGE
 *****************************************************************************/

#centerInnerDiv
{
	background-image: url('../icones/center.png');
}


/*****************************************************************************
 * GEOLOCALISATION
 *****************************************************************************/

#geolocInnerDiv
{
	background-image: url('../icones/geolocation.png');
}