body {
background-color:#000;color:#7f3838;margin:0;
background-image:url(images/interface/fond.jpg);background-repeat:no-repeat;}

/* BLOCS */
#c1{width:30%;position:absolute;top:20px;left:0;border-top:3px solid #b00;}
#c2{margin:10px 33% 0 30%;}
#c3{width:33%;position:absolute;top:10px;right:0;}

#c1a{border-left:4px solid #a00;margin-left:1.5em;}
#c1b{border-top:5px solid #900;border-right:6px solid #800;margin-right:1em;}
#c1b li{padding-top:0.5em;}
#c1c{border-top:7px solid #700;border-left:8px solid #600;margin:0 1em 0 7em;height:1.5em;}
#c1d{position:absolute;margin-left:3.5em;border:2px solid #500;}

#c2a{margin-left:2em;border-top:8px solid #ff8a15;border-left:6px solid #fb7d00;}
#c2b{border-top:4px solid #e67300;border-right:2px solid #d26900;
margin:0 2em 0 2em;padding-bottom:1em;padding-top:0;}

#c3a{margin-left:1.5em;border-left:2px solid #ff8a15;border-bottom:4px solid #fb7d00;}
#c3b{border-right:6px solid #e67300;margin:0 2em 0 2em;}
#c3sa{margin-left:4em;border-top:8px solid #d26900;border-left:9px solid #d26900;
text-align:center; padding:0.3em 0 0.3em 0;}

/* BOX */
.box{padding:0.5em 0.8em 0.5em 0.8em;}
ul{padding:0; margin:0;}
li{list-style-type:none;}
#c1b,#c2b,#c3b{text-align:right;}

/* TITRES */
#titre{margin:4px 0.4em 8px 0;padding:0 0.15em 0 0.15em;border:3px solid #c00;
border-right:none;font-size:3em;text-align:center;letter-spacing:3px;}

#st{font-size:1.1em;text-align:right;margin:2.8em 10px 0 0;padding:7px 1em 7px 0.4em;
color:#7f3838;border:3px solid #f93;border-right:none;font-style:italic;}
#st_autor{font-size:xx-small;font-style:normal;}

h2{margin:0;letter-spacing:1px;color:#c00;}
#c1 h2{color:#f93;}
#c3a h2{font-size:1.25em;}
#c2a h2{letter-spacing:-2px;font-size:1.6em;}
#c1c h2,#c2b h2{font-size:1.8em;letter-spacing:5px;}
#c3b h2{font-size:3em;letter-spacing:-4px;}

h3{margin:0;color:#f93;}

/* LIENS */
a{color:#9f5838;text-decoration:none;}
li a:hover{text-decoration:overline underline;font-size:2em;
color:#f00;padding:0.2em 0 0.2em 0;letter-spacing:-4px;}

h1 a{color:#f00;}
h2 a{color:#c00;}
#c1 h2 a{color:#f93;}
h2 a:hover{text-decoration:underline; font-size:1.2em;}

h3 a{color:#f93;}
h3 a:hover{font-size:1.3em;text-decoration:underline;letter-spacing:4px;}

#c1b li a{color:#c00;letter-spacing:0px;text-decoration:none;}
#c1b li a:hover{font-size:1.1em;}
#c1b .diff a {color:#f93;}
#forum{font-size:3em;letter-spacing:-2px;}

#c3a h2{letter-spacing:0.22em;}
#c3a h2 a:hover{letter-spacing:0;}
#c3b li a:hover{letter-spacing:4px;}
#c3sa a:hover{font-size:1em;letter-spacing:0px;}