body  { font: 10px 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   { background-color: #e8f1ff; 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: #012042; background-image: url(flecheO.gif); background-repeat: no-repeat; background-position: 8px 6px; cursor: pointer; padding: 3px 5px 3px 20px }
.teteTenuDesc   { color: #fff; background-color: #7f92bd; background-image: url(flecheO.gif); background-repeat: no-repeat; background-position: 8px 6px; cursor: pointer; padding: 3px 5px 3px 20px }

#menu { position: absolute; top: 230; left: 0 }
dl#menu  { width: 105px }
dl#menu dt   { font-weight: bold; background-image: url(fleche.gif); background-repeat: no-repeat; background-position: 8px 6px; text-align: left; cursor: pointer; width: 120px; border-bottom: 1px solid #6a78a2 }
dl#menu li  { background: #cfdae6; text-align: left; width: 120px; border-bottom: 1px solid #6a78a2 }
dl#menu li a  { color: #212e63; text-decoration: none; display: block; width: 120px; 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: #e1effd }
dl#menu dt a:hover    { background: #012042 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 }