html{
margin:0;
padding:0;
height:100%;
border:none
}

body
{
background-image:url(images/jaune.png);
margin:0;
padding:0;
height:99%;
border:none
}

.error
{
    color: #FF0000;
    text-decoration: none;
    font-variant: normal;
    font-weight: bold;
}

.tab_head
{
    font-size: huge;
    font-weight: bold;
    color: #224488;
    text-align: center;
}

.tab_row1
{
    background-color: #F0F0E0;
    border-color: #E0E0E0;
}
.tab_row2
{
    background-color: #FFFFFF;
    border-color: #E0E0E0;
}
.tab_row3
{
    background-color: #6699BB;
    border-color: #E0E0E0;
}
.tabl_tetcol_text
{
    color: #FFFFFF;
    text-decoration: none;
    font-variant: large;
    font-weight: bold;
}
.tabl_tetcol_text:hover
{
    color: #FFFF00;
    text-decoration: none;
    font-variant: large;
    font-weight: bold;
}

.courier
{
    position: absolute;
    top: 10px;
    left: 10px;
    color: #4455AA;
    font: courier;
    width: 190px;
    align: left;
    text-decoration: none;
    font-size: 16 px;
}

.menu
{
    color: #FFFFFF;
    text-decoration: none;
    font-variant: normal;
    font-weight: bold;
}

.menu:hover
{
    color: #FFFF00;
    text-decoration: none;
    font-variant: normal;
    font-weight: bold;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1;
    border-bottom-width: 1
}

.wrapper
{
margin: 0 auto;
text-align: center;
vertical-align: middle;
height: 100%;
width: 100%; 
padding: 20px;
}

.contents
{
position: absolute;
top:10px;
left: 200px;
right: 10px;
bottom: 10px;
height: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
padding:0;
background-color: #F7FDE1;
layer-background-color: #F7FDE1;
}

.contents * {
vertical-align: middle;
}

.contents span {
display: inline-block;
height: 100%;
}

.main1
{
valign: middle;
width: 100px;
}

.main2
{
valign: middle;
text-align: center;
width: 30%;
}

.main3
{
valign: middle;
text-align: left;
width: auto;
padding: 20px;
}

.epona
{
    color: #4455AA;
    text-decoration: none;
    font-variant: normal;
    font-size: 14 px;
    font-weight: bold;
}

.epona:hover
{
    color: #111177;
    text-decoration: none;
    font-variant: normal;
    font-size: 14 px;
    font-weight: bold;
}

.epona2
{
    color: #4455AA;
    text-decoration: none;
    font-variant: normal;
    font-size: 14 px;
    font-weight: bold;
}

.epona3
{
    color: #4455AA;
    text-decoration: none;
    font-variant: normal;
    font-size: 9 px;
    font-weight: bold;
}

.epona3:hover
{
    color: #711177;
    text-decoration: none;
    font-variant: normal;
    font-size: 9 px;
    font-weight: bold;
}

.haut_text
{
    color: #FFFFFF;
    text-decoration: none;
    font-variant: normal;
    font-weight: bold;
}

.haut_infos
{
    color: #FFFFFF;
    text-decoration: none;
    font-variant: normal;
    font-weight: normal;
}

.panel
{
 left: 20px;
 width:150px;
 height:120px;
 overflow:hidden;
}

.paneltext
{
 width:140px;
 height:110px;
 border:2px groove red;
 background-color:white;
 color:black;
 font-size:13px;
 font-family:verdana;
 font:bold;
 text-align:center;
 padding:5px;
 filter:alpha(opacity=0);
 -moz-opacity:0%;
 position:absolute;
 overflow:hidden;
 cursor:default;
}

.avail
{
width: 100%;
height: 100%;
}

.avail1
{
valign: middle;
text-align: right;
width: 50%; 
color: #443366;
background-color: #88BB88;
}

.avail2
{
valign: middle;
text-align: left;
width: 50%;
color: #88BB88;
background-color: #443366;
}

INPUT
{
    color: #000000;
    text-decoration: none;
    font-variant: normal;
    font-weight: normal;
    border-width: 1;
    border-color: #000000;
}

SELECT
{
    color: #000000;
    text-decoration: none;
    font-variant: normal;
    font-weight: normal;
    border-width: 1;
    border-color: #000000;
}