/* via ERIC MEYER GOUROU DES CSS  */


body {position: relative; background: #D2D2D2; margin: 0; padding: 0;}

div#links {position: absolute; 
top: 81px; left: 0; 
width: 166px; height: 700px; 
font: 16px Verdana, 
sans-serif; 
z-index: 100;}


div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #9BE800; background: #800199;
   border-right: 5px solid #505050;}
div#links a:hover {color: #370037; background: #AC01CB;
   border-right: 5px double white;}

div#links a span {display: none;}

/* positionnement de la pop up box... */
div#links a:hover span {display: block;
   position: absolute; top: 250px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #E49DF1; background: #A01AB9;
   font: 10px Verdana, sans-serif; text-align: center;
   border-left : 1px dashed #2D2D2D;
   }

div#content {position: absolute; top: 26px; left: 161px; right: 25px;
   color: #303030; background: #E4E4EB; 
   font: 13px Verdana, sans-serif; padding: 10px; 
   border: solid 5px #444;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}

h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right; background: #800199; color: #9BE800; letter-spacing: 0.3em; text-transform: lowercase; font: bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: #800199;}
div#content a:visited {color: #390044;}
div#content a:link:hover {color: #560165;}
div#content a:visited:hover {color: #C04343;}
code, pre {color: #999999; font: 110% monospace;}
-->