/* block */
.lpi_trajets, .lpi_trajets * { box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.lpi_trajets .line { display:block; font-size:0; margin:0 -15px; }
.lpi_trajets .line .demiblock { display:inline-block; padding:0 15px; vertical-align:top; width:50%; }
.lpi_trajets .line .demiblock > label { color:#000; display:block; font-family:"Karla",Arial; font-size:16px; line-height:1; margin:0 0 10px 0; }
.lpi_trajets .line .demiblock > label span { background:#000; border-radius:100%; color:#fff; display:inline-block; font-family:"NovecentowideMedium",Arial; font-size:16px; height:26px; line-height:26px; margin-right:5px; text-align:center; vertical-align:baseline; width:26px; }
.home .lpi_trajets .line .demiblock > label span { color:#FF9D1E; }
.lpi_trajets .line .demiblock input[type=text] { border:none; height:40px; width:100%; }

.lpi_trajets .lpi_trajets_moyens { font-size:0; }
.lpi_trajets .lpi_trajets_moyens label { cursor:pointer; display:inline-block; margin-left:25px; overflow:hidden; position:relative; vertical-align:bottom; }
.lpi_trajets .lpi_trajets_moyens label input { border:none; left:-100%; margin:0; opacity:0.01; padding:0; position:absolute; top:-100%; }
.lpi_trajets .lpi_trajets_moyens label span { display:block; }

.lpi_trajets .lpi_trajets_moyens label[for=moyen_transit] span { background-image:url('moyen_transit.png'); height:45px; width:64px; }
.lpi_trajets .lpi_trajets_moyens label[for=moyen_transit] input:checked + span,
.lpi_trajets .lpi_trajets_moyens label[for=moyen_transit]:hover span { background-image:url('moyen_transit_checked.png'); }

.lpi_trajets .lpi_trajets_moyens label[for=moyen_driving] span { background-image:url('moyen_driving.png'); height:38px; width:59px; }
.lpi_trajets .lpi_trajets_moyens label[for=moyen_driving] input:checked + span,
.lpi_trajets .lpi_trajets_moyens label[for=moyen_driving]:hover span { background-image:url('moyen_driving_checked.png'); }

.lpi_trajets .lpi_trajets_moyens label[for=moyen_bicycling] span { background-image:url('moyen_bicycling.png'); height:32px; width:48px; }
.lpi_trajets .lpi_trajets_moyens label[for=moyen_bicycling] input:checked + span,
.lpi_trajets .lpi_trajets_moyens label[for=moyen_bicycling]:hover span { background-image:url('moyen_bicycling_checked.png'); }

.lpi_trajets .lpi_trajets_moyens label[for=moyen_walking] span { background-image:url('moyen_walking.png'); height:37px; width:19px; }
.lpi_trajets .lpi_trajets_moyens label[for=moyen_walking] input:checked + span,
.lpi_trajets .lpi_trajets_moyens label[for=moyen_walking]:hover span { background-image:url('moyen_walking_checked.png'); }

.lpi_trajets .btncont { padding-top:20px; text-align:center; }

/* page */
#map { height:0; width:100%; }
#map.showed { height:530px; }

@media screen and (max-width: 480px){
	.lpi_trajets_moyens { text-align:center; }
	.lpi_trajets_moyens label { margin:10px !important; }
}