#map-canvas {
	/*position: absolute;*/
	width: 100%;
	height: 760px;
}
#map_container{
	position: relative;
	width: 100%;
	overflow: hidden;
}
#only_map_container{
	position: relative;
	width: 100%;
	overflow: hidden;

}
#directionsPanel{
	/*display: none;*/
	background-color: #fff;
	position: absolute;
	right: -100%;
	top: 0;
	transition: 1s;
	height:100%;
	max-width: 500px;
	max-height: 100%;
	overflow: auto;
	padding: 10px;
}
div#directionsPanel.active {
	right: 0;
}
ul#type {
	position: absolute;
	padding: 0;
	top: 55px;
	left: 11px;
	z-index: 1;
	text-align: center;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
	margin-top: 0;
}
ul#type li{
	background: none;
	text-align: left;
	display: block;
	cursor: pointer;
	width: 100%;
	padding: 0;
	line-height: normal;
	font-size: .85rem;
	/*margin-bottom: 10px;*/
	padding: 10px;
}

ul#type li.active{
	font-weight: bold;
	background: #f5f5f5;
}
ul#type li img{
	width: 20px;
	display: inline-block;
	margin: auto;
	vertical-align: middle;
	margin-right: 10px;
}
ul#type li.centre-secondaire img {
	width: 10px;
	margin: 5px;
	margin-right: 15px;
}
ul#type li:last-child {
	margin-bottom: 0;
}
ul#type li.cremeux-fou img, ul#type li.fin-fou img {
	max-width: 65px;
	margin-bottom: 5px;
	margin-top: -5px;
}
.my_position{
	display: none;
}
img.adp-marker{
	max-width: none;
}
.adp-summary {
	text-align: center;
	font-size: 2em;
	font-weight: bold;
}

#results_label {
	text-align: center;
	font-weight: normal;
	color: #777777;
	display: none;
}
input#from_address.hasError{
	border-color: red;
	box-shadow: 0 1px 2px red inset;
}
.infowindow{
	/*max-width: 80%;*/
	background-color: #fff;
	pointer-events: all;
	/*min-width: 500px;*/
}
.infowindow .row{
	margin: auto;
}

.infowindow .row > div{
	width: 80%;
	margin: auto;
	/*display: block;*/
	background: white;
	float: none;
	margin: 10px auto;
	padding: 10px;
}
.from_address.col-sm-12 label, .my_position a {
	font-size: 1.15rem;
}
.marker_title{
	margin: 0;
	text-align: center;
	max-width: 300px;
}
input#from_address {
	padding: 5px;
	width: 80%;
}
.calcul_itineraire h5 {
	margin: 10px auto;
}
.calcul_itineraire_title{
	cursor: pointer;
	font-weight: normal;
	margin: auto;
}
.calcul_itineraire_title:after{
	content: "";
	background-image: url(../images/arrow_drop_down.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.calcul_itineraire_title.active:after{
	background-image: url(../images/arrow_drop_up.png);
}
.calcul_itineraire_content{
	display: none;
}
.infowindow button {
	border: none;
	padding: 0px 10px;
	height: 33px;
	/*background: #0275d8;*/
	background-color: #1d94ce;
	color: white;
	border-radius: 2px;
	-webkit-transition: background-color .25s;
	transition: background-color .25s;
}

.infowindow button:hover {
	background-color: #2c89da;
}

.header_content {
	padding: 10px;
}
.footer_content {
	background-color: #f2f5fd;
	width: 100%;
	text-align: center;
	padding: 20px 0;
}
ul.marker_type_available{
	margin: 10px 0;
	padding: 0;
	text-align: center;
}

ul.marker_type_available li {
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
	vertical-align: top;
	margin: 5px;
	/*width: 60px;*/
	line-height: normal;
}

ul.marker_type_available.nb_categ_1 li {
	width: auto;
}

ul.marker_type_available.nb_categ_2 li {
	width: 45%;
}

ul.marker_type_available.nb_categ_3 li {
	width: 30%;
}

ul.marker_type_available.nb_categ_4 li {
	width: 20%;
}
ul.marker_type_available.nb_categ_5 li {
	width: 15%;
}

ul.marker_type_available li img {
	display: block;
	margin: auto;
	width: 30px;
	margin-bottom: 5px;
}
.marker_type_available .chiens-de-traineaux {
	background-image: url("../images/markers/chiens-de-traineaux-big.png");
}
.marker_type_available .attelage {
	background-image: url("../images/markers/attelage-big.png");
}
.marker_type_available .luge {
	background-image: url("../images/markers/luge-big.png");
}
.marker_type_available .patinoire {
	background-image: url("../images/markers/patinoire-big.png");
}
.marker_type_available .patinoire-naturelle {
	background-image: url("../images/markers/patinoire-naturelle-big.png");
}
.marker_type_available .raquettes {
	background-image: url("../images/markers/raquettes-big.png");
}
.marker_type_available .ski-de-descente {
	background-image: url("../images/markers/ski-de-descente-big.png");
}
.marker_type_available .ski-de-fond {
	background-image: url("../images/markers/ski-de-fond-big.png");
}
.marker_type_available .stade-de-biathlon {
	background-image: url("../images/markers/stade-de-biathlon-big.png");
}
.marker_type_available .tremplin{
	background-image: url("../images/markers/tremplin-big.png");
}
div#actions_direction_panel {
	position: relative;
	height: 20px;
}
#close_direction_panel{
	position: absolute;
	right: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	/*background-image: url("../images/close.png");*/
}
#print_direction_panel{
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	/*background-image: url("../images/print.png");*/
}

div#toggle_type{
	display: none;
}

div#map-canvas{
	z-index: 2;
}
/*loader animation*/
#map_loader {
	/* display: none; */
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: rgba(255, 255, 255, 0.56);
	width: 50px;
	height: 50px;
	font-size: 10px;
	text-align: center;
	line-height: 63px;
	color: #a0a0a0;
	z-index: 1;
}

img#slidecaption {
	width: 25px;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-animation-name: spinner;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 2s;
	animation-name: spinner;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

div#search_box {
	position: absolute;
	top: 50px;
	left: 12px;
	z-index: 10;
	background: white;
	padding: 5px;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	font-size: .75em;
}

div#search_box:hover input.input_center_map {
	width: 150px;
}
div.center_map_bt {
	padding: 8px;
	display: inline-block;
	font-size: .75em;
	background: #a4c400;
	color: #fff;
	transition: .25s;
	cursor: pointer;
}
div.center_map_bt:hover {
	color: #5e4c3e;
}

input.input_center_map {
	width: 100px;
	transition: .25s;
}
div#search_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.85);
	z-index: 100;
	display: flex;
}

.overlay_content {
	margin: auto;
	text-align: center;
}

.overlay_content input.input_center_map {
	width: auto;
	margin-right: 10px;
}
/* WebKit and Opera browsers */
@-webkit-keyframes spinner {
	from
	{
		-webkit-transform: rotateY(0deg);
	}
	to {
		-webkit-transform: rotateY(-360deg);
	}
}
/* all other browsers */
@keyframes spinner {
	from {
		-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	to
	{
		-moz-transform: rotateY(-360deg);
		-ms-transform: rotateY(-360deg);
		transform: rotateY(-360deg);

	}
}

.marker_content{
	text-align: center;
	padding-bottom: 1px;
}
.marker_content p {
	font-size: 1.1em;
	padding: 0 10px;
	font-weight: 400;
}

@media screen and (max-width: 1199px){

	#directionsPanel{
		position: relative;
		margin-top: 20px;
		right: 0;
		left: 0;
		height: 0;
		overflow: auto;
		margin: auto;
		opacity: 0;
		max-width: 90%;
		padding: 0;
	}

	div#directionsPanel.active {
		height: 500px;
		opacity: 1;
		padding: 10px;
	}

}

@media screen and (max-width: 1140px){
	ul#type li{
		font-size: .75rem;
	}
}

@media screen and (max-width: 768px){

	.infowindow{
		min-width: 400px;
	}

	h5#results_label {
		height: 50px;
		margin: auto;
	}
	div#print_direction_panel{
		display: none;
	}
	div#toggle_type{
		display: block;
	}
	div#toggle_type {
		position: absolute;
		top: 55px;
		left: 0;
		width: 40px;
		height: 40px;
		background: url(../images/markers/default.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 80%;
		-webkit-transition: .25s;
		transition: .25s;
		border-radius: 0px 5px 5px 0px;
		z-index: 100;
		box-shadow: -1px 1px 2px 0 rgba(50, 50, 50, 0.27);
	}

	div#toggle_type.active {
		left: 200px;
	}
	div#map_main {
		position: relative;
		overflow: hidden;
	}

	body ul#type {
		position: absolute;
		top: 55px;
		z-index: 10;
		background: #ffffff;
		width: 200px;
		bottom: 0;
		overflow: auto;
		/*padding: 20px;*/
		/*height: 100%;*/
		left: -200px;
		-webkit-transition: .25s;
		transition: .25s;
		/*padding-bottom: 50px;*/
		z-index: 101;
		height: 150px;
	}

	body ul#type.active {
		left: 0;
	}

	ul.marker_type_available li{
		font-size: .75rem;
	}

	.infowindow{
		font-size: .8em;
	}
	.infowindow img {
		max-width: 100%;
		height: 30vh;
		width: auto;
	}

}

@media screen and (max-width: 480px){

	.infowindow{
		max-width: 150px;
	}

	.infowindow .row > div{
		width: 95%;
	}
	body input#from_address {
		font-size: 1rem;
		width: 75%;
	}

}

@media screen and (max-width: 480px){

	.infowindow{
		min-width: 250px;
	}

}

@media screen and (max-width: 375px){

	.infowindow{
		min-width: 200px;
	}

	body input#from_address{
		width: 77%;
		font-size: .9rem;
		padding: 3px;
		line-height: 20px;
	}
	.infowindow button{
		padding: 0 5px;
		height: 25px;
	}
	ul.marker_type_available{
		margin-bottom: 0
	}

}

@media screen and (max-width: 375px){

	.calcul_itineraire_title{
		font-size: .9rem;
	}
	.infowindow{
		min-width: 180px;
	}

}
@media screen and (max-width: 320px){
	body ul#type{
		width: 190px;
		left: -190px;
	}
	div#toggle_type.active{
		left: 190px;
	}
}