input[type=checkbox].activite {
    visibility: collapse;
}

input[type=checkbox].activite + label {
    border-radius: 50%;
    border: 1px solid #d8d8d8;
    padding: 9px 11px 8px 11px;
    background-color: #f4f4f4;
    color: #000;
    text-align: center;
	cursor:pointer;
}

input[type=checkbox].activite:checked + label {
    border-color: rgba(216,126,11,0.2);
    background-color: rgba(216,126,11,0.2);
}

input[type=checkbox].activite:hover + label {
    border-color: rgba(216,126,11,0.5);
}

#carte_voies {
    width:100%;
	max-height:930px;
	border: solid 1px #65b33b;
}

@media screen and (min-width: 1201px) {
    #carte_voies {
		height: 79vh;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1200px) {
    #carte_voies {
		height: 82vh;
    }
}

@media screen and (min-width: 401px) and (max-width: 1000px) {
    #carte_voies {
		height: 85vh;
    }
}

@media screen and (max-width: 400px) {
    #carte_voies {
		height: 85vh;
    }

}