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

.ouvre2{display : block  ; width : 12px ;  color:white ; background-color : blue ; font-weight : bold}
.fermeouvre2{ display :none }

 .sources2{display : none} 
.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)}

.fermeouvre3{ display : block  ; width : 12px  }
.ouvre3{ display :none }

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