/**********************************/
/********** GMAP CONTROLS *********/
/**********************************/
.controls{
	margin	: 10px;
}
	.controls ul {
		list-style-type	: none;
		margin			: 0;
	}
	.controls span{
		position	: absolute;
		top			: -10000px;
	}
	.controls button{
		cursor			: pointer;
	}

.controls .move, #zoomout, #zoomin, .controls .view li, .controls .zoom li:first-child, .controls .zoom li:last-child{
	background	: #F0F0F0;
	background	: -moz-linear-gradient(#FFFFFF,#D7D7D7 80%);
	background	: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D7D7D7));
	filter		: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D7D7D7');
}

#zoomout:hover, #zoomin:hover, .controls .view li button:hover, #zoomout:focus, #zoomin:focus, .controls .view li button:focus{
	background-color		: #D2D2D2;
}

/* ------ Flèches de déplacement dans la carte ------ */
.controls .move{
	border		: 1px solid #666;               
	height		: 120px;
	width		: 120px;
	position	: relative;
}
	.controls .move button{
		background-color		: #2275BB;			/* Couleur à définir en fonction de la charte graphique du projet */
		background-repeat		: no-repeat;
		background-position		: center center;
		border					: 2px solid #FFF;
		height					: 32px;
		width					: 32px;
		position				: absolute;	
	}
		.controls .move button:hover, .controls .move button:focus{
			border-color	: #000;
		}

#moveTop{
	top					: 5px;
	left				: 43px;
	background-image	: url(./images/gmap/moveTop.png);
}
#moveBottom{
	bottom				: 5px;
	left				: 43px;
	background-image	: url(./images/gmap/moveBottom.png);
}
#moveLeft{
	bottom				: 43px;
	left				: 5px;
	background-image	: url(./images/gmap/moveLeft.png);
}
#moveRight{
	bottom				: 43px;
	right				: 5px;
	background-image	: url(./images/gmap/moveRight.png);
}
#moveCenter{
	bottom					: 43px;
	left					: 43px;
	background-color		: #FFF;
	background-image		: url(./images/gmap/moveCenter.png);
	border					: 2px solid #2275BB;					/* Couleur à définir en fonction de la charte graphique du projet */
}
	#moveCenter:hover,#moveCenter:focus{
		border-color			: #000;
	}

/* ------ Zoom ------ */
.controls .zoom{
	background		: #F0F0F0;
	margin			: 10px 0 0 40px;
	width			: 40px;
}
	.controls .zoom li{
		border			: 1px solid #CCC;
		text-align		: center;
		background		: none repeat scroll 0 0 transparent;
    	padding			: 2px;
	}
		.controls .zoom li a{
			display: block;
			height: 10px;
		}
			.controls .zoom li a:focus,.controls .zoom li a:hover{
				background	: #808080;
			}
		.controls .zoom li.current a{
			background	: #5C8028;		/* Couleur à définir en fonction de la charte graphique du projet */
		}
			.controls .zoom li.current a:focus, .controls .zoom li.current a:hover{
				background	: #000;
			}

#zoomout, #zoomin{
	height					: 24px;
	padding					: 10px 0;
	background-repeat		: no-repeat;
	background-position		: center center;
}
	#zoomout{
		background-image		: url(./images/gmap/zoomOut.png);
	}
		#zoomout:hover, #zoomout:focus{
			background-image		: url(./images/gmap/zoomOutHover.png);
		}
	
	#zoomin{
		background-image		: url(./images/gmap/zoomIn.png);
	}
		#zoomin:hover, #zoomin:focus{
			background-image		: url(./images/gmap/zoomInHover.png);
		}

/* ------ Type de carte ------ */
.controls .view li{
	display			: inline-block;
	border			: 2px solid #666;
	margin			: 0 5px;
	padding 		: 0px;
}
	.controls .view li button{
		border					: none;
		padding					: 5px 5px 5px 25px;
		background-repeat		: no-repeat;
		background-position		: 5px center;
		background-color		: transparent;
	}
		.controls .view li button:hover,.controls .view li button:focus{
			color	: #A80000;
			text-decoration			: underline;
		}

#normalView{
	background-image		: url(./images/gmap/normalView.png);
}
#satelliteView{
	background-image		: url(./images/gmap/satelliteView.png);
}
#hybrideView{
	background-image		: url(./images/gmap/hybrideView.png);
}

/* ------ Filtres ------ */
.jsFilter{
	color : #666666;
}
	.jsFilter.jsFilterActive{
		color 		: #000000;
		font-weight : normal;	
	}


/* ------- InfoWindow (spécifique à Aix) --------*/
.infoWindowContainer h3{
	margin-top : 0;
}

#maincontent .infoWindowContainer .readmore{
	margin-top 		: 0;
}

ul.infoWindowItemList li{
	border-top 	: 1px solid #E0E0E0;
	padding-top : 10px;
	background-position : 0 17px;
}
	ul.infoWindowItemList li:first-child{
		border-top 	: 0 none;
		padding-top : 0;
		background-position : 0 8px;
	}