:root {


  --france_hover : #000000;


  
}

.case {
display:block;
border:1px solid black;
cursor:pointer;
}

.case.casedown {
opacity: 0.2;
}


.casehover {
border:10px solid red;
}

path {
fill:var(--france_unavailable);
}

#france g:hover path {
cursor:pointer;
border: 1px solid black;
}


#france #riom path, #france #douai path
{
fill:var(--france_selected);
}

#france g.courhover path {
fill:var(--france_hover);
}





/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {}