#texte .mypets{ /*header of 1st demo*/
  cursor: pointer;
  padding: 2px 5px;
  border: 1px solid gray;
  background: #E1E1E1;
}

#texte .openpet{ /*class added to contents of 1st demo when they are open*/
  background: yellow;
}

#texte .technology{ /*header of 2nd demo*/
  cursor: pointer;
  font-size: 12px;
  line-height:20px;
  clear:both;
  padding:2px 0 3px;
}
#texte h2.technology {
  font-size:12px;
  line-height: 16px;
  height:20px;
  margin-bottom:0px;
  padding-bottom:3px;
}
#texte .technology img{
 margin: 0px 2px 0 0;
 float:left;
}
#texte h2.openlanguage{
  color: #E2A467;
  font-weight: bold;
}
#texte  h2.closedlanguage{
  color: #857b6e;
}

#texte .thelanguage{
  float:left;
  width:740px;
  padding-left:6px;
  margin:0px;
}

#texte .thelanguage .aligner{
  width:730px;
  padding:5px 0 5px 5px;
  margin:0px;
  border-left: dotted 1px #E2A467;
  border-bottom: dotted 1px #E2A467;
  float:left;
}


#texte .openlanguage{ /*class added to contents of 2nd demo when they are open*/
  color: green;
}

#texte .closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
  color: red;
}