﻿/* GMAPFP main CSS */
/* J4_0_8P */
 #gmap .control-group .control-label{
	 padding:.3rem 1rem .3rem 0;
	 width:auto;
	 }
 
 #gmap .form-vertical .control-group {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #f5f5f5;
	padding: 5px;
}
 
 #gmap .form-check {
	margin-bottom: 0;
	padding-top: 5px;
	display: inline-block;
	margin-right: 15px;
}

 #gmap .checkboxes {
	padding-top: 5px;
	width: 100;
	width: 100%;
	display: block;
}

/* Styles généraux pour la fenêtre modale */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
}

.modal-content {
    background-color: #fefefe;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* Style pour le bouton de fermeture de la fenêtre modale */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* affichage des options itinéraires */
.map-car-button-standard.selected {
	background: white url(../images/icons/standard/car_on.png) no-repeat;
	padding-bottom: 10px;
}
.map-car-button-standard {
	background: white url(../images/icons/standard/car_off.png) no-repeat;
	width:37px;
	height:23px;
	float: left;
	margin-left: 10px;
}
.map-bike-button-standard.selected {
	background: white url(../images/icons/standard/bike_on.png) no-repeat;
	padding-bottom: 10px;
}
.map-bike-button-standard {
	background: white url(../images/icons/standard/bike_off.png) no-repeat;
	width:37px;
	height:23px;
	float: left;
}
.map-transit-button-standard.selected {
	background: white url(../images/icons/standard/transit_on.png) no-repeat;
	padding-bottom: 10px;
}
.map-transit-button-standard {
	background: white url(../images/icons/standard/transit_off.png) no-repeat;
	width:37px;
	height:23px;
	float: left;
}
.map-walk-button-standard.selected {
	background: white url(../images/icons/standard/walk_on.png) no-repeat;
	padding-bottom: 10px;
}
.map-walk-button-standard {
	background: white url(../images/icons/standard/walk_off.png) no-repeat;
	width:37px;
	height:23px;
	float: left;
}
.directions-standard i{
	background: white url(../images/icons/standard/directions.png) no-repeat;
	width:24px;
	height:24px;
	float: left;
	margin-right: 10px;
}
.plus-standard i{
	background: white url(../images/icons/standard/plus.png) no-repeat;
	width:24px;
	height:24px;
	display: inline-block;
	vertical-align: bottom;
}
.marker_icon-standard{
	background: white url(../images/icons/standard/marker_icon.png) no-repeat;
	width:20px;
	height:20px;
	float: left;
}

.map-car-button-monochrome.selected {
	background: white url(../images/icons/monochrome/car_on.png) no-repeat;
	padding-bottom: 10px;
}
.map-car-button-monochrome {
	background: white url(../images/icons/monochrome/car_off.png) no-repeat;
	width:37px;
	height:23px;
	float: left;
	margin-left: 10px;
}
.map-bike-button-monochrome.selected {
	background: white url(../images/icons/monochrome/bike_on.png) no-repeat;
	padding-bottom: 10px;
}
.map-bike-button-monochrome {
	background: white url(../images/icons/monochrome/bike_off.png) no-repeat;
	width:37px;
	height:23px;
	float: left;
}
.map-transit-button-monochrome.selected {
	background: white url(../images/icons/monochrome/transit_on.png) no-repeat;
	padding-bottom: 10px;
}
.map-transit-button-monochrome {
	background: white url(../images/icons/monochrome/transit_off.png) no-repeat;
	width:37px;
	height:23px;
	float: left;
}
.map-walk-button-monochrome.selected {
	background: white url(../images/icons/monochrome/walk_on.png) no-repeat;
	padding-bottom: 10px;
}
.map-walk-button-monochrome {
	background: white url(../images/icons/monochrome/walk_off.png) no-repeat;
	width:37px;
	height:23px;
	float: left;
}
.directions-monochrome i{
	background: white url(../images/icons/monochrome/directions.png) no-repeat;
	width:40px;
	height:40px;
	float: left;
	margin-right: 10px;
}
.plus-monochrome i{
	background: white url(../images/icons/monochrome/plus.png) no-repeat;
	width:24px;
	height:24px;
	display: inline-block;
	vertical-align: bottom;
}
.marker_icon-monochrome{
	background: white url(../images/icons/monochrome/marker_icon.png) no-repeat;
	width:20px;
	height:20px;
	float: left;
}

.map-car-button-orange.selected {
	background: white url(../images/icons/orange/car_on.png) no-repeat;
	padding-bottom: 10px;
}
.map-car-button-orange {
	background: white url(../images/icons/orange/car_off.png) no-repeat;
	width:37px;
	height:23px;
	float: left;
	margin-left: 10px;
}
.map-bike-button-orange.selected {
	background: white url(../images/icons/orange/bike_on.png) no-repeat;
	padding-bottom: 10px;
}
.map-bike-button-orange {
	background: white url(../images/icons/orange/bike_off.png) no-repeat;
	width:37px;
	height:23px;
	float: left;
}
.map-transit-button-orange.selected {
	background: white url(../images/icons/orange/transit_on.png) no-repeat;
	padding-bottom: 10px;
}
.map-transit-button-orange {
	background: white url(../images/icons/orange/transit_off.png) no-repeat;
	width:37px;
	height:23px;
	float: left;
}
.map-walk-button-orange.selected {
	background: white url(../images/icons/orange/walk_on.png) no-repeat;
	padding-bottom: 10px;
}
.map-walk-button-orange {
	background: white url(../images/icons/orange/walk_off.png) no-repeat;
	width:37px;
	height:23px;
	float: left;
}
.directions-orange i{
	background: white url(../images/icons/orange/directions.png) no-repeat;
	width:40px;
	height:40px;
	float: left;
	margin-right: 10px;
}
.plus-orange i{
	background: white url(../images/icons/orange/plus.png) no-repeat;
	width:24px;
	height:24px;
	display: inline-block;
	vertical-align: bottom;
}
.marker_icon-orange{
	background: white url(../images/icons/orange/marker_icon.png) no-repeat;
	width:20px;
	height:20px;
	float: left;
}

.map-car-button-windows8.selected {
	background: white url(../images/icons/windows8/car_on.png) no-repeat;
	padding-bottom: 10px;
}
.map-car-button-windows8 {
	background: white url(../images/icons/windows8/car_off.png) no-repeat;
	width:37px;
	height:23px;
	float: left;
	margin-left: 10px;
}
.map-bike-button-windows8.selected {
	background: white url(../images/icons/windows8/bike_on.png) no-repeat;
	padding-bottom: 10px;
}
.map-bike-button-windows8 {
	background: white url(../images/icons/windows8/bike_off.png) no-repeat;
	width:37px;
	height:23px;
	float: left;
}
.map-transit-button-windows8.selected {
	background: white url(../images/icons/windows8/transit_on.png) no-repeat;
	padding-bottom: 10px;
}
.map-transit-button-windows8 {
	background: white url(../images/icons/windows8/transit_off.png) no-repeat;
	width:37px;
	height:23px;
	float: left;
}
.map-walk-button-windows8.selected {
	background: white url(../images/icons/windows8/walk_on.png) no-repeat;
	padding-bottom: 10px;
}
.map-walk-button-windows8 {
	background: white url(../images/icons/windows8/walk_off.png) no-repeat;
	width:37px;
	height:23px;
	float: left;
}
.directions-windows8 i{
	background: white url(../images/icons/windows8/directions.png) no-repeat;
	width:40px;
	height:40px;
	float: left;
	margin-right: 10px;
}
.plus-windows8 i{
	background: white url(../images/icons/windows8/plus.png) no-repeat;
	width:24px;
	height:24px;
	display: inline-block;
	vertical-align: bottom;
}
.marker_icon-windows8{
	background: white url(../images/icons/windows8/marker_icon.png) no-repeat;
	width:20px;
	height:20px;
	float: left;
}

.gmapfp_direction {
	padding: 1rem;
}
.map-options-routes a {
	padding: 0 10px 10px 10px;
}
.map-options-routes_choose {
	padding: 10px;
	margin: 10px;
	border: solid 1px;
}
.map-options-routes_choose input{
	padding: 5px;
	margin: 5px;
}

.com-gmapfp-carte.item-page{
	position: relative;
	z-index: 9;
}
.com-gmapfp-map-button{
	position: absolute;
	left: 0px;
	z-index: 999;
}
.com-gmapfp-map-button_image_haute {
	padding: 5px 2px 5px 3px; 
	cursor: pointer; 
	background: url(../images/hautmenuboutton.gif) no-repeat;
	height: 43px;
	width: 35px;
}
.com-gmapfp-map-button_image_centre {
	padding: 5px 2px 5px 3px; 
	cursor: pointer; 
	background: url(../images/menuboutton.gif) repeat-y;
	height: 43px;
	width: 35px;
}
.com-gmapfp-map-button_image_basse {
	padding: 5px 2px 5px 3px; 
	cursor: pointer; 
	background: url(../images/basmenuboutton.gif) no-repeat;
	height: 43px;
	width: 35px;
}
.gmapfp_geolocal_info {
	padding: 2px 10px;
}

.geocoder_fenetre {
	background-color: #fff;
    position: absolute;
    z-index: 20000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.geocoder_fenetre_item {
    cursor: default;
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    color: #999;
}
.geocoder_fenetre_item strong {
	color: #000;
	font-weight: 700;
}

.com-gmapfp-directions .leaflet-control {
	float: none;
}
.com-gmapfp-directions .leaflet-routing-container {
	width: auto;
}
.gmapfp_search_col {
	flex: 1 0 300px;
}
