/* GMAPFP main CSS */
/* J4_0_12P */

/* affichage de icons devant les informations */
.gmapfp-icon {
	background-repeat: no-repeat;
	background-position: left;
    background-size: 24px;	
	padding-left: 30px
}

.hstack {
    flex-direction: row;
	flex-wrap: wrap;
    align-self: stretch;
    align-items: center;
    display: flex
}

.vstack {
    flex-direction: column;
    flex: auto;
    align-self: stretch;
    display: flex
}

/* Pour affichage correcte du formulaire de siasi d'un lieu */
#com-gmapfp-form .form-control:disabled, .form-control[readonly] {
    background-color: #e8e8e8 !important;
    opacity: 1 !important;
}
#com-gmapfp-form .input-group-text {
    color: white !important;
    background-color: #132f53 !important;
}
#com-gmapfp-form .btn-secondary {
    background-color: var(--template-bg-dark-60) !important;
    border-color: var(--template-bg-dark-60) !important;
    color: white !important;
}

/* 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;
}