/*
                 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;}

#copyright    {visibility:visible;position: absolute;  height: 5;    width: 700px;  left: 0px;    top: 0px;    z-index: 10; border: 0px solid #000000;}
#lang         {visibility:visible;position: absolute;  height: 5;    width: 100px;  left: 700px;  top: 2px;    z-index: 10; border: 0px solid #000000;}
#title        {visibility:visible;position: absolute;  height: 50;   width: 665px;  left: 5px;    top: 15px;   z-index: 10; border: 0px solid #000000;}
#logo         {visibility:visible;position: absolute;  height: 50;   width: 468px;  left: 1px;    top: 20px;   z-index: 1; border: 0px solid #000000;}
#visitor      {visibility:visible;position: absolute;  height: 45;   width: 139px;  left: 655px;  top: 50px;   z-index: 10; border: 1px solid #000000; background-color: #FFFFFF;}
#menu         {visibility:visible;position: absolute;  height: 30;   width: 800px;  left: 0px;    top: 98px;   z-index: 10; border: 0px solid #000000;}
#mline        {visibility:visible;position: absolute;  height: 1;    width: 799px;  left: 1px;    top: 130px;  z-index: 1; border: 0px solid #000000; background-image: url('point_H.bmp');}
#vline1       {visibility:visible;position: absolute;  height: 350;  width: 1px;    left: 0px;    top: 130px;  z-index: 1; border: 0px solid #000000; background-image: url('point_V.jpg')}
#vline2       {visibility:visible;position: absolute;  height: 350;  width: 1px;    left: 150px;  top: 130px;  z-index: 1; border: 0px solid #000000; background-image: url('point_V.jpg')}
#vline3       {visibility:visible;position: absolute;  height: 100;  width: 1px;    left: 800px;  top: 130px;  z-index: 1; border: 0px solid #000000; background-image: url('point_V.jpg')}
#submenu      {visibility:visible;position: absolute;  height: 20;   width: 146px;  left: 1px;    top: 133px;  z-index: 2; border: 0px solid #000000; background-color: #d2e4fc;}
#pageindex1   {visibility:visible;position: absolute;  height: 228;  width: 320px;  left: 1px;    top: 145px;  z-index: 2; border: 0px solid #000000; background-image: url('hands.jpg');}
#pageindex2   {visibility:visible;position: absolute;  height: 261;  width: 131px;  left: 520px;  top: 142px;  z-index: 2; border: 0px solid #000000; background-image: url('wave.bmp');}
#pageindex3   {visibility:visible;position: absolute;  height: 300;  width: 230px;  left: 570px;  top: 155px;  z-index: 2; border: 0px solid #000000;}
#pageindex4   {visibility:visible;position: absolute;  height: 10;   width: 320px;  left: 55px;   top: 170px;  z-index: 2; border: 0px solid #000000;}
#pageindex5   {visibility:visible;position: absolute;  height: 10;   width: 320px;  left: 20px;   top: 210px;  z-index: 2; border: 0px solid #000000;}
#pageindex6   {visibility:visible;position: absolute;  height: 10;   width: 320px;  left: 40px;   top: 250px;  z-index: 2; border: 0px solid #000000;}
#pageindex7   {visibility:visible;position: absolute;  height: 10;   width: 320px;  left: 20px;   top: 290px;  z-index: 2; border: 0px solid #000000;}
#pageindex8   {visibility:visible;position: absolute;  height: 300;  width: 190px;  left: 325px;  top: 155px;  z-index: 2; border: 0px solid #000000;}
#pageindex9   {visibility:visible;position: absolute;  height: 300;  width: 800px;  left: 5px;    top: 400px;  z-index: 2; border: 0px solid #000000;}
#content      {visibility:visible;position: absolute;  height: 500;  width: 630px;  left: 160px;  top: 132px;  z-index: 2; border: 0px solid #000000;}
#working      {visibility:visible;position: absolute;  height: 200;  width: 450px;  left: 250px;  top: 150px;  z-index: 2; border: 1px solid #000000; background-image: url('working.png');}
#studytitle   {visibility:visible;position: absolute;  height: 40;   width: 643px;  left: 154px;  top: 132px;  z-index: 2; border: 0px solid #000000; background-image: url('study.gif')}
#studycontent {visibility:visible;position: absolute;  height: 500;  width: 630px;  left: 160px;  top: 172px;  z-index: 2; border: 0px solid #000000;}
#studyworking {visibility:visible;position: absolute;  height: 200;  width: 450px;  left: 250px;  top: 190px;  z-index: 2; border: 1px solid #000000; background-image: url('working.png');}
#reply        {visibility:visible;position: absolute;  height: 500;  width: 630px;  left: 5px;    top: 135px;  z-index: 2; 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: orange;
   margin-top: 3px;
   margin-bottom: 3px;
}

h3 
{
   font-size: 19px;
   color: orange;
   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%;}
    
    
    