@import 'modules.css';

/**
* Content
*/
#content { position: relative; border-left: solid 1px #fff; border-top: solid 1px #8d8e8e; }
#IE6 #content { border-left: 0; }

    #module { width: 900px; margin: 0 auto; }
    
    #content-wrapper { float: left; width: 100%; }
    
    /**
     * Auth user
     */
    #auth { position: relative; width: 950px; background: url(../images/lvl2/bg-auth-user.jpg); height: 80px; overflow: hidden; left: -1px; }
    #IE6 #auth { left: 0; }
        #auth h3 { color: #fff; font-size: 1.7em; line-height: 55px; padding-left: 50px; }
            #auth h3 big { font-size: 1.4em; }
        #auth #logout { position: absolute; top: 28px; right: 25px; }
    
    /**
     * Content left
     */
    #left-column { float: left; width: 224px;  background: #fafafa; margin-left: -950px; }
        #left-column ul { margin: 0px; padding: 15px 0 0 0; font-size: 1.1em; }
            #left-column li { list-style: none; margin: 0px; padding: 0px; background: url("../images/lvl2/bg-submenu.jpg") no-repeat bottom; }
            #IE6 #left-column li { background: 0; }
            #left-column li.current { background: url("../images/lvl2/bg-submenu-current.jpg") no-repeat bottom; }
            #IE6 #left-column li.current { background: 0; }
                    
                    #left-column ul a { height: 100%; display: block; margin: 0px; padding: 12px 0 14px 40px; text-decoration: none; color: #a9a9a9; font-weight: bold; background: url("../images/lvl2/bg-submenu-arrow.png") no-repeat 15px 15px; }
                    #IE6 #left-column ul a { background: url("../images/lvl2/btn-submenu.jpg") no-repeat top; border-bottom: 1px solid #eee; }
                    #IE6 #left-column ul a.current { background: #e3e3e3 url("../images/lvl2/btn-submenu-cur.jpg") no-repeat top; }
                    #left-column ul a:hover { color: #4260a4; }
                    #left-column ul li.current a { color: #4260a4; }
    
    #submenu-footer { height: 130px; background: url("../images/lvl2/bg-submenu-footer.jpg") bottom repeat-x; }
    #submenu-footer { padding-top: 45px; margin-left: 2px; }
    
    /**
     * Content right
     */
    #content-column { margin: 15px 0 30px 259px; width: 590px; }
    #IE6 .content-column-carto { margin: 15px 0 3px 227px; width: 720px; }
    
    #path { color: #aaa9a9; }
        #path a { color: #aaa9a9; text-decoration: none; font-size: 0.9em; }
        #path a:hover { text-decoration: underline; }
    
    /**
     * Carto services
     */
    #carto-services { position: relative; margin-left: -20px; }
    #IE6 #carto-services { position: static; margin-left: 0; }
    
/**
* Sommaire
*/      
#pages-list { padding: 0; margin: 45px 0 0 0; }
    #pages-list li { background: 0; width: 258px; float: left; padding: 0; margin: 0 35px 0 0; }
    #pages-list li.break { clear: both; float: none; width: 500px; height: 28px; }
    
        .title { margin-bottom: 10px; }
        .title-top { height: 4px; margin: 0; padding: 0; font-size: 0; line-height: 0; background: url("../images/lvl2/bg-sommaire-top.jpg") no-repeat; }
        .title-bottom { height: 4px; margin: 0; padding: 0; font-size: 0; line-height: 0; background: url("../images/lvl2/bg-sommaire-bottom.jpg") no-repeat; }
        
        #pages-list a.titre { padding: 0 15px 0 15px; display: block; color: #fff; text-decoration: none; background: url("../images/lvl2/bg-sommaire.jpg"); }
        #pages-list a.titre:hover { color: #ddd; }
        
        #pages-list a.suite { margin-top: -10px; display: block;  float: right; color: #3355B3; text-decoration: none; }
        #pages-list a.suite:hover { text-decoration: underline; }

/**
 * Listing de pages (depuis une page)
 */
#pages-list-mini { padding: 10px 15px; margin: 45px 0 0 0; background: #f3f3f3; }
    #pages-list-mini h4 { color: #777; }
    #pages-list-mini ul { margin-left: 34px; list-style: square; }
        #pages-list-mini ul li { background: 0; padding-left: 0; }