.fermeouvre{display : none }
.ouvre{ display : block ; width : 12px ; color : white ; background-color : blue ; font-weight : bold}
.familles{ display : none}
 .sources{display : none }
  .communes{ display : none}
.colfamilles{color : rgb(255,220,0) ; background-color : black }
.colsources{color :white ; background-color : rgb(150,150,150) }
.colcommunes{color :white ; background-color : rgb(150,150,150) }

.fermeouvre2{ display : block  ;width : 12px}
.ouvre2{display : none }
.sources2{ display :none }
 .communes2{display : block ; background-color : rgb(230,255,230); width :250px } 
 .familles2 {display : none}
.colcommunes2{color : rgb(255,220,0) ; background-color : black}
.colsources2{color :white ; background-color : rgb(150,150,150)}
.colfamilles2{color :white ; background-color : rgb(150,150,150)}

.fermeouvre3{ display : block  ;width : 12px}
.ouvre3{display : none }
.sources3{display : block ; background-color : rgb(255,230,230) ; width :250px} 
.communes3{ display :none} 
 .familles3 {display : none}
.colsources3{color : rgb(255,220,0) ; background-color : black}
.colcommunes3{color :white ; background-color : rgb(150,150,150)}
.colfamilles3{color :white ; background-color : rgb(150,150,150)}