html, body { height: 100%; min-height: 100%; }
.content { width: 980px; margin: 0 auto; }

/**
 * Header
 */
#header-right { width: 60%; height: 145px; z-index: 1; position: absolute; top:0; right:0; background: url(../images/bg-header-right.jpg) repeat-x top center; margin: 0; padding: 0; }
 
#header { height: 145px; background: #fff url(../images/bg-header-left.jpg) repeat-x; }
    #header .content { position: relative; z-index: 50; height: 145px; background: url(../images/logo-c6.jpg) no-repeat top left; }
        #header #accroche { position: absolute; top: 48px; left: 178px; color: #fff; font-size: 1.65em; }
        #header #lien-c6 { position: absolute; top: 15px; left: 20px; display: block; width: 140px; height: 120px; }
        #header #lang { position: absolute; top: 24px; right: 190px; width: 16px; height: 11px; display: block; }
        #header #search { position: absolute; top: 15px; right: 0; }
            #header #search #search-field { padding: 6px 0 0 6px; margin: 3; width: 143px; height: 23px; color: #C1C1C1; border: 0; background: url(../images/bg-search.jpg); }
            #header #search #submit { cursor: pointer; padding: 0; margin: 0; background: 0; border: 0; color: #CDCBCB; font-size: 0.8em; }
            #IE7 #header #search #submit { position: relative; top: -5px; }
            
        /* Menu */
        
        #menu { position: absolute; right: 0; bottom: 1px; z-index: 100; width: 624px; height: 40px; }
            #menu li.link-lvl1 { position: relative; float: left; background: url(/images/bg-menu.png) no-repeat; margin: 0; padding: 0; }
            .fr #menu li.link-lvl1 { background: url(/images/bg-menu-fr.png) no-repeat; }
                #menu li a.link-lvl1 { display: block; height: 40px; margin: 0; padding: 0; }
            
            #menu4 a, #menu5 a, #menu6 a { width: 112px; }
            
            #menu #menu3 { width: 121px; background-position: left top; }
            #menu #menu3:hover { background-position: left bottom; }
            #menu #menu3.current { background-position: left bottom; }
            
            #menu #menu4 { background-position: -121px top; }
            .fr #menu #menu4 { width: 123px; }
            #menu #menu4:hover{ background-position: -121px bottom; }
            #menu #menu4.current{ background-position: -121px bottom; }
            
            #menu #menu5 { background-position: -233px top; }
            .fr #menu #menu5 { background-position: -244px top; }
            #menu #menu5:hover { background-position: -233px bottom; }
            .fr #menu #menu5:hover { background-position: -244px bottom; }
            #menu #menu5.current { background-position: -233px bottom; }
            .fr #menu #menu5.current { background-position: -244px bottom; }
            
            #menu #menu6 { background-position: -345px top; }
            .fr #menu #menu6 { background-position: -356px top; }
            #menu #menu6:hover { background-position: -345px bottom; }
            .fr #menu #menu6:hover { background-position: -356px bottom; }
            #menu #menu6.current { background-position: -345px bottom; }
            .fr #menu #menu6.current { background-position: -356px bottom; }
            
            #menu #menu7 { width: 167px; background-position: -457px top; }
            .fr #menu #menu7 { width: 131px; background-position: -468px top; }
            #menu #menu7:hover { background-position: -457px bottom; }
            .fr #menu #menu7:hover { background-position: -468px bottom; }
            #menu #menu7.current { background-position: -457px bottom; }
            .fr #menu #menu7.current { background-position: -468px bottom; }
            
            /* Menu déroulant */
            
           /* #menu .level2 { display: none; width: 178px; margin: 0; padding: 0; position: absolute; top: 40px; left: 0; }
                #menu .level2 li  { width: 175px; float: none; background: #fff; margin: 0; padding: 0; border: 1px solid red; +margin-bottom: -4px; }
                #menu .level2 a { line-height: 1em; display: block; margin: 0; padding: 0; border: 1px solid black; }
            */

            #menu .level2 { background: #e3e1e0; overflow: hidden; width: 178px; display: none; margin: 0; position: absolute; top: 40px; left: 0; padding: 5px 0 0 0; border: 1px solid #707070; border-top: 1px solid #707070; }

                #menu .level2 li { width: 175px; float: none; background: #F6F4F4 url(../images/bg-menu-line.gif) no-repeat top; padding: 0; height: auto; border-top: 1px solid #707070; border-left: 1px solid #FFFFFF; border-right: 2px solid #EDEBEB; margin: 0; +margin-bottom: -4px; }
                #menu .level2 li:hover { background: #C8C4C3; border-right: 0; width: 177px; }
                #menu .level2 a { width: 145px; padding: 9px 5px 10px 27px; margin: 0; font-weight: bold; display: block; text-decoration: none; color: #4B4948; border-top: 1px solid #F6F4F4; background: url(../images/bg-menu-link.png) no-repeat 2px 7px; /*text-transform: uppercase;*/ }
                #menu .level2 a:hover { color: #fff; border-top: 1px solid #F6F6F6; background: url(../images/bg-menu-link-hover.png) no-repeat 1px 7px; }
                
                    #menu .level2 a .description-rubrique { margin: 0; padding: 0; display: block; font-size: 0.8em; text-transform: none; color: #9A9999; }
                    #menu .level2 a:hover .description-rubrique { color: #fff; }
                
            #menu li:hover .level2 { display: block; }
            

/**
 * Footer
 */
#footer { height: 76px; background: #F8F8F8 url(../images/bg-footer.jpg) repeat-x top; }
    #footer .content { position: relative; height: 76px; text-align: center; padding-top: 7px; }
        #footer #utils-footer { display: inline; font-size: 0.85em; }
            #footer #utils-footer li { display: inline; margin: 0; padding: 0; background: 0; }
                #footer #utils-footer li a { margin: 0 23px; text-decoration: none; font-weight: bold; }
                #footer #utils-footer li a:hover { text-decoration: underline; }
        #footer #pyxis { position: absolute; top: 11px; right: 19px; }
        #footer #adresse { position: absolute; top: 9px; left: 0/*41px*/; font-size: 0.9em; color: #7D7D7D; font-weight: bold; text-align: left; }
            #footer #adresse  h2 { color: #505050; display: inline; margin: 0; line-height: 1em; font-weight: bold; }