/*
// Site	: www.dimuschi.com
// Date	: 2008-07-02
*/

/*
// Section : Common.
*/
body
{
    background      : #000000;
    color           : #FFFFFF;
    font            : normal normal normal 11px Arial, sans-serif;
    padding         : 0;
}

* a
{
   color            : #FFFFFF;
}

* a:hover
{
   color            : #FFFFFF;
}

* a:active
{
   color            : #FFFFFF;
}

* a:visited
{
   color            : #FFFFFF;
}



/*
// Section : Main.
*/
#main
{
    width           : 900px;
    position        : relative;
}


/*
// Section : Header.
*/
#header
{
    position        : absolute;
    top             : 25px;
    left            : 25px;
    background      : #000000 url('/images/gui/logo/logo-dimushi.png') no-repeat top left;
    width           : 640px;
    height          : 65px;
}

#header h1
{
    width           : 137px;
    height          : 65px;
    font            : normal normal normal 27px Arial, sans-serif;
    margin          : 0;
    padding         : 0;
}

#header h1 span
{
    display         : none;
}

#header h2
{
    display         : none;
    font            : normal normal normal 13px Arial, sans-serif;
    letter-spacing  : 2px;
    margin          : 0;
    padding         : 0;
}


/*
// Section : Header.
*/
#language
{
    position        : absolute;
    top             : 40px;
    right           : 2px;
}

#language li
{
    float           : left;
    list-style      : none;
    margin          : 0 10px 0 0;
    padding         : 0 9px 0 0;
}

#language li.first
{
    border-right    : 1px solid #333333;
}

#language li a
{
    font            : normal normal normal 13px Arial, sans-serif;
    color           : #FFFFFF;
    text-decoration : none;
    text-transform  : uppercase;
}


/*
// Section : Menu.
*/
#menu
{
    position        : absolute;
    top             : 94px;
    left            : 25px;
    margin          : 0;
    padding         : 10px 0;
    border-top      : 1px solid #333333;
    border-bottom   : 1px solid #333333;
    width           : 875px;
}

#menu li
{
    margin          : 0 10px 0 0;
    padding         : 0 0 0 10px;
    float           : left;
    list-style      : none;
    border-left     : 1px solid #333333;
    text-transform  : uppercase;
}

#menu li.first
{
    border-left     : none;
    padding         : 0;
}

#menu li a
{
    font            : normal normal normal 13px Arial, sans-serif;
    color           : #FFFFFF;
    letter-spacing  : 1px;
    text-decoration : none;
}

#menu li a:hover
{
    text-decoration : underline;
}

#menu li.current a
{
    text-decoration : underline;
}


/*
// Section : Navigation
*/
#navigation
{
    position        : absolute;
    top             : 160px;
    left            : 725px;
    margin          : 0;
    padding         : 0;
}

#navigation li
{
    margin          : 0 10px 5px 0;
    padding         : 0 0 0 10px;
    list-style      : none;
    text-transform  : uppercase;
}

#navigation li.first
{
    border-left     : none;
    padding         : 0;
}

#navigation li a
{
    font            : normal normal normal 13px Arial, sans-serif;
    color           : #FFFFFF;
    letter-spacing  : 1px;
    text-decoration : none;
}

#navigation li a:hover
{
    text-decoration : underline;
}

#navigation li.current a
{
    text-decoration : underline;
}


/*
// Section : Actualités.
*/
.liste
{
    position        : absolute;
    top             : 160px;
    left            : 25px;
    width           : 675px;
    margin          : 0;
    padding         : 0;
    border-right    : 1px solid #333333;
}

.liste .texte
{
    margin          : 0 0 30px 0;
}

.liste .texte h1
{
    font            : normal normal normal 16px Arial, sans-serif;
    margin          : 0 20px 10px 0;
    padding         : 0;
}

.liste .texte h1.title
{
    font            : normal normal normal 40px Arial, sans-serif;
}

.liste .texte h1 a
{
    color           : #FFFFFF;
    letter-spacing  : 1px;
    text-decoration : none;
}

.liste .texte img
{
    display         : block;
    margin          : 0;
    padding         : 0;
    margin          : 0 0 10px 0;
    border          : 0;
}

.liste .texte p
{
    font            : normal normal normal 13px Arial, sans-serif;
    color           : #FFFFFF;
    line-height     : 20px;
    width           : 640px;
    text-align      : justify;
    margin          : 0;
    padding         : 0;
}


/*
// Section : Détail
*/
.detail
{
    position        : absolute;
    top             : 160px;
    left            : 25px;
    width           : 675px;
    margin          : 0;
    padding         : 0;
    border-right    : 1px solid #333333;
}

.detail ul,
.detail ul li
{
    margin          : 20px 0;
    padding         : 0;
    list-style      : none;
}

.detail ul li
{
    margin          : 0;
    padding         : 0;
    list-style      : none;
}

.detail .section
{
    width           : 640px;
    margin          : 25px 0;
    border-top      : 1px solid #333333;
}

.detail h1
{
    font            : normal normal normal 16px Arial, sans-serif;
    margin          : 0 20px 10px 0;
    padding         : 0;
}

.detail h1.lien
{
    margin          : 0 0 20px 0;
}

.detail h1.lien span
{
    font            : normal normal normal 13px Arial, sans-serif;
}

.detail h1.title
{
    font            : normal normal normal 40px Arial, sans-serif;
}


.detail h2
{
    font            : normal normal normal 16px Arial, sans-serif;
    margin          : 25px 20px 10px 0;
    padding         : 0;
}

.detail h1 a
{
    color           : #FFFFFF;
    letter-spacing  : 1px;
    text-decoration : none;
}

.detail img
{
    display         : block;
    margin          : 0;
    padding         : 0;
}

.detail p
{
    font            : normal normal normal 12px Arial, sans-serif;
    color           : #FFFFFF;
    line-height     : 20px;
    width           : 640px;
    text-align      : justify;
    margin          : 10px 20px 10px 0;
    padding         : 0;
}

.detail p.credit
{
    width           : 634px;
    margin          : 0 20px 10px 0;
    padding         : 3px 0 3px 4px;
}

.player
{
    background      : #000000;
    display         : block;
}


/*
// Section : Footer.
*/
#footer
{
    font            : normal normal normal 12px Arial, sans-serif;
    position        : absolute;
    bottom          : -70px;
    padding         : 0 0 30px 0;
    left            : 0;
    color           : #FFFFFF;
}