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

.ouvre2{display : none }
.fermeouvre2{ display : block  ; width : 12px  }

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

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