body { background:#92B0D5; margin:50px 180px 50px 0px; padding:0; font-family:verdana, arial, sans-serif; font-size:11px; background-image: url(../images/space.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: right; color:#000; } p { margin-left:5px; } h1 { background:#1A4E8F; margin:0px; position:fixed; top:0; width:100%; height:30px; border-bottom:2px solid #fff; color:#fff; font-size:24px; } h2 { background:#1A4E8F; padding:5px 0px 5px 10px; margin-bottom:20px; border-top:1px solid #fff; border-bottom:1px solid #fff; color:#fff; font-size:13px; } h2:before { content:".:: "; } h2:after { content:" ::."; } .element h2 { background:transparent; padding:5px 0px 5px 10px; margin-bottom:10px; border-top:1px dotted #fff; border-bottom:1px dotted #fff; color:#476A96; font-size:13px; } .element h2:hover { background:#476A96; color:#fff; } .element h3 { color:#fff; font-size:10px; margin-left:10px; } .element h3:before { content:".: "; } .element h3:after { content:" :."; } .menu { background-image: url(../images/blue.png); position:fixed; right:0; top:30px; width:180px; height:100%; } .menu li a:link { color:#fff; } .menu li a:hover { color:#476A96; } .menu li { list-style-type:none; } .menu p:hover { background:#476A96; color:#fff; } .menu p { padding:10px 0 10px 10px; margin:0 0 5px 0; border-bottom:1px dotted #fff; border-top:1px dotted #fff; font-weight:bold; color:#476A96; } .droite { color:#fff; float:right; font-size:10px; margin-right:20px; margin-top:15px; } .com a:link { color:#476A96; text-decoration:none; } .com a:hover { color:#fff; text-decoration:underline; } input { width:90px; border:1px solid #476A96; padding:0px 1px 0px 1px; margin:2px 0px 2px 0px; } .footer { background:#1A4E8F; color:#fff; position:fixed; bottom:0; margin:0; width:100%; border-top:2px solid #fff; } .footer a:link { color:#fff; text-decoration:none; } .footer a:hover { color:#fff; text-decoration:underline; }