/* CSS for "Web ressourcer" */
html { height:100%; margin:0; padding:0; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-size:85%; background-color:#fcfaf8; color:black; }
body { position:relative; width:85%; margin:4em auto; background-color:#fcfaf8; color:black; height:170em}
h1 { position:absolute; top:-1.8em; left:0.1em; padding:.5em; margin-top:.5em; font-size:1.8em; }
h1 span { padding:0 .3em; background:#fdfcfb; color:black; }
h2 { position:absolute; top:1em; right:-1em; width:auto; padding:.3em .5em .4em; margin-top:.5em; border:solid 3px; background:#cca78f url(./dnofDark.jpg) left repeat-y; color:white; font-family:'Stylus BT','Comic sans MS',arial,helvetica,sans-serif; font-size:1.8em; }
h3 {font-size:1.1em;}
h4 {font-size:1em; margin-bottom:0; padding-bottom:0; }
a { text-decoration:none; background-color:transparent; color:#705c4e; }
a:focus { background-color:transparent; color:#FF8C00; }
a:hover { background-color:transparent; color:#FF8C00; text-decoration:underline;}
ul.menu { position:absolute; top:7em; right:-1.8em; width:15.3em; padding:.5em; border:solid 3px white; margin-top:.5em; background:#e6d8cf url(./dnof.jpg) left repeat-y; color:black; font-family:'Comic sans MS',arial,helvetica,sans-serif; list-style:none; font-size:1em; }
ul.menu li { padding:0; font-weight:bold; }
ul.menu a { display:block; width:100%; font-weight:normal; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-size:.95em; }
ul.menu a:hover { background-color:inherit; color:#ff8c00; }
h2 a { background-color:inherit; color:white }
code { font-size:1.2em; }
dt, div.mainContent h3 { width:15em; padding:.1em 0 .1em .5em; margin:1em 0 .3em; font-variant:small-caps; background:#e6d8cf url(./fond.jpg) right repeat-y; color:black; }
dd dt { /* liste niv.2 */ padding:0; margin:0; font-variant:normal; font-style:italic; background:none; }
dl, div.mainContent { padding:1.5em; border:dashed 1px #A87848; background-color:white; color:black; line-height:1.5; }
div.mainContent p { width:70%; margin-top:0; }
div.section { padding-left:2em; }
dl dd dl /* liste niv.2 */ { border-style:none; background-image:none; padding:0; }
p#fod { padding-bottom:.5em; margin-bottom:2em; text-align:right; }
p#fod abbr { border-bottom:dotted 1px; font-variant:small-caps; }
span.abbr, abbr, acronym { border-bottom:dotted 1px; font-variant:small-caps; text-decoration:none; }
@media screen, projection {
    p#fod abbr { cursor:help; }
    span.abbr, abbr, acronym { cursor:help; }
}
dl dl dt { width:auto; }
p#fod em { background:inherit; color:red; font-style:italic; }
ul li { width:85%; }
.comment { width:70%; margin:.5em 0 !important; }

/* WEB */

#web dl { background:white url(./pense.gif) no-repeat bottom right; color:black; }
#web dl dd dl { border-style:none; background-image:none; background-color:transparent; padding:0; }
#web dd p { padding:0; margin:0 0 0 1.5em; font-style:italic; }
#note { margin-top:2.5em !important;}

/* Valid */
div.section a { border-bottom:dotted 1px #d0b090; }
div.section a:hover { border-bottom:solid 1px #FF8C00; text-decoration:none; }

/* FF UDV */

#udv dl { background:white url(./takeback.gif) no-repeat bottom right; color:black; line-height:1.8/*24px*/; }
#udv dl dd dl { border-style:none; background-image:none; padding:0; }
#udv dd a { border-bottom:dotted 1px #d0b090; font-weight:bold; }
#udv dd a:hover { border-bottom:none; }
#udv dt { background:url(./takeitover.gif) top left no-repeat; }
