File www/style/admin.css artifact 9fc4268225 part of check-in b4d5daaf8e


* { margin: 0; padding: 0; }

/*
    marron : #9c4f15 rgb(156, 79, 21)
    orange : #d98628 rgb(217, 134, 40)
*/

html { width: 100%; height: 100%; }
body {
    font-size: 100%;
    color: #000;
    font-family: "Trebuchet MS", Helvetica, Sans-serif;
    background: #fff;
    background: url("../img/bg01.png") no-repeat left -100px, url("../img/bg00.png") repeat-y left bottom, #fff;
}

.header {
    color: #fff;
}

.header h1 {
    color: #9c4f15;
    margin-left: 180px;
    margin-bottom: 0.4em;
}

.header .menu {
    float: left;
    width: 168px;
    margin-top: 100px;
}

.header .menu li {
    list-style-type: none;
}

.header .menu a {
    color: #fff;
    font-weight: bold;
    padding: 0.4em 0.4em 0.4em 1em;
    display: block;
    text-decoration: none;
}

.header .menu a:hover {
    text-decoration: underline;
    background: rgba(217, 134, 40, 0.5);
}

.header .menu li li a {
    font-size: 0.8em;
    padding-left: 2em;
}

.header .menu li.current > a {
    background: #fff;
    color: rgb(156, 79, 21);
}

.page {
    padding: 0px 1em 1em 180px;
}

p.error {
    border: 1px solid #c00;
    background: #fcc;
    padding: 0.5em;
    margin-bottom: 1em;
}

p.confirm {
    border: 1px solid #0c0;
    background: #cfc;
    padding: 0.5em;
    margin-bottom: 1em;
}

p.alert {
    border: 1px solid #cc0;
    background: #ffc;
    padding: 0.5em;
    margin-bottom: 1em;
}

p.intro {
    margin: 1em;
}

/* Formulaires */
fieldset {
    border: 1px solid #ccc;
    padding: 0.8em 1em 0 1em;
    margin-bottom: 1em;
}

fieldset legend {
    padding: 0 0.5em;
    font-weight: bold;
}

label:hover {
    cursor: pointer;
    border-bottom: 1px dotted #900;
}

dl dt label {
    font-weight: bold;
}

fieldset dl {
    margin-bottom: 0.8em;
}

fieldset dl dt b {
    color: #900;
    font-size: 0.7em;
    font-weight: normal;
    vertical-align: super;
}

fieldset dl dd.tip {
    color: #666;
}

fieldset dl dd {
    padding: 0.2em 0.5em 0.2em 1em;
}

input[type=text], textarea, input[type=password], input[type=email],
input[type=url], input[type=tel], select {
    padding: 0.2em 0.4em;
    font-family: Sans-serif;
    min-width: 20em;
}

input[type=number] {
    padding: 0.2em 0.4em;
    font-family: Sans-serif;
    min-width: 8em;
}

input[type=submit], input[type=button] {
    padding: 0.3em;
    cursor: pointer;
}

p.submit {
    margin: 1em;
}

.submit input[type=submit] {
    font-size: 1.2em;
}

dd.help {
    color: #666;
}

dd.help tt {
    background: #ddd;
    padding: 0.2em;
    cursor: pointer;
}

table.list {
    border-collapse: collapse;
    margin-bottom: 1em;
    width: 100%;
}

table.list th {
    text-align: left;
    font-weight: bold;
}

table.list thead {
    background: rgba(217, 134, 40, 0.5);
}

table.list th, table.list td {
    padding: 0.2em 0.5em;
}

table.list tr {
    border: 1px solid rgba(217, 134, 40, 0.5);
}

table.list tr:nth-child(even) {
    background: rgba(217, 134, 40, 0.2);
}

table.list .error {
    color: red;
    font-weight: bold;
}

table.list .alert {
    color: darkred;
    font-weight: bold;
}

table.list .confirm {
    color: darkgreen;
}

table.list .actions {
    text-align: right;
}

.droits b {
    border: 2px solid #999;
    border-radius: 1em;
    color: #000;
    background: #ccc;
    width: 16px;
    display: inline-block;
    text-align: center;
    font-size: 0.8em;
    cursor: help;
    vertical-align: middle;
    position: relative;
    z-index: 10;
}

.droits b.aucun {
    border-color: #ccc;
    background: #eee;
    color: #999;
}

.droits b.acces {
    border-color: #cc9;
    color: #660;
    background: #ffe;
}

.droits b.ecriture {
    border-color: #9c9;
    color: #060;
    background: #efe;
}

.droits b.aucun:before {
    content: "X";
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    color: #ccc;
    z-index: -1;
    font-size: 1.5em;
    overflow: hidden;
}

.droits b.admin {
    color: #900;
    border-color: #c99;
    background: #fee;
}

.infos {
    margin-bottom: 1em;
}

.infos h3 {
    margin-bottom: 0.5em;
}

.infos p {
    margin-bottom: 0.8em;
}

.infos dl {
    margin-bottom: 0.8em;
}

.infos dl dd {
    margin: 0.2em 1em;
}