/* 
    Document   : besson2
    Author     : francois
    Description:
*/

/* general */
.new {
    background-image: url('image/icons/filenew.png');
    background-repeat: no-repeat;
    background-position: center left;    
    padding-left: 20px;
}
.edit {
    background-image: url('image/icons/edit.png');
    background-repeat: no-repeat;
    background-position: center left;    
    padding-left: 20px;
}
.cancel {
    background-image: url('image/icons/button_cancel.png');
    background-repeat: no-repeat;
    background-position: center left;    
    padding-left: 20px;
}
.save {
    background-image: url('image/icons/filesave.png');
    background-repeat: no-repeat;
    background-position: center left;    
    padding-left: 20px;
}
.print {
    background-image: url('image/icons/printer.png');
    background-repeat: no-repeat;
    background-position: center left;    
    padding-left: 20px;
}
.list {
    background-image: url('image/icons/list.png');
    background-repeat: no-repeat;
    background-position: center left;    
    padding-left: 20px;
}
.sorted {
    background-image: url('image/icons/down.png');
    background-repeat: no-repeat;
    background-position: center left;    
    padding-left: 20px;
}
.info {
    background-image: url('image/icons/info.png');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
}
.besson {
    background-image: url('image/icons/besson.png');
    background-repeat: no-repeat;
    background-position: center left;    
    padding-left: 20px;
}
.warning {
    background-image: url('image/icons/error.png');
    background-repeat: no-repeat;
    background-position: center left;
    color: #e24912;
    padding-left: 20px;
}
.mandatory {
    background-color: #c7ddff;
}
.mandatory-find {
    background-color: #c7ddff;
    background-image: url('image/icons/find.png');
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 16px;
}
.error {
    color: #f33;
}
.menu h2 {
    font-size: 14pt;
    font-variant: small-caps;
    color: #555;
    margin: 0;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 3px solid #ff4200;
}
.menu h2:first-letter {
    color: #ff4200;
}
.menu ul {
    margin: 0;
    margin-left: 1em;
    padding: 0;
    list-style: none;
}
.menu li {
    font-size: 8pt;
    padding-top: .5em;
    padding-bottom: .5em;
}
.menu a {
    font-weight: bold;
    color: #ff4200;
}
.menu a:hover {
    text-decoration: none;
    color: #555;
}
.menu select {
    margin-left: 1.5em;
}

/* redefinition */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: center;
    background-color: #824080;
    margin: 0;
    padding: 0;
}
h1 {
    font-size: xx-large;
    font-variant: small-caps;
    font-weight: bold;
    color: #499649;
    margin: 0;
}
h1:first-letter {
    color: #ff4200;
}
h2 {
    font-size: medium;
    font-weight: bold;
    color: #499649;
    margin: 0;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}
h3 {
    font-size: small;
    font-weight: bold;
    margin: 0;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: #7fad7f;
}
a {
    text-decoration: none;
    color: #ff4200;
}
a:hover {
    text-decoration: underline;
}
a img {
    border: none;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul li {
    margin-left: 1em;
    line-height: 1.5em;
}
table.agence th {
    font-size: 8pt;
    color: #499649;
    text-align: right;
}
table.agence td {
    font-size: 8pt;
}
table.menu {
    border-collapse: collapse;
}
table.menu td {
    font-size: medium;
    font-variant: small-caps;
    padding-top: .4em;
    padding-bottom: .4em;
    vertical-align: top;
}
table.menu th {
    font-size: large;
    font-variant: small-caps;
    text-align: left;
    color: #555;
    margin: 0;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 3px solid #ff4200;
    width: 170px;
}
table.menu th:first-letter {
    color: #ff4200;
}
table.menu a {
    font-size: large;
    font-weight: bold;
    font-variant: small-caps;
    color: #ff4200;
}
table.menu a:hover {
    text-decoration: none;
    color: #555;
}
table.menu ul {
    margin: 0;
}
table.largefont td {
    font-size: large;
}
table.largefont input {
    font-size: large;
}
table.etat {
    border: medium solid #285228;
    border-collapse: collapse;
    border-spacing: 1;
}
table.etat th {
    font-size: 9pt;
    color: #285228;
    background-color: #ddd;
    border: 1px solid #285228;
    padding: 5px;
}
table.etat th.print {
    display: none;
}
table.etat td {
    font-size: 8pt;
    border: 1px solid #285228;
    padding: 5px;
    text-align: center;
}
td {
    font-size: 8pt;
}
td.label {
    text-align: right;
}
th.option, td.option {
    font-size: 8pt;
    border: 1px solid #285228;
    padding: 5px;
    text-align: center;
}
td.print {
    display: none;
}
td.total {
    font-size: 9pt;
    font-weight: bold;
    color: #285228;
    background-color: #ddd;
    border: 1px solid #285228;
    padding: 5px;
}
input[type=text], input[type=password], select, textarea {
    font-size: 8pt;
    border-top: 2px solid #285228;
    border-left: 2px solid #285228;
    border-bottom: 1px solid #aaa;
    border-right : 1px solid #aaa;
    margin: 1px;
}
input[disabled] {
    background-color: #ddd;
}
input[type=button], input[type=submit], input[type=reset] {
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-bottom: 2px solid #285228;
    border-right : 2px solid #285228;
}
div.message-box {
    margin-left: 2em;
    padding-left: 1em;
    border-left: 3px solid #ff4200;
}
div.annonce {
    font-size: large;
    font-weight: bold;
    font-variant: small-caps;
    text-decoration: blink;
    color: #e24912;
    background-image: url("image/icons/error.png");
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0.5em;
    padding-left: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    border: 2px dotted #e24912;
}
div.layer-liste {
    position: absolute;
    background-color: #fff;
    border: 2px solid #285228;
    overflow: auto;
}
div.layer-liste table {
    width: 100%;
}
div.layer-liste th {
    font-size: 8pt;
}
div.layer-liste td {
    font-size: 7pt;
    background-color: #eee;
}
div.layer-liste td.number {
    text-align: right;
}
div.layer-liste div.title {
    border: 1px solid;
    font-weight: bold;
    text-align: left;
    color: #eee;
    background-color: #285228;
}
div.layer-liste div.title a.option {
    text-align: center;
    color: #ff4200;
    background-color: #eee;
    padding-left: 4px;
    padding-right: 4px;
}
div.layer-liste div.title a.option:hover {
    color: #285228;
    text-decoration: none;
}
div.scrollable {
    border: 2px solid #285228;
    overflow: auto;
}
div.scrollable table {
    border: none;
    border-collapse: collapse;
}
div.scrollable table th {
    font-size: 8pt;
    font-weight: bold;
    color: #285228;
    text-align: center;
    background-color: #ddd;
    border: 1px solid #285228;
    padding: 5px;
}
div.scrollable table td {
    font-size: 8pt;
    border: 1px solid #285228;
    padding: 5px;
}
span.titre {
    display: none;
}

/* unique */
#page {
    color: #000;
    background-color: #FFF;
    text-align: left;
    margin: 1em auto;
    padding: 5px;
    border: 0.2em solid #555;
    width: 760px;
    border: 1px solid;
}
#menu-langue {
    text-align: center;
    width: 170px;
}
#menu-langue img {
    margin: 2px;
}

#menu-top ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #555;
}
#menu-top li {
    font-size: 8pt;
    display: inline;
    background-color: #ddd;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    border-right: 1px solid #555;
    margin-left: .2em;
    margin-right: .2em;
    padding: 0;
}
#menu-top li.selected {
    background-color: #ff4200;
}
#menu-top li.selected a {
    color: #fff;
}
#menu-top a {
    font-weight: bold;
    text-decoration: none;
    color: #499649;
}
#menu-top a:hover {
    color: #555;
}

#menu-left a {
    font-weight: bold;
    color: #ff4200;
}
#menu-left a:hover {
    text-decoration: none;
    color: #555;
}
#content {
}
#signature {
    display: none;
}
#nonexpedition {
    display: none;
}
#liste-images ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#liste-images li {
    display: inline;
    font-size: 8pt;
    padding-right: 1em;
}
#images {    
    min-height: 250px;
}

#carte {
    position: relative;
    margin-left: 75px;
    width: 500px;
    height: 500px;
    background-repeat: no-repeat;
}
#carte a.agence {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    display: block;
    width: 16px;
    height: 16px;
}