.menu {
 font-size: 0.58em;
 font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
 margin: 0;
 margin-right: 1em;
 padding: 0;
 width: 24em;
 position: absolute;
 background-color: #FFFFFF;
}

.logo-top {
 margin: 0;
 margin-bottom: 0;
 padding: 0;
}

.rubrics {
 margin: 0;
 margin-top: -2em;
 padding: 0;
 padding-bottom: 1.4em;
 background-color: #f2ece6;
 border: 1px black solid;
}

.menu h1 {
 font-size: 1.5em;
 margin: 0;
 margin-left:0.5em;
 margin-top: 1em;
 padding: 0;
 padding-left: 0.333em;
 padding-right:0.333em;
 color: #336699;

 background-image: url('../images/puce-menu-2.gif');
 background-repeat: no-repeat;
 background-position: 0em center;
 padding-left: 1em;
 vertical-align: middle;
}

.menu h2 {
 font-size: 1.2em;
 margin: 0;
 margin-left: 1em;
 margin-right: 1em;
 margin-top: 0.5em;
 padding: 0;
 padding-left: 0.5em;
 padding-right: 0.5em;
 text-align: left;
 color: #ff6600;
 background-image: url('../images/puce-menu-1.gif');
 background-repeat: no-repeat;
 background-position: 0.6em center;
 padding-left: 2.5em;
 vertical-align: middle;
 font-weight: normal;
}

h1 .rubrique:hover {
 background-color: #d2baaa;
}

h2 .sousrubrique {
}

.menu a {
 color: #336699;
 text-decoration: none;
}

.menu a:hover {
 text-decoration: underline;
}

.menu .logo-top {
 margin: 0;
 margin-bottom: 3em;
 padding: 0;
 padding-top: 0.6em;
 text-align: center;
}

.menu .logo-fr {
  /*border: 1px solid black;*/
  margin: 2em 10em 0 10em;
  text-align: center;
}