/**
 * DV
 */

* {
    margin:0;
    padding:0;
    list-style:none;
    border:0;
}

body {
    font-family: Arial, sans-serif;
    background-image:url('gfx/dv.jpg');
}

a {
    color:#ed8b13;
}

a:hover {
    color:black;
}

hr {
    height:0px;
    border:0;
    background-color:#ddd;
    clear:both;
    margin:5px;
    border-bottom:1px dashed #eee;
}

/** Structure */

.body {
    width:950px;
    margin:auto;
}

.page {
    background-repeat:repeat-x;
    min-height:500px;
}

.main {
    background-color:white;
    background-image:url('gfx/grey.jpg');
    background-repeat:repeat-x;
    float:left;
    width:938px;
    padding-top:10px;
    padding-left:5px;
    padding-right:5px;
    -moz-border-radius-bottomleft:30px;
    -webkit-border-bottom-left-radius:30px;
    border-bottom-left-radius:30px;
    -moz-border-radius-bottomright:30px;
    -webkit-border-bottom-right-radius:30px;
    border-bottom-right-radius:30px;
    padding-bottom:15px;
    -moz-box-shadow:-5px 5px 12px #ddd;
    -webkit-box-shadow:-5px 5px 12px #ddd;
    box-shadow:-5px 5px 12px #ddd;
}

/** En-tête */

.header {
    margin-bottom:0px;
    border-bottom:3px solid #222;
    height:119px;
    background-image:url('gfx/header_fade.jpg');
}

.header .login {
    float:right;
    width:200px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:5px;
    padding-left:70px;
    margin-top:15px;
    background-image:url('gfx/lock.png');
    background-repeat:no-repeat;
    color:#999;
    min-height:100px;
}

.header .login .stats {
    margin:5px;
    font-size:16px;
    color:white;
}

.header .stats img {
    vertical-align:top;
}

.header .login input {
    font-size:12px;
    margin:2px;
}

.header .login input:hover, .header .login input:focus {
    color:black;
    -moz-box-shadow:2px 2px 3px black;
    -webkit-box-shadow:2px 2px 3px black;
    box-shadow:2px 2px 3px black;
}

.header input[type="text"] {
    width:160px;
}

.header input.password {
    width: 138px;
}

.header .links {
    float:left;
    margin-left:-50px;
    margin-top:5px;
    color:#aaa;
}

.header a {
    font-size:12px;
    color:#aaa;
}

.header a:hover {
    color:white;
}

a.dv {
    width:452px;
    height:104px;
    background-image:url('gfx/logo.png');
    background-position:bottom;
    background-repeat:no-repeat;
    display:block;
    padding-top:8px;
}

/** Menus latéraux */

.menu {
    float:left;
    width:160px;
}

.menu h1 {
    font-size:22px;
    margin-bottom:5px;
    font-weight:normal;
    color:#7e7e7e;
}

.menu a {
    text-decoration:none;
    font-size:16px;
}

.menu a:hover {
    color:black;
    background-color:#ddd;
}

.menu .menublock {
    margin-bottom:20px;
}

.body .cols {
    width:950px;
    float:left;
    background-image:url('gfx/cols.png');
    margin-bottom:10px;
}

.content {
    color:#666;
    float:left;
    width:590px;
    margin-right:25px;
}

.content img {
    vertical-align:top;
}

.content h1 {
    color:#7e7e7e;
    font-size:25px;
    margin-bottom:15px;
    font-weight:normal;
}

/** Formulaires */

form {
    width:100%;
}

form label {
    display:block;
    float:left;
    width:220px;
    clear:both;
    font-weight:bold;
}

form.categories label {
    width:100px;
}

form.categories .field {
    width:450px;
}

.field label {
    width:120px;
    font-weight:normal;
    clear:none;
}

.field input[type="checkbox"] {
    float:left;
    border:0;
}

form .category_field {
    float:left;
    width:140px;
    font-size:12px;
    height:30px;
}

form input, form select, form textarea {
    margin:3px;
    border:1px solid #999;
    padding:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    color:#666;
    font-size:16px;
    background-color:white;
}

form textarea {
    width:350px;
    font-size:12px;
    height:60px;
}

input:hover, input:focus {
    -moz-box-shadow:2px 2px 3px #ddd;
    -webkit-box-shadow:2px 2px 3px #ddd;
    box-shadow:2px 2px 3px #ddd;
    border:1px solid #666;
}

input[type="submit"] {
    color:black;
    background-color:#eee;
    cursor:pointer;
    background-image:url('gfx/btn.png');
    background-position:bottom;
    border-color:#999;

}

.submit_row {
    text-align:right;
    clear:both;
}

.footer {
    clear:both;
    color:#aaa;
    font-style:italic;
    font-size:11px;
    text-align:center;
    padding:4px;
    padding-top:10px;
    margin:auto;
    width:944px;;
}

.captcha img, .captcha input {
    float:left;
    clear:both;
}

form .captcha input {
    width:100px;
}

input[type="text"],
input[type="password"],
input[type="email"],
select {
    width:200px;
}

form .field {
    float:left;
    width:350px;
}

.warning {
    font-size:12px;
    color:#a95400;
    background-color:#ffd8b2;
    margin:3px;
    padding:3px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:-3px 3px 3px #e1d2c4;
    -webkit-box-shadow:-3px 3px 3px #e1d2c4;
    box-shadow:-3px 3px 3px #e1d2c4;
}

form .errors, .error {
    float:left;
    width:100%;
    margin:3px;
    padding:3px;
    color:#bc0000;
    background-color:#ffbcbc;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:-3px 3px 3px #edd1d1;
    -webkit-box-shadow:-3px 3px 3px #edd1d1;
    box-shadow:-3px 3px 3px #edd1d1;
}

.error {
    margin-bottom:10px;
}

.toplink {
    font-weight:bold;
}

.valid {
    float:left;
    width:100%;
    margin:3px;
    padding:3px;
    color:#1a7900;
    background-color:#b5f4a4;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:-3px 3px 3px #c8e0c2;
    -webkit-box-shadow:-3px 3px 3px #c8e0c2;
    box-shadow:-3px 3px 3px #c8e0c2;
    margin-bottom:10px;
}

.info {
    float:left;
    width:100%;
    margin:3px;
    padding:3px;
    color:#003f79;
    background-color:#71b8f9;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:-3px 3px 3px #b2cae0;
    -webkit-box-shadow:-3px 3px 3px #c8e0c2;
    box-shadow:-3px 3px 3px #c8e0c2;
    margin-bottom:10px;
}

.valid a, .error a {
    color:#777;
}

div.password, code {
    margin-top:15px;
    font-family:Courier;
}

p {
    margin-bottom:15px;
    margin-top:15px;
    text-align:justify
}

.log {
    font-family:Courier;
    border:1px solid #ddd;
}

.log .entry {
    border-bottom:1px solid #ddd;
}

.log .date {
    font-weight:bold;
    color:#ccc;
}

ol.rank {
    color:#aaa;
}

ol.rank li, ol.fulltop li {
    list-style:decimal;
    margin-left:25px;
}

ol.fulltop {
    font-size:18px;
}

.rank a {
    font-size:12px;
}

h2 {
    font-size:17px;
    color:#999;
    margin-bottom:5px;
    margin-top:10px;
    font-weight:normal;
    clear:both;
}

.userview {
    font-size:20px;
}

.stats {
    font-size:15px;
}

.userview label, .stats label {
    float:left;
    font-weight:bold;
    width:130px;
}

.statscols {
    font-size:12px;
    margin-bottom:20px;
    float:left;
    width:100%;
}

.statscol {
    float:left;
    width:195px;
}

p.center {
    text-align:center;
}

.browser_run {
    width:320px;
    height:69px;
    background-image:url('gfx/browser.png');
    display:block;
    margin:auto;
}

.browser_run:hover {
    background-position:0px -69px;
}

.register_btn, .connect_btn {
    width:269px;
    height:58px;
    display:block;
    float:left;
    margin:10px;
}

.connect_btn {
    background-image:url('gfx/connect.png');
}

.register_btn {
    background-image:url('gfx/register.png');
}

.list li {
    list-style:circle;
    margin-left:25px;
}


.check_uncheck {
    text-align:right;
    font-size:12px;
    margin-bottom:10px;
}

.navigation {
    text-align:center;
    font-size:14px;
    margin-top:10px;
    margin-bottom:10px;
}

.faq a {
    font-size:20px;
    color:#666;
}

.faq a:hover {
    color:black;
}