/**
 * Container
 */
.container { position: relative; width: 955px; margin: 0 auto; }

/**
 * Header
 */
#header { position: relative; z-index: 100; background: url(../fr/nav/bg-header.jpg) repeat-x; }

    #header .container { height: 103px; padding-top: 24px; }

        /* title / logo */
        #header h1 { width: 204px; height: 52px; margin-left: 13px; background: url(../fr/nav/bg-logo.gif) no-repeat; }
        #header h1 a { width: 204px; height: 52px; }
        #header #menu { position: absolute; height: 61px; left: 235px; bottom: 0; }

            #menu { margin-bottom: 0; }
            #menu li { position: relative; float: left; height: 44px; margin-left: 9px; padding: 0; background: none; }
            #menu li a { height: 34px; }
            #menu li:hover ul.level2 { display: block; }

            #menu #menu1 { width: 129px; background: url(../fr/nav/bg-menu1.jpg) top; margin-left: 0; }
            #menu #menu2 { width: 129px; background: url(../fr/nav/bg-menu2.jpg) top; }
            #menu #menu3 { width: 153px; background: url(../fr/nav/bg-menu3.jpg) top; margin-left: 7px; }
            #menu #menu4 { width: 156px; background: url(../fr/nav/bg-menu4.jpg) top; }
            #menu #menu5 { width: 105px; background: url(../fr/nav/bg-menu5.jpg) top; margin-left: 8px; margin-right: 6px; }

            #menu #menu1:hover,
            #menu #menu2:hover,
            #menu #menu3:hover,
            #menu #menu4:hover,
            #menu #menu1.current,
            #menu #menu2.current,
            #menu #menu3.current,
            #menu #menu4.current { background-position: bottom; }

            #menu ul.level2 { position: absolute; top: 34px; left: 0; width: 125px; display: none; margin: 0; padding-top: 15px; background: #685D5D; border: 1px solid #52282D; opacity: 0.85; filter: alpha(opacity=85); }
            #IE7 #menu ul.level2 { padding-bottom: 10px; }
            #IE6 #menu ul.level2 { padding-bottom: 10px; }

                #menu ul.level2 li { clear: both; height: auto; margin-bottom: 10px; background: url(../fr/nav/bg-puce-menu-deroulant.png) no-repeat 0 3px; }
                #IE6 #menu ul.level2 li { margin-left: 5px; background: url(../fr/nav/bg-puce-menu-deroulant.gif) no-repeat 0 3px; }

                    #menu ul.level2 li a { width: 100px; height: auto; display: block; padding: 0 0 1px 10px; font-weight: normal; text-decoration: none; color: #fff; line-height: 1em; }
                    #menu ul.level2 li a:hover { text-decoration: underline; }

/**
 * Content
 */
#content { position: relative; z-index: 90; background-color: #fff; }

    /* left menu */
    #content #menu-left { position: absolute; width: 410px; margin: 0; color: #fff; }
    #IE6 #content #menu-left { width: 395px; }
        #menu-left h2 { position: relative; float: left; margin: 30px 27px 0 170px; color: #fff; }
        #IE6 #menu-left h2 { margin-left: 85px; }

        #menu-left h2 a { background: 0; }
        #IE6 #menu-left h2 a { background: 0; }

        #menu-left .btn { position: relative; float: left; margin: 15px 0 8px 0; background: url(../fr/nav/btn-bouton.jpg) no-repeat; }
            #menu-left .btn a { width: 41px; height: 45px; background: 0; margin: 0; }
            #IE6 #menu-left .btn a { background: 0; }

        #menu-left ul { clear: both; margin: 0; }
            #menu-left li { position: relative; margin: 0 1px 2px 0; padding: 5px 0 3px 165px; background: url(../fr/nav/bg-menu-left.png) repeat-y; line-height: 1em; }
                #menu-left li a.current { color: #DACBC8; }
            #IE6 #menu-left li { background: url(../fr/nav/bg-menu-left.jpg) repeat-y right; }

            #menu-left li.current { padding-bottom: 25px; }
                #menu-left a { display: block; margin-left: -10px; padding: 5px 5px 5px 20px; color: #fff; background: url(../fr/nav/bg-puce.png) no-repeat 0px 5px; font-weight: bold; text-decoration: none; }
                #IE6 #menu-left a { background: url(../fr/nav/bg-puce.gif) no-repeat 0px 5px; }

        #menu-left ul.level2 { margin: 0 10px 0 12px; background: url(../fr/nav/bg-sub-menu-left.png) repeat-y left bottom; }

        #IE6 #menu-left ul.level2 { background: url(../fr/nav/bg-sub-menu-left.gif) repeat-y left bottom; }
        
            #menu-left ul.level2 li { margin: 0; padding: 4px 0 0 0; background: 0; }
            #IE6 #menu-left ul.level2 li { margin-left: 1px; padding: 0; background: 0; }

                #menu-left ul.level2 li a { display: block; margin-left: 0; padding-left: 31px; background: url(../fr/nav/bg-sub-menu-left-link.png) no-repeat 1px 9px; }
                #menu-left ul.level2 li.current a { color: #DACBC8; }
                #IE6 #menu-left ul.level2 li a { background: url(../fr/nav/bg-sub-menu-left-link.gif) no-repeat 0px 9px; }

            #menu-left ul.level2 li.last { height: 15px; }
                #menu-left ul.level2 li.last a { background-position: 1px 9px; }

/**
 * Footer
 */
#footer { background-color: #231B1C; clear: both; color: #918D8D; font-weight: bold; }
    #footer .container { height: 24px; padding-top: 5px; }
    #footer a { text-decoration: none; font-size: 0.95em; }

    /* left text */
    #footer #txt-left { position: absolute; left: 95px; }
    /* center text */
    #footer #txt-middle { position: absolute; left: 438px; }
    /* Pyxis's logo */
    #footer #pyxis { position: absolute; width: 41px; height: 14px; top: 8px; right: 30px; }
        #footer #pyxis .no-border { border: 0; }