#messagerie {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  width: 100%;
}
#messagerie ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
#messagerie li {
   background-color: #bfe0f8/*729EBF*/;
   background-image: -webkit-linear-gradient(top, #bfe0f8 0%, #e3f1fb 100%);
   background-image: linear-gradient(to bottom, #bfe0f8 0%, #e3f1fb 100%);
   border-radius: 6px;
   margin-bottom: 5px;
   box-shadow: 3px 3px 3px #999;
   border: solid 1px #e3f1fb;
}
#messagerie li input[type=radio] {
  display: none;
}
#messagerie li li {
   max-height: 0;
   overflow: hidden;
   transition: all .5s;
   border-radius: 0;
   background-color: #e3f1fb/*444*/;
   box-shadow: none;
   border: none;
   margin: 0;
   /*padding: 5px;*/
   /*border: solid 1px #000000;*/
}
#messagerie a, #messagerie label {
  display: block;
  text-decoration: none;
  color: #025680/*fff*/;
  padding: 8px 5px;
  font-family: verdana;
  font-size: 2em/*1.2em*/;
}
#messagerie ul li a, #messagerie li:hover li a {
  font-size: 1em
}
#messagerie li:hover {
   background: #bfe0f8
}
#messagerie li li:hover {
   background: #ffffff/*f3f9fc 999*/;
}
#messagerie ul li:last-child {
   border-radius: 0 0 6px 6px;
   border: none;
}
#messagerie li input[type=radio]:checked ~ ul > li {
  max-height: 30em;
}
/*
#messagerie li:hover li {
  max-height: 15em;
}
*/