﻿
body
{
    margin: 0px;
    background-image: url('./Images/fondcar.gif' );
    background-position:top left;
    background-repeat: repeat-y;
    font-family: Tahoma;
    color: Black;
    font-size: 12px;
    background-color:White;
    
  
}
.ban
{
    position: absolute;
    height: 74px;
    background-image: url('./images/ban.gif' );
    background-color:Red;
    background-position: right;
    top: 0px;
    left: 0px;
    width: 100%;
}

.error
{
background-color: #ffff99; 
text-align: left;
font-weight:bold;
color:Red;
}

.horloge
{
border : solid 1px red;
font-weight:bold;
color:Black;
width:70px; 
vertical-align:middle;
text-align:left;
}
.assistance
{
   
    position: absolute;
    top: 2px;
    left: 160px;
    width: 350px;
    height: 30px;
    background-image: url('./images/assistance.gif' );
    background-position: left;
    background-repeat: no-repeat;
}
.button, .buttonpressed, .buttonactive
{
    width: 100px;
    height: 20px;
    background-image: url(./images/buttton.png);
    background-attachment: fixed;
    border-top-style: none;
    background-repeat: no-repeat;
    border-right-style: none;
    border-left-style: none;
    background-color: red;
    border-bottom-style: none;
    color: White;
    font-weight: bold;
}
.sitemap
{
position:absolute;
top:50px;
right:10px;

}

.step1, .step2,.step3, .step4
{
     position:absolute;
    top:-40px;

    right:5px; 
     width:659px;
   height:35px;
}
.step1
{
   background-image:url(./images/step1.gif);
    }
.step2
{
  
   background-image:url(./images/step2.gif);
  
    }
    .step3
{
   background-image:url(./images/step3.gif);
    }
    .step4
{
   background-image:url(./images/step4.gif);
    }
.buttonpressed
{
    background-image: url(./images/buttonpressed.gif);
}

.buttonactive
{
    background-image: url(./images/butttonactive.jpg);
    cursor:pointer;
}

.menutop
{
 
    position: absolute;
    top: 0px;
    left: 0px;
    height: 500px;
    width: 140px;
    top: 0px;
    left: 0px;
    background-image: url('./images/menutop.gif' );
    background-position: top;
    background-repeat: no-repeat;
}
.title
{
    position: absolute;
    top: 5px;
    right: 7px;
    width: 327px;
    height: 30px;
    text-align: right;
    text-transform: uppercase;
    color: White;
    font-weight: bold;
    font-size: 16px;
  z-index:6;
}

.content
{
    position: absolute;
    top: 75px;
    width: 100%;
    left: 0px;
  /*  z-index: 10;*/
}

.hyperlink
{
    color: Red;
    background-color: Transparent;
}

.hyperlinkover
{
    background-color: Red;
    color: White;
}

.menuover
{
     font-size:14px;
    font-weight:bold;
    color: red;
    background-color: white ;
}

.menuactive
{
     font-size:14px;
    font-weight:bold;
    color: Yellow;
    
}

.menu
{
    background-color: red;
    color: white;
}

.menutransparent
{
    font-size:14px;
    font-weight:bold;
    background-color: Transparent;
    color: white;
}



.tableleft
{
    height: 30px;
    background-color: Red;
    background-position: top left;
    background-repeat: no-repeat;
    border-bottom-style: none;
    background-image: url('./images/tableleft.gif' );
}
.csstextbox
{
    width: 100%;
    border: solid 1px red;
    font-weight: bold;
    background-color: White;
}
.csstextboxactive
{
    width: 100%;
    border: solid 1px red;
    font-weight: bold;
    background-image: url('./images/activetext.gif' );
    background-repeat: repeat-y;
    background-position: top left;
    background-color: White;
}

.tabletop
{
    background-color: Red;
    background-image: url('./images/tableright.gif' );
    background-position: top right;
    background-repeat: no-repeat;
    border-bottom-style: none;
    height: 30px;
    color: White;
    margin-right: 5px;
    vertical-align: top;
    text-align: right;
}

.subtitle
{
    width: 98%;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    margin: 5px 5px 5px 5px;
    text-align: right;
    z-index:7;
}

.tablecenter
{
    text-align: left;
    vertical-align: top;
    width: 100%;
    height: 100%;
    background-color: White;
    background-image: url('./images/corner.gif' );
    background-position: top left;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: Red;
    border-style: solid;
    margin: 15px 15px 15px 15px;
}

.headerstyle
{
   background-color:Red;
   color:White;
   text-transform:uppercase;
   font-weight:bold;
   text-align:center;
   vertical-align:middle;
   
}
.gridstyle
{
    border:solid 1px red;
    
}
.alternativerowstyle
{
    background-color:#CCCCCC;
}

.rowstyle
{
    background-color:white;
    
}

.selectedrowstyle
{
    background-color:Yellow;
}
         
     


