body 
{
    background-attachment: fixed;
    background-position: center; 
    background-image: url("images_website/background.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #000000;
}

#div_up
{
    height:10%;
    width:100%;
    margin-bottom: 5%;    
}

#div_global
{
    height:80%;
    width:100%;
}

#div_right, #div_left {
    display: inline-block;
    vertical-align: top;
}

#div_left
{
    height:100%;
    width: 15%;
    float:left;
    margin-right: 5%;
}

#div_right
{
   height:100%;
   width: 80%;
   overflow-y: scroll;
}


/*************************LINK*************************************************************************************/

A:visited  
{ 

    font-family: njnaruto;
    font-size: 12pt;color : #FFFFFF;
    color : #7FFF00; 
    text-decoration: none ;
}

A:link     
{ 
    font-family: njnaruto;
    font-size: 12pt;color : #FFFFFF;
    color : #00FFFF; 
    text-decoration: none;
 }

A:hover 
{
    font-family: njnaruto;
    font-size: 12pt;color : #FFFFFF;
    COLOR: red; /*The color of the mouseover or 'hover' link*/
    text-decoration: none;
}


/*************************LINK*************************************************************************************/





table
{
    border-width:1px;
    border-style:solid; 
    border-color:#00FF00;
    height:100%;
    width: 100%;
}


td
{
    font-family: Mangat;
    font-size: 12pt;color : #FFFFFF;
}



@font-face
{
    font-family: Mangat;
    src: url('images_website/mangat.ttf') format('truetype');
}

@font-face
{
    font-family: njnaruto;
    src: url('images_website/njnaruto.ttf') format('truetype');
}





table#table_menu
{
    height:auto;

}

table#table_center
{
    height: auto;
    width: auto;
    border:0;
    border-collapse: separate;
    border-spacing: 5px 8px;    
}


.bordure
{
    width: 150px;
    height: 200px;
    border-width: 1px;
    border-style:solid;
    border-color: #00FF00;
}


.folder
{
    height:auto;
    width:120px;
}