html, body { height: 100%; min-height: 100%; }

#magikoil { position: absolute; width: 159px; height: 148px; top: 143px; left: -163px; background: url(../images/magikoil.png); }

#container { position: relative; width: 950px; margin: 0 auto; padding: 0px 3px; min-height: 100%; background: url(../images/bg-container.jpg); }
#IE6 #container { height: 100%; }
    
    /* Shadow on left and right container sides */
    #container-left { background: url(../images/bg-container-left.jpg); width: 3px; height: 775px; position: absolute; top: 0; left: 0; }
    #container-right { background: url(../images/bg-container-right.jpg); width: 3px; height: 775px; position: absolute; top: 0; right: 0; }

/**
 * Header
 */
#header { position: relative; z-index: 10; height: 172px; background: url(../images/bg-header.jpg) repeat-x; }
    #header-top-left { position: absolute; top: 36px; left: 0px; width: 5px; height: 5px; background: url(../images/bg-header-top-left.jpg) no-repeat; }
    #header h1 { width: 72px; height: 96px; position: absolute; top: 48px; left: 38px; background: url(../images/logo-chimirec.jpg); }
        #header h1 a { width: 72px; height: 96px; }
    
    /* Top menu */
    #utils { color:#B5B5B5; margin: 0; }
        #utils li { float: left; padding: 0; margin: 0; }
            #utils li a { text-decoration:none; color:#989898; font-weight: bold; margin-right: 12px; }
            #utils li a:hover { color: #7A7A7A; text-decoration: underline; }
        
        #en { position: absolute; top: 44px; left: 140px; background: 0; }
        
        #menu12-13-14 { position: absolute; top: 44px; right: 417px; padding: 0; margin: 0; }
        .en #menu12-13-14 { top: 44px; right: 301px; }
            #menu12-13-14 li { background: 0; padding: 0; margin: 0; color:#989898; }
                #menu12-13-14 li a { padding: 0; margin: 0 12px 0 13px; }
        
        /* Search engine */
        #search-form { padding: 0; position: absolute; top: 42px; right: 248px; }
            #search-field { height: 16px; width: 120px; float: left; padding: 5px 0px 0px 10px; margin: 0px; background: #c1c2c2; border: 0; color: #fff; font: bold 70% Verdana, sans-serif; }
            #search-btn,
            #search-file-btn { margin-top: 2px; width: 17px; height: 17px; border: 0; cursor: pointer; background: url(../images/btn-recherche.png) no-repeat;}
        
        .en #search-form { width: 238px; height: 31px; position: absolute; top: 36px; right: 0; background: url(../images/bg-header-top-right-en.jpg); }
            .en #search-form form { margin: 3px 0 0 40px; }
                .en #search-field { width: 116px; background: 0; color: #3B579A; }
        
        #utils li#menu18 { width: 238px; height: 31px; position: absolute; top: 36px; right: 0; padding: 0; background: url(../images/bg-header-menu18.jpg); }
            #utils li#menu18 a { display: block; height: 31px; }
        
        #utils li#menu18:hover,
        #utils li#menu18.current { background-position: bottom; }
    
    /* Global nav menu */
    #menu { position: absolute; right: 42px; bottom: 14px; z-index: 10;}
        #menu li { position: relative; float: left; height: 56px; padding: 0; margin: 0; background: url(../images/bg-menu.jpg); }
        .en #menu li { background: url(../images/bg-menu-en.png); }
            #menu li a { height: 56px; }
            #menu li:hover ul.level2 { display: block; }
        
        #menu li#menu3 { width: 202px; background-position: 0 0; }
        #menu li#menu3:hover { background-position: 0 -56px; }
        #menu li#menu3.current { background-position: 0 -112px; }
        
        #menu li#menu4 { width: 187px; background-position: -202px 0; }
        #menu li#menu4:hover { background-position: -202px -56px; }
        #menu li#menu4.current { background-position: -202px -112px; }
        
        #menu li#menu5 { width: 187px; background-position: -389px 0; }
        #menu li#menu5:hover { background-position: -389px -56px; }
        #menu li#menu5.current { background-position: -389px -112px; }
        
        #menu li#menu6 { width: 202px; background-position: -576px 0; }
        #menu li#menu6:hover { background-position: -576px -56px; }
        #menu li#menu6.current { background-position: -576px -112px; }
        
            /* Menu deroulant */
            #menu3 ul.level2, #menu6 ul.level2 { width: 166px; left: 1px; }
            #menu4 ul.level2, #menu5 ul.level2 { width: 159px; left: 0; }
            #menu3 ul.level2 { left: 7px; }
            
            #menu ul.level2 { display: none; margin: 0; padding: 20px 13px 3px 13px; position: absolute; top: 55px; border: 1px solid #efefef; background: url(../images/bg-header-submenu.jpg) no-repeat #fff; }
                #menu ul.level2 li { height: auto; float: none; background: 0; margin:0; padding: 0 0 4px 0; font-weight: bold; }
                    #menu ul.level2 li a { color: #8C8B8B; text-decoration: none; background: url(../images/bg-menu-li.png) no-repeat 0 6px; padding-left: 10px; }
                    #menu ul.level2 li a:hover { color: #76B99F; background: url(../images/bg-menu-li-on.png) no-repeat 0 6px; }
        
/**
 * Footer
 */
#footer { position: relative; height: 41px; text-align: center; background: url(../images/bg-footer.jpg) repeat-x; padding-top: 7px; }
    
    #utils-footer { margin: 0; font-weight: bold; font-size: 0.8em; text-transform: uppercase; display: inline; }
        #utils-footer li { margin: 0; padding: 0; list-style: none; background: 0; display: inline; }
            
            #utils-footer li.first { background: none; }
            #utils-footer li.first a { color: #0F9260; text-decoration: none; }
            #utils-footer li.first a:hover { color: #0A7A49; text-decoration: underline; }
            .en #utils-footer li.first a { color: #848484; }
            .en #utils-footer li.first a:hover { color: #6C6C6C; }
            
            #utils-footer li a { color: #848484; text-decoration: none; margin: 0 17px 0 17px; }
            #utils-footer li a:hover { color: #6C6C6C; text-decoration: underline; }
            
    #novelus { position: absolute; top: 6px; right: 5px; }

