/* <![CDATA[ */

    /***************************************************************
     *
     * CSS STRUCTURE
     *
     ***************************************************************/

    /* Container */
    
    /********************************************************************
     * Body
     *******************************************************************/
    HTML, BODY {
        text-align: center;
        background-color: #AC9169;
        width: 100%;
        padding-bottom: 1px;
        margin: auto;
    }
    
    HTML {
        background-image: url( imgs/bg_bottom.gif );
        background-repeat: repeat-x;
        background-position: bottom center;
        min-height: 100%;
    }
    
    BODY {
        background-color: transparent;
    }
    
    /********************************************************************
     * Structure Classes
     *******************************************************************/
    /** Container **/
    DIV#container {
        width: 100%;
        min-height: 100%;
        text-align: left;
        margin: 0px 0px 0px 0px;
        background-image: url( imgs/bg-interface.jpg );
        background-repeat: repeat-x;
        background-position: top left;
    }
    
    /** Interface **/
    DIV#interface {
        width: 920px;
        min-height: 100%;
        overflow: auto;
        text-align: left;
        margin: 0px auto;
    }
    
    /** Header **/
    DIV#header {
        width: 920px;
        margin: 0px;
        padding: 0px;
        height: auto;
        overflow: hidden;
    }
    
    /** Menu Level 1 **/
    DIV#menu_l1 {
        width: 770px;
        height: 97px;
        margin: 0px;
        padding: 0px;
        float: left;
/*        background-color: yellow;*/
    }
    
    /** Corporate **/
    DIV#corporate {
        width: 150px;
        height: 88px;
        margin: 0px;
        padding: 0px;
        float: left;
    }
    
    /** Flash Banner **/
    DIV#flash_banner {
        width: 920px;
        height: 108px;
        margin: 0px;
        padding: 0px;
        clear: both;
        
/*        background-color: blue;*/
    }
    
    * HTML BODY DIV#flash_banner {
        height: 110px;
    }
    
    /** Login button **/
    DIV#login {
        width: 920px;
        height: 18px;
        margin: 0px;
        padding: 0px;
        clear: both;
        text-align: right;
    }
    
    DIV#login A {
        float: right;
        display: block;
        width: 151px;
        height: 18px;
        background-image: url( imgs/login_off.jpg );
    }
    
    DIV#login A:hover {
        background-image: url( imgs/login_on.jpg );
    }
    
    * HTML BODY DIV#flash_banner, * HTML BODY DIV#login, * HTML BODY DIV#corporate {
        margin-top: -5px;
    }
    
    /** END KEIZO **/
    
    /********************************************************************
     * Content
     *******************************************************************/
    DIV#content DIV.main {
        width: 920px;
        margin-top: 30px;
        height: auto;
        overflow: hidden;
    }
    
    DIV.two_cols {
        height: auto;
        overflow: hidden;
        clear: both;
        margin-bottom: 25px;
    }
    
    DIV.two_cols DIV.col_left {
        width: 225px;
        float: left;
        height: auto;
        min-height: 200px;
    }
    
    DIV.two_cols DIV.col_right {
        width: 640px;
        float: left;
        min-height: 200px;
    }
    
    DIV#content P.bodytext {
        background: transparent url( imgs/inter_paragraphe_general.jpg ) no-repeat;
        background-position: bottom left;
        padding-bottom: 7px;
    }
    
    DIV#content P:last-child {
        background-image: url();
    }
    
    DIV#content H1.home_title {
        font-family: Helvetica, Arial;
        font-size: 45px;
        margin-top: 0px;
        line-height: 38px;
        color: #000000;
    }
    
    /********************************************************************
     * Navigation Classes
     *******************************************************************/
     
    /** Access keys **/
    SPAN.accesskey {
        text-decoration: none;
    }
    
    /** Menu Level 1 **/
    DIV#menu_l1 UL {
        margin: 0px;
        height: auto;
        overflow: hidden;
    }
    
    DIV#menu_l1 UL LI {
        list-style-type: none;
        float: left;
        margin-top: 65px;
        margin-right: 75px;
        height: 40px;
    }
    
    DIV#menu_l1 UL LI A {
        display: block;
        height: 21px;
        text-align: center;
        background-repeat: no-repeat;
    }
    
    DIV#menu_l1 UL LI A SPAN {
        display: none;
    }
    
    DIV#menu_l1 UL LI A IMG {
        display: none;
        padding-top: 18px;
        margin-left: auto;
        margin-right: auto;
    }
    
    DIV#menu_l1 UL LI.current A IMG, DIV#menu_l1 UL LI A:hover IMG {
        display: block;
    }
    
    DIV#menu_l1 UL LI#l1_competition A {
        background-image: url( imgs/competition_off.jpg );
        width: 105px;
    }
    
    DIV#menu_l1 UL LI#l1_competition A:hover {
        background-image: url( imgs/competition_on.jpg );
    }
    
    DIV#menu_l1 UL LI#l1_award A {
        background-image: url( imgs/award_off.jpg );
        width: 56px;
    }
    
    DIV#menu_l1 UL LI#l1_award A:hover {
        background-image: url( imgs/award_on.jpg );
    }
    
    DIV#menu_l1 UL LI#l1_registration A {
        background-image: url( imgs/registration_off.jpg );
        width: 101px;
    }
    
    DIV#menu_l1 UL LI#l1_registration A:hover {
        background-image: url( imgs/registration_on.jpg );
    }

    
    /********************************************************************
     * Footer
     *******************************************************************/
    DIV#footer {
        padding-top: 50px;
        overflow: hidden;
    }
    
    DIV#footer UL {
        margin: 0px;
        height: auto;
        overflow: hidden;
        float: left;
        padding-bottom: 15px;
    }
    
    DIV#footer UL LI {
        list-style-type: none;
        float: left;
        margin-right: 65px;
    }
    
    DIV#footer UL LI A {
        font-size: 12px;
        color: #FFFFFF;
    }
    
    DIV#footer UL.links_periph {
        width: 600px;
    }
    
    DIV#footer UL.credits {
        float: right;
        margin-right: 0px;
    }
    DIV#footer UL.credits LI {
        margin-right: 0px;
    }
    
    DIV#footer UL.credits LI A {
        float: right;
    }
    
    /********************************************************************
     * FCE Sections
     *******************************************************************/
     
     
     
    /********************************************************************
     * Specials Styles
     *******************************************************************/
    /********************************************************************
     * Extensions Styles
     *******************************************************************/
     DIV.temp {
         height: 200px;
     }     
     
/* ]]> */
