body  { font: 12px Verdana, Arial, sans-serif; background: transparent; margin: 0; padding: 0 }
dl, dt, dd  { list-style-type: none }
ul, li  { list-style-type: none; margin-left: -20px; padding: 0 }
.menus  { cursor: pointer; padding: 3px 5px 3px 20px  }
.menuTenu   { color: #800000; background-color: #d7d7d7; background-image: url(flecheorange.gif); background-repeat: no-repeat; background-position: 8px 6px; cursor: pointer; padding: 3px 5px 3px 20px  }
.teteTenu  { color: #fff; background-color: #494949; background-image: url(flecheO.gif); background-repeat: no-repeat; background-position: 6px 8px; cursor: pointer; padding: 3px 5px 3px 20px }
.teteTenuDesc   { color: #fff; background-color: #6e6e6e; background-image: url(flecheO.gif); background-repeat: no-repeat; background-position: 6px 8px; cursor: pointer; padding: 3px 5px 3px 20px }

#menu { position: absolute; top: 129px; left: 17px }
dl#menu  { width: 110px }
dl#menu dt   { font-weight: bold; background-color: #989898; background-image: url(fleche.gif); background-repeat: no-repeat; background-position: 8px 6px; text-align: left; cursor: pointer; width: 130px; border-bottom: 1px solid #6a78a2  }
dl#menu li  { background: #cdcdcd; text-align: left; width: 130px; border-bottom: 1px solid #494949 }
dl#menu li a  { color: #333; text-decoration: none; width: 130px; display: block; height: 100%; border: 0  }
dl#menu dt a { color: #fff; text-decoration: none; display: block; height: 100%; border: 0 }
dl#menu li a:hover  { background: #dcdcdc }
dl#menu dt a:hover    { background: #494949 url(flecheO.gif) no-repeat 6px 8px; }
#mentions { color: #000; font-family: Verdana, Arial, sans-serif; background-color: #ddd; position: absolute; bottom: 200px; left: 10px }
#mentions a { color: #222; text-decoration: none }
#mentions a:hover { text-decoration: underline }