/* Une partie de ce code css provient
 * de http://bluerobot.com/web/layouts/layout1.html */
body {
    margin:0px;
    padding:0px;
    font-family:helvetica, sans-serif;
    background-color:white;
    color:#000000;
}
hr {
    border:none;
    background: url('degrade.png') black;
    background-repeat: no-repeat;
    height: 2px;
}
p {
    font-family: helvetica, sans-serif;
    margin:0px 0px 1em 0px;
    padding:0px;
}
a {
    font-family:verdana, sans-serif;
    color:#0000FF;
}
a:visited {
    color:#663366;
}
h1 {
    text-align:center;
}
.h1left {
    text-align:left;
}
#Header {
    margin:50px 0px 10px 0px;
    padding:8px 0px 0px 20px;
    /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
    height:35px; /* 25px + 12px + 2px = 35px */ 
    border-style:dashed;
    border-color:black;
    border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
    line-height:11px;
    background-color:#FFFFFF;
    color:#000000;
    font-family:helvetica, sans-serif;
    font-size:1.35em;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
 * Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
 * IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
 * declaration. The incorrect IE5/Win value is above, while the correct value is 
 * below. See http://glish.com/css/hacks.asp for details. */
    voice-family: "\"}\"";
    voice-family:inherit;
    height:25px; /* the correct height */
}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
 * length values to user agents that exhibit the parsing error exploited above yet get 
 * the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
 * a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:25px;}

#Content {
    margin:0px 50px 20px 208px;
    padding:10px;
}
#Content a:hover {
    background-color:#0000FF;
    color:#FFFFF0;
}
#Footer {
    margin:0px 50px 50px 208px;
    padding:10px;
}
#Footer img {
    border:none;
} 
#Menu {
    position:absolute;
    top:100px;
    left:20px;
    width:180px;
    padding:10px;
    font-size:0.8em;
    font-family:verdana, sans-serif;
    background-color:#FFFFFF;
    color:#000000;
    border:1px dashed black;
    line-height:17px;
/* Again, the ugly brillant hack. */
    voice-family: "\"}\"";
    voice-family:inherit;
    width:158px;
}
/* Again, "be nice to Opera 5". */
body>#Menu {width:158px;}

#Menu a,
#Menu a:hover,
#Menu a:visited {
    text-decoration:none;
}
#Menu ul,
#Menu li {
    list-style:none;
}
#Menu a:hover {
    background-color:#0000FF;
    color:#FFFFF0;
}
#nav1 {
    padding:0;
    margin:0;
}
#nav2 {
    padding:0;
    margin:0;
}
#nav1 li.level1 {
    margin:0;
    padding:0;
}
#nav2 li.level1 {
    margin:0;
    padding:0;
}
#nav1 ul.level2 {
    margin:0;
    padding:0;
    text-indent:0.5em
}
.separator {
    color:#fff;
    background-color:#fff;
}
.hpage {
    float:right;
    margin:0 0 10px 0;
}
.hpage a:hover {
    background-color:#0000FF;
    color:#FFFFF0;
}
.psuiv {
    float:right;
}
.pprec {
    float:left;
}

