html,body{margin:0;padding:0}
body{background:#b8c4b8 url(../photo/bg/null.png) fixed no-repeat}
div#page,div.menui{font-family:Verdana,Arial,Helvetica,sans-serif}

.lynx{display:none}
#menu{left:10px;top:10px;/* pour IE */position:absolute;top:expression(documentElement.scrollTop+body.scrollTop + 10 + "px")}
html>body #menu,html[xmlns] #menu{position:fixed}
.alph{color:#0088aa;font-weight:700}
.menui{line-height:1.5em;font-size:.8em;font-weight:700}
.menui a{text-decoration:none}
.menui a:visited{color:#774400}

#page{margin:1% 1.5% 1% 18%;border-right:1px solid #999999;border-bottom:1px solid #999999;padding:1em 1em 1em 50px;
	background:#ffffff url(../photo/bg/spire.gif) repeat-y;font-size:.8em;line-height:16px;color:#000}

h1{font-size:2.5em;line-height:1em}
h2{font-size:1.2em;font-weight:500}
h3{font-size:1.4em}
h4{margin:.7em 0 .3em 0;font-size:1em}

.epi{/* épigraphe */float:right;margin-right:.5em;padding:5px;background-color:#f0fff0;color:#000}
.epi div{font-size:.8em}
#comp td{width:50%;border:1px solid silver;padding:.4em;_font-size:.8em;vertical-align:top}
p,ul{margin:0 1em .5em 40px}
.intro{margin-left:0}
.note{/* post-it */float:right;width:27%;margin-right:.5em;margin-bottom:.5em;margin-left:.2em;padding:5px;background-color:#ffffbb;color:#000}
dl.ill{float:right;margin:-1em .5em .5em .1em;}
.ill img{border-width:1px}
.ill dd{margin:-1.8em 0 0 2px;color:#fff;font-size:.8em}
ul{padding:0;list-style-type:circle}
.anec,.que{color:#866}
.fin{clear:both}
acronym{_text-decoration:underline}

dl.picc{margin:0 auto;text-align:center;}
dl.picc dt,dl.picc dd{margin:0;padding:0}
dl.picc dd{padding-bottom:5px;text-align:center;color:#a080d0}