/**
 * Feuille de style principale qui définit l'affichage de la carte et de la légende.
 *
 */

#viewer {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 400px;
	background-color: rgb(78,99,126);
    overflow: hidden;
    -moz-user-select: none;
    -khtml-user-select: none;
}
#viewer .well, #viewer .surface {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgb(78,99,126);
}
#viewer .surface {
	z-index: 20;
	background: url(blank.gif) no-repeat center center; /* NOTE: required for IE to"see" the surface */
}
#viewer .well {
	overflow: hidden;
	z-index: 10;
}
#viewer .well .tile
{
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
}
#viewer .controls        
{
	background-color: #FFFFFF;
	position: absolute;
	/* NOTE: the right and bottom can be adjusted when initialized */
	right: 0;
	bottom: 0;
	width: 30px;
	height: 20px;
	margin: 0;
	padding: 0 0 0 4px;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
	font-weight: bold;
	border: 1px solid #000000;
	z-index: 30;
}
#viewer .controls a
{
	color: #000000;
	text-decoration: none;
	-moz-outline: none;
}
#viewer .controls a img {
	border: 0;
	vertical-align: middle;
}
#viewer .controls a:active {
	color: #FF0000;
}

ul.legende {
    text-align: left;
    list-style: none;
    margin: 0;
    margin-left: 25px;
    padding: 0;
    font-size: 12px;
}
ul.legende li,
#legende_right li {
    padding-bottom: 10px;
    padding-left: 35px;
    padding-top: 12px;
}
#legende_right {
    text-align: left;
    list-style: none;
    margin: 0;
    margin-right: 25px;
    padding: 0;
    font-size: 12px;
    float: right;
}
li.pict_velo {
    background: url(../images/pictos/legende_picto_velo.jpg) center left no-repeat;
}
li.pict_gare_routiere {
    background: url(../images/pictos/legende_picto_gare_routiere.jpg) center left no-repeat;
}
li.pict_gare_ferroviaire {
    background: url(../images/pictos/legende_picto_gare_ferroviaire.jpg) center left no-repeat;
}
li.pict_educ {
    background: url(../images/pictos/legende_picto_lycees_etudes_superieures.jpg) center left no-repeat;
}
li.pict_rugby {
    background: url(../images/pictos/legende_picto_stade_rugby.jpg) center left no-repeat;
}
li.pict_piscine {
    background: url(../images/pictos/legende_picto_piscines.jpg) center left no-repeat;
}
li.pict_tennis {
    background: url(../images/pictos/legende_picto_terrains_tennis.jpg) center left no-repeat;
}
li.pict_stade {
    background: url(../images/pictos/legende_picto_stades.jpg) center left no-repeat;
}
li.pict_hopitaux {
    background: url(../images/pictos/legende_picto_hopitaux.jpg) center left no-repeat;
}
li.pict_serv_sociaux {
    background: url(../images/pictos/legende_picto_services_sociaux.jpg) center left no-repeat;
}
li.pict_salons {
    background: url(../images/pictos/legende_picto_salons_congres.jpg) center left no-repeat;
}
li.pict_jardins {
    background: url(../images/pictos/legende_picto_parcs_jardins.jpg) center left no-repeat;
}
li.pict_monuments {
    background: url(../images/pictos/legende_picto_monuments.jpg) center left no-repeat;
}
li.pict_hippodrome {
    background: url(../images/pictos/legende_picto_hippodrome.jpg) center left no-repeat;
}
li.pict_biblio {
    background: url(../images/pictos/legende_picto_bibliotheques.jpg) center left no-repeat;
}
li.pict_musees {
    background: url(../images/pictos/legende_picto_musees.jpg) center left no-repeat;
}
li.pict_theatres {
    background: url(../images/pictos/legende_picto_theatres.jpg) center left no-repeat;
}
li.pict_concerts {
    background: url(../images/pictos/legende_picto_salles_concerts.jpg) center left no-repeat;
}
li.pict_admin {
    background: url(../images/pictos/legende_picto_administrations.jpg) center left no-repeat;
}
li.pict_justice {
    background: url(../images/pictos/legende_picto_droit_justice.jpg) center left no-repeat;
}
li.pict_parkings {
    background: url(../images/pictos/legende_picto_parkings.jpg) center left no-repeat;
}
li.pict_parkings_metro {
    background: url(../images/pictos/legende_picto_parkings_metro.jpg) center left no-repeat;
}