#menu-princ>h2 {
  color: #000;
  font-size: 1em;
  text-shadow: 1px 1px 2px #fff;
  margin: 0 0 0 20px;
}

#menu-princ>h2 a {
  display: block;
  padding-top: 10px;
  padding-left: 32px;
  margin: 0;  
  text-decoration: none;  
  color: black;
  font-weight: normal;
}

#menu-princ h2 + article {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  /*background: rgb(26, 26, 92);*/
  background: #156e93;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition:all 0.3s ease;
  transition: all 0.3s ease;
}

#menu-princ .content {
  padding-left: 32px;
}

#menu-princ .content ul {
  list-style: square;
  color:#fff;
  margin-left:25px;
}

#menu-princ .content ul li{
  padding-bottom: 5px;
}

#menu-princ .content ul li a{
  text-decoration: none;
  /*color: #3171b3;
  font-weight: bold;*/
  color: #000;
  font-size: 0.8em;
}

#menu-princ .content ul li a:hover{
  text-decoration: underline;
}

#menu-princ h2.open + article {
  height: auto;
  /*background: rgb(222, 222, 241);*/
  background:#88c5df;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

/* Responsive design
--- */