/***************************************
* Styles génériques                    *
***************************************/

.err {
    color: #ee0000;
    background-color: inherit;
}

a img {
    border: 0px;
}


/***************************************
* Mise en page                         *
***************************************/

body {
    font-family: verdana, sans-serif;
    font-size: 14px;
    color: inherit;
    background: url("/images/fond.jpg") top center;
    background-color: #ffffff;
    background-repeat: repeat-y;
    background-attachment: fixed;
    margin-left: auto;
    margin-right: auto;
}

.main {
    margin-top: 0.5em;
    width: 780px;
    text-align: justify;
}

div.rubrique {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding: 1em;
}

div.footer {
    text-align: center;
    margin-top: 2em;
}
/***************************************
* MENUS / BLOCS                        *
***************************************/

td.menu {
    width: 140px;
    vertical-align: top;
}

div.bloc {
    border: 1px solid #000060;
    margin-bottom: 1em;
    font-weight: bold;
    font-size: 80%;
    color: #ffffff;
    background-color: inherit;
}

div.bloc div.titre {
    padding-top: 0.2em;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    padding-bottom: 0.2em;
    text-align: center;
    font-size: 115%;
    color: inherit;
    background-color: #000060;
}

div.bloc div.liens {
    border: 2px solid #ffffff;
    color: inherit;
    background-color: #88ccff;
    padding: 0.2em;
}

div.bloc a.lien {
    color: #000060;
    background-color: inherit;
    padding-left: 0.2em;
}

/***************************************
* MOIS                                 *
***************************************/

td.ephe {
    padding-right: 1em;
    padding-bottom: 1em;
}

table.mois {
    border-collapse: collapse;
    text-align: center;
    font-size: 85%;
    border-top: 1px solid #000060;
    border-left: 1px solid #000060;
    border-right: 1px solid #000060;
    width: 180px;
}

table.mois tr {
    color: inherit;
    background-color: #ffffff;
    text-align: center;
}

table.mois tr.days {
    background-color: #000060;
    color: #ffffff;
    font-size: 85%;
}

table.mois tr.vide {
    font-size: 85%;
}

table.mois tr.wait {
    text-align: center;
    color: inherit;
    background-color: #dddddd;
    font-size: 85%;
}

table.mois tr.pris {
    text-align: center;
    color: inherit;
    background-color: #ff6644;
    font-size: 85%;
}

table.mois td {
    text-align: center;
    border-bottom: 1px solid #000060;
}

table.mois th {
    font-weight: bold;
    background-color: #000060;
    color: #ffffff;
    font-size: 100%;
}

/***************************************
* descriptifs + photos                 *
***************************************/

table.desc {
    border-collapse: collapse;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #000060;
    margin-bottom: 2em;
    font-size: 80%;
}

table.desc th {
    font-weight: bold;
    text-align: left;
    background-color: #000060;
    color: #ffffff;
    font-size: 115%;
}

table.desc tr {
    color: inherit;
    background-color: #ffffff;
}

table.desc tr.pair {
    color: inherit;
    background-color: #ffffff;
}

table.desc tr.impair {
    color: inherit;
    background-color: #dddddd;
}

table.desc td {
    color: #003399;
    background-color: inherit;
    font-weight: bold;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

table.desc td.s {
    font-weight: normal;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 130%;
    color: #000000;
    background-color: inherit;
}

table.desc td.l {
    width: 200px;
}

table.desc td.r {
    color: #000000;
    background-color: inherit;
}

table.desc img { width: 180px; max-height: 250px; }


/***************************************
* BANDEAU                              *
***************************************/

div.topleft {
    margin-top: 0em;
    margin-bottom: 0.1em;
    padding-left: 1em;
    float: left;
    font-weight: bold;
    font-size: 80%;
}

div.topright {
    padding-right: 1em;
    margin-top: 0em;
    margin-bottom: 0.1em;
    text-align: right;
    font-weight: bold;
    font-size: 80%;
}

div.top {
    padding-right: 1em;
    margin-top: 0.1em;
    margin-bottom: 0.5em;
    text-align: center;
    font-weight: bold;
    font-size: 80%;
}

/***************************************
* FORMULAIRES                          *
***************************************/

table.formu {
    border-bottom: 1px solid #000060;
    border-top: 1px solid #000060;
}

td.formuvide {
    border-bottom: 1px solid #000060;
    border-top: 1px solid #000060;
    font-size: 1px;
}

td.formul {
    text-align: center;
    font-weight: bold;
    font-size: 85%;
    border-bottom: 1px solid #000060;
    border-top: 1px solid #000060;
    border-left: 2px solid #000060;
    border-right: 1px solid #000060;
}

td.formur {
    text-align: left;
    font-weight: bold;
    font-size: 85%;
    border-bottom: 1px solid #000060;
    border-top: 1px solid #000060;
    border-right: 2px solid #000060;
}