/*
                 CSS Style Sheet
                 
                 (c)2006 SAMYDOC by HOOKI !
                 

*/

/*-------------------*/
/* General font used */
/*-------------------*/
table    {
   font: 9pt verdana, arial, helvetica, sans-serif
}

/*-----------------------------------*/
/* Body Background and general style */
/*-----------------------------------*/
body 
{
   color: #000000;
   line-height: 20px;
   background-repeat: repeat-x fixed top left;
   background-color: #FFFFFF;
   font: 9pt  verdana, arial,helvetica, sans-serif
}

/*--------------------*/
/* Page Design Layout */
/*--------------------*/

#centered     {position:relative;width:800px;height:100%;margin:0px auto 0 auto;text-align:left;padding:1px;}

#title        {                                      visibility:visible;position: absolute;  height: 80;    width: 800px;  left: 0px;    top: 5px;      z-index: 1; border: 1px solid #000000;}
#logo         {                                      visibility:visible;position: absolute;  height: 78;    width: 468px;  left: 1px;    top: 6px;      z-index: 1; border: 0px solid #000000;}
#main         {                                      visibility:visible;position: absolute;  height: 500;   width: 672px;  left: 130px;  top: 90px;     z-index: 2; border: 0px solid #000000;  background-color: #FFFFFF;}
#iconmenu     {background-image: url('menu.jpg');    visibility:visible;position: absolute;  height: 440;   width: 130px;  left: 0px;    top: 87px;     z-index: 4; border: 1px solid #000000;}
#vline        {background-image: url('point_V.jpg'); visibility:visible;position: absolute;  height: 200;   width: 1px;    left: 300px;  top: 125px;    z-index: 7; border: 0px solid #000000;}
#mline        {background-image: url('point_H.bmp'); visibility:visible;position: absolute;  height: 1;     width: 660px;  left: 140px;  top: 115px;    z-index: 3; border: 0px solid #000000;}
#invoice      {                                      visibility:visible;position: absolute;  height: 800;   width: 640px;  left: 5px;    top: 5px;      z-index: 2; border: 0px solid #000000;}
#reply        {                                      visibility:visible;position: absolute;  height: 400;   width: 790px;  left: 5px;    top: 90px;     z-index: 2; border: 0px solid #000000;  background-color: #FFFFFF;}
#replyline    {background-image: url('point_H.bmp'); visibility:visible;position: absolute;  height: 1;     width: 790px;  left: 5px;    top: 50px;     z-index: 3; border: 0px solid #000000;}

/*----------------*/
/* Text Division  */
/*----------------*/
#sitetitle    {visibility:visible;position: absolute;  height: 80;   width: 665px;  left: 5px;   top: 5px;    z-index: 10; border: 0px solid #000000;}
#sitetitle2   {visibility:visible;position: absolute;  height: 80;   width: 665px;  left: 250px; top: 30px;   z-index: 10; border: 0px solid #000000;}
#pagetop      {visibility:visible;position: absolute;  height: 20;   width: 650px;  left: 140px; top: 93px;   z-index: 10; border: 0px solid #000000;}
#pagetitle    {visibility:visible;position: absolute;  height: 30;   width: 650px;  left: 140px; top: 87px;   z-index: 10; border: 0px solid #000000;}
#pagesubtitle {visibility:visible;position: absolute;  height: 30;   width: 650px;  left: 350px; top: 95px;   z-index: 10; border: 0px solid #000000;}
#menuicon     {visibility:visible;position: absolute;  height: 440;  width: 130px;  left: 0px;   top: 87px;   z-index: 10; border: 0px solid #000000;}
#visitor      {visibility:visible;position: absolute;  height: 30;   width: 139px;  left: 655px; top: 50px;   z-index: 10; border: 1px solid #000000; background-color: #FFFFFF;}
#menutexte    {visibility:visible;position: absolute;  height: 200;  width: 157px;  left: 140px; top: 120px;  z-index: 10; border: 0px solid #000000;}
#copytexte    {visibility:visible;position: absolute;  height: 25;   width: 130px;  left: 0px;   top: 442px;  z-index: 10; border: 1px solid #000000; background-image: url('copyright.jpg'); }
#content      {visibility:visible;position: absolute;  height: 400;  width: 490px;  left: 310px; top: 125px;  z-index: 10; border: 0px solid #000000; background-color: #FFFFFF;}
#lang         {visibility:visible;position: absolute;  height: 20;   width: 100px;  left: 693px; top: 10px;   z-index: 10; border: 0px solid #000000;}

/*----------------------*/
/* Form configuration   */
/*----------------------*/
input
{ 
   background-color: #FFFFFF; 
   /*border: 1px solid #000000;*/ 
   font-family: Tahoma, serif; 
   font-size: 8pt; 
   color: #000000; 
}

input.button
{ 
   width : 50px; 
}

input.button_big
{ 
   width : 100px; 
}

/*---------------*/
/* Table style   */
/*---------------*/
table               {background-color: transparent;                                            } 
table.underline     {border-bottom: 1px solid #000000;                                         }
table.topline       {border-top:    1px solid #000000;                                         }
table.border        {border:        1px solid #000000;                                         }
table.bordercolored {border:        1px solid #000000;          background-color: #555555;     }
table.colored       {border:        0px solid #000000;          background-color: #555555;     }


/*--------------------*/
/* Default class text */
/*--------------------*/
.texte 
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000055;
}

.sitetitle
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 40px;
   color: #FFFFFF;
}

/*---------------------*/
/* Header & text style */
/*---------------------*/
h1 
{
   font-size: 40px;
   color: #1122AA;
   margin-top: 3px;
   margin-bottom: 3px;
}

h2 
{
   font-size: 18px;
   color: purple;
   margin-top: 3px;
   margin-bottom: 3px;
}

h3 
{
   font-size: 19px;
   color: #5555EE;
   margin-top: 3px;
   margin-bottom: 3px;
}

h4
{
   font-size: 10px;
   color: #000055;
   margin-top: 3px;
   margin-bottom: 3px;
}

h5
{
   color: #000055;
   font: 8pt verdana;
   margin-top: 1px;
   margin-bottom: 1px;
   margin-left: 3px;
}

h6
{
   color: #000055;
   font: 7pt verdana;
   margin-top: 1px;
   margin-bottom: 1px;
}

p
{
   color: #111111;
   font-size: 12px;
   font: helvetica;
   margin-top: 1px;
   margin-bottom: 1px;
}



blockquote 
{
   margin-top: 0px;
   margin-bottom: 0px;
   color: #000000;
   margin-right: 0px;
   margin-left: 20px;
}

ol 
{
   margin-top: 0px;
   margin-bottom: 0px;
   color: #000000;
}


/*-------------*/
/* Link Style */
/*------------*/
#content a:link 
{
   color: #000000;
}

#content a:visited 
{
   color: #999999;
}

#content a:link:hover 
{
   color: #788ea4;
}

/*-------------------------*/
/* Main Menu Configuration */
/*-------------------------*/
ul#tabnav {
    font:  10px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 16px;
    border-bottom: 0px solid #0000FF;
    margin: 0;
}

ul#tabnav li {
    float: left;
    height: 16px;
    background-color: #FFFFFF;
    margin: 2px 4px 0 2px;
    border: 1px solid #0000FF;
}

ul#tabnav li.active {
    border-bottom: 1px solid orange;
    background-color: orange;
}

ul#tabnav li.active a {
    color: #00000;
}

#tabnav a {
    float: left;
    display: block;
    color: #000000;
    text-decoration: none;
    padding: 0px;
}

#tabnav a:hover {
    background: #0000FF;
    color: #FFFFFF;
    }

.dfltt {font-family:Times New Roman;font-size:14px;font-weight:normal;text-decoration:none;text-align:left;}
body {margin:0px;text-align:center;height:100%;width:100%;}