/* Document */
body {
    margin: 0px;
    padding: 0px;
}

#screen {
    background: url("../img/fond.jpeg") center top no-repeat;
}

/* Page */
#page {
    width: 970px;
    height: 1300px;
    margin-left: auto;
    margin-right: auto;
}

/* Head */
#head {
    width: 970px;
    height: 211px;
}

/* Body */
#body {
    width: 930px;
    height: 1010px;
    padding: 0px 20px;
}

/* Document */
html {
    font-size: 100%; /* IE hack */
}
body {
    font-family: "Arial",sans-serif;
    font-size: 12px;
    color: #000000;
}
img {
    border: none;
}
p {
    margin: 0px;
    margin-top: .5em;
}
#page {
    position: relative;
}

/* Head */
#logo {
    position: absolute;
    top: 51px;
    left: 22px;
}
#login {
    position: absolute;
    left: 240px;
    top: 178px;
    color: #000000;
}
#login a {
    color: #808080;
    text-decoration: none;
    padding: 2px;
    padding-left: 16px;
    background: url("../img/lock.png") no-repeat;
}
#saison_selector {
    position: absolute;
    left: 550px;
    top: 169px;
}
#drapeaux {
    position: absolute;
    left: 600px;
    top: 175px;
}
#accroche {
    position: absolute;
    left: 750px;
    top: 115px;
}
#connexion {
    position: absolute;
    left: 510px;
    width: 217px;
    height: 134px;
    padding: 10px;
    margin-right: 8px;
    margin-bottom: 8px;
    background: url("../img/bloc-connexion.png") no-repeat left top;
}
#connexion input {
    width: 105px;
}
#connexion h1 {
    font-size: 120%;
    margin-top: 0;
    margin-bottom: 10px;
}

/* GLOBAL DEFAULTS */

p, ul {
    margin: .2em 0 .8em 0;
}

p {
    padding: 0;
    line-height: 140%;
}

h1,h2,h3,h4,h5 {
    font-weight: bold;
}

h1 {
    font-size: 18px;
    color: #666;
    padding: 0 6px 0 0;
    margin: 0 0 .2em 0;
}

h2 {
    font-size: 16px;
    margin: 1em 0 .5em 0;
}

fieldset {
    width: 100%;
    margin: 0;
    padding: 0;
}

fieldset.demi-gauche {
    width: 460px;
    margin-right: 5px;
}

fieldset.demi-droite {
    width: 460px;
}

.clear {
    clear: both;
}

/* LINKS */

a:link, a:visited {
    color: #5b80b2;
    text-decoration: none;
}

a:hover {
    color: #036;
}

.helplink {
    padding-left: 16px;
    background: url(../img/icon-unknown.gif) 0 2px no-repeat;
}

/* TABLES */

.module table {
    border-collapse: collapse;
    border-color: #ccc;
    width: 100%;
}

.module td, th {
    font-size: 12px;
    line-height: 13px;
    border-bottom: 1px solid #eee;
    vertical-align: top;
    padding: 5px;
    font-family: "Arial",sans-serif;
}

.field-box td {
    border-bottom: none;
}

.module th {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
}

.module thead th {
    color: #666;
    padding: 2px 5px;
    font-size: 12px;
    background: #e1e1e1 url(../img/nav-bg.gif) top left repeat-x;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.module thead th:first-child {
    border-left: none !important;
}

.row1 {
    background: #EDF3FE;
}

.row2 {
    background: white;
}

/* FORM DEFAULTS */

input, textarea, select {
    margin: 2px 0;
    padding: 2px 3px;
    vertical-align: middle;
    font-family: "Arial",sans-serif;
    font-weight: normal;
    font-size: 12px;
/*     width: 295px; */
}

textarea {
    vertical-align: top !important;
    width: 750px;
}

input[type=text], input[type=password], textarea, select, .vTextField {
    border: 1px solid #ccc;
}

input[type=checkbox] {
    width: 15px;
}

.short_input input {
    width: 150px;
}

img.calbtn {
    margin-left: 10px;
}

.config_tarifs input, .config_resa input {
    width: 150px;
}

/* FORM BUTTONS */

.button, input[type=submit], input[type=button], .submit-row input {
    background: white url(../img/nav-bg.gif) bottom repeat-x;
    padding: 3px 5px;
    color: black;
    border: 1px solid #bbb;
    border-color: #ddd #aaa #aaa #ddd;
}

.button:active, input[type=submit]:active, input[type=button]:active {
    background-image: url(../img/nav-bg-reverse.gif);
    background-position: top;
}

.button.default, input[type=submit].default, .submit-row input.default {
    border: 2px solid #5b80b2;
    background: #7CA0C7 url(../img/default-bg.gif) bottom repeat-x;
    font-weight: bold;
    color: white;
    float: right;
}

.button.default:active, input[type=submit].default:active {
    background-image: url(../img/default-bg-reverse.gif);
    background-position: top;
}

#saison_selector select {
    width: 70px;
}

/* MODULES */

.module {
    border: 1px solid #ccc;
    margin-bottom: 5px;
    background: white;
    float: left;
}

.menu {
    width: 50%;
    margin-right: 20px;
}

.module h2, .module caption {
    margin: 0;
    padding: 2px 5px 3px 5px;
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    background: #7CA0C7 url(../img/default-bg.gif) top left repeat-x;
    color: white;
}

.module table {
    border-collapse: collapse;
}

/* ACTION ICONS */

.addlink {
    padding-left: 12px;
    background: url(../img/icon_addlink.gif) 0 .2em no-repeat;
}

.changelink {
    padding-left: 12px;
    background: url(../img/icon_changelink.gif) 0 .2em no-repeat;
}

.deletelink {
    padding-left: 12px;
    background: url(../img/icon_deletelink.gif) 0 .25em no-repeat;
}

.printlink {
    padding-left: 16px;
    background: url(../img/icon_printlink.gif) 0 0 no-repeat;
}

.csvlink {
    padding-left: 16px;
    background: url(../img/icon_csvlink.gif) 0 0 no-repeat;
}

a.deletelink:link, a.deletelink:visited {
    color: #CC3434;
}

a.deletelink:hover {
    color: #993333;
}

/* OBJECT TOOLS */

.object-tools {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    padding-left: 0;
    float: right;
    position: relative;
    margin-top: -2.4em;
    margin-bottom: -2em;
}

.object-tools li {
    display: block;
    float: left;
    background: url(../img/tool-left.gif) 0 0 no-repeat;
    padding: 0 0 0 8px;
    margin-left: 2px;
    height: 16px;
}

.object-tools li:hover {
    background: url(../img/tool-left_over.gif) 0 0 no-repeat;
}

.object-tools a:link, .object-tools a:visited {
    display: block;
    float: left;
    color: white;
    padding: .1em 14px .1em 8px;
    height: 14px;
    background: #999 url(../img/tool-right.gif) 100% 0 no-repeat;
}

.object-tools a:hover, .object-tools li:hover a {
    background: #5b80b2 url(../img/tool-right_over.gif) 100% 0 no-repeat;
}

.object-tools a.addlink {
    background: #999 url(../img/tooltag-add.gif) top right no-repeat;
    padding-right: 28px;
}

.object-tools a.addlink:hover {
    background: #5b80b2 url(../img/tooltag-add_over.gif) top right no-repeat;
}

/* MESSAGES & ERRORS */

ul.messagelist {
    padding: 0 0 5px 0;
    margin: 0;
}

ul.messagelist li {
    font-size: 12px;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #666;
    background: #ffc url(../img/icon_success.gif) 5px .3em no-repeat;
}

ul.messagelist li.warning{
    background-image: url(../img/icon_alert.gif);
}

ul.messagelist li.error{
    background-image: url(../img/icon_error.gif);
}

.errornote {
    font-size: 12px !important;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border: 1px solid red;
    color: red;
    background: #ffc url(../img/icon_error.gif) 5px .3em no-repeat;
}

ul.errorlist {
    margin: 0 !important;
    padding: 0 !important;
}

.errorlist li {
    font-size: 12px !important;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border: 1px solid red;
    color: white;
    background: red url(../img/icon_alert.gif) 5px .3em no-repeat;
}

.description {
    font-size: 12px;
    padding: 5px 0 0 12px;
}

/* BREADCRUMBS */

div.breadcrumbs {
    margin-bottom: 10px;
    font-size: 12px;
    color: #999;
    text-align: left;
}

/* CHANGELISTS */

.list {
    width: 100%;
    border: 1px solid #ccc;
}

.list .paginator {
    color: #666;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: white url(../img/nav-bg.gif) 0 180% repeat-x;
    overflow: hidden;
}

/* CHANGELIST TABLES */

.list table thead th {
    white-space: nowrap;
    vertical-align: middle;
}

.list table tbody td, .list table tbody th {
    border-left: 1px solid #ddd;
}

.list table tbody td:first-child, .list table tbody th:first-child {
    border-left: 0;
    border-right: 1px solid #ddd;
}

/* PAGINATOR */

.paginator {
    font-size: 12px;
    padding: 10px;
    line-height: 22px;
    margin: 0;
    border-top: 1px solid #ddd;
}

.paginator a:link, .paginator a:visited {
    padding: 2px 6px;
    border: solid 1px #ccc;
    background: white;
    text-decoration: none;
}

.paginator input {
    padding: 2px 6px;
    border: solid 1px #ccc;
    background: white;
    text-decoration: none;
    width: 22px;
    height: 21px;
    margin: 0;
    color: #5B80B2;
    line-height: 22px;
    font-family: "Arial",sans-serif;
    white-space: normal;
    cursor: pointer;
}

.paginator input.end {
    width: 24px;
    height: 23px;
}

.paginator .end {
    border-width: 2px !important;
    margin-right: 6px;
}

.paginator .this-page {
    padding: 2px 6px;
    font-weight: bold;
    font-size: 13px;
    vertical-align: top;
}

.paginator a:hover, .paginator input:hover {
    color: white;
    background: #5b80b2;
    border-color: #036;
}

/* FORM ROWS */

.form-row {
    overflow: hidden;
    padding: 8px 12px;
    font-size: 12px;
    border-bottom: 1px solid #eee;
}

.form-row img, .form-row input {
    vertical-align: middle;
}

.form-row p {
    padding-left: 0;
    margin-bottom: 2px;
    font-size: 12px;
}

/* FORM LABELS */

label {
    font-weight: normal !important;
    color: #666;
    font-size: 12px;
}

/* ALIGNED FIELDSETS */

.field-box label {
    display: block;
    padding: 3px 10px 0 0;
    float: left;
    width: 10em;
}

.field-box {
    width: 453px;
    float: left;
}

.demi-gauche .field-box, .demi-droite .field-box {
    width: 433px;
}

label.vCheckboxLabel {
    float: none !important;
    display: inline;
    padding-left: 4px;
    margin-right: 20px;
}

/* SUBMIT ROW */

.submit-row {
    text-align: right;
    margin-top: 5px;
}

.submit-row input {
    margin: 0 0 0 5px;
}

.submit-row p {
    margin: 0.3em;
}

.submit-row p.deletelink-box {
    float: left;
}

.submit-row .deletelink {
    background: url(../img/icon_deletelink.gif) 0 50% no-repeat;
    padding-left: 14px;
}

/* TOOLBAR */

#toolbar {
    padding: 3px;
    border-bottom: 1px solid #ddd;
    background: #e1e1e1 url(../img/nav-bg.gif) top left repeat-x;
    color: #666;
}

#toolbar form input {
    font-size: 11px;
    padding: 1px 2px;
    width: auto;
}

#toolbar form #searchbar {
    padding: 2px;
}

#toolbar label img {
    vertical-align: middle;
}

.bouton {
    display: inline-block;
    margin: 5px;
    padding: 3px 10px;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    font-size: 12px;
    font-family: "Arial",sans-serif;
}