/* header-footer */

/* table site */
#site                   { background: #fff; }
#site-left              { width: 160px; }
#site-marge             { width: 10px;  }

.extensible             { width: 100%; min-width: 980px; }
.pas-extensible         { width: 980px; margin: 0 auto; }

/* top */
#top                    { width:100%; height: 66px; background: white; }
#top-left               { width: 140px; padding: 12px 0 0 0px; }
#top-middle             { width: 150px; height: 54px; padding-top: 12px; }
#top-right              { width: 660px; }

/* menu */
#menu ul                { padding: 22px 0 0; }
#menu li                { float:left; background: url('../image/site/menu-out.jpg') no-repeat; padding: 0; }
#menu li                { width: 110px; height: 22px; text-align: center; }
#menu li.select         { background: url('../image/site/menu-select.jpg') no-repeat; }
#menu li a              { font: 9pt/1.8em Arial, Verdana, Sans-serif; color: #fff; text-decoration: none; display: block; font-weight: bold; width: 100px;  }
#menu li.last           { width: 100px; }
#menu li.select a       { color: #4f4f4f; font-weight: bold; }
#menu li:hover, 
#menu li.over           { background: url('../image/site/menu-over.jpg') no-repeat;  }

/* head */
#head                   { width:100%; height: 23px;}
#head tr                { background: url('../image/site/head.jpg') repeat-x; }
#head-left              { width:12px; }
#head-right             { width:12px; }
#head-middle-right      { text-align:right; }
#head-middle-left, 
#head-middle-right      { font: 10pt/1.6em Arial, Verdana, Sans-serif; color: #fff; font-weight: bold; }

/* content */
#content                { width: 100%;  }
.content-border         { width: 1px; font:0pt/0em Arial; background: #898989; }
#content-txt            { }
div.scrollable          { height: 430px; overflow: auto; padding: 10px; }
div.not-scrollable      { padding: 0px; }

/* bottom */
#bottom                 { width: 100%; border-top: 1px solid #898989; }
#bottom ul              { width: 550px; margin: 0 auto;  padding: 5px 0 0 0;}
#bottom li              { float:left; padding: 0 2px;}
#bottom, 
#bottom a               { font: 9pt/1.5em Arial, Verdana, Sans-serif; color: #4f4f4f; }

/* sub-menu */
#sub-menu-top           { width: 160px; height: 5px; background:url('../image/site/sub-menu-top.jpg') no-repeat;  font: 0pt/0em Arial; }
#sub-menu-bot           { width: 160px; height: 5px; background:url('../image/site/sub-menu-bot.jpg') no-repeat;  font: 0pt/0em Arial; }
#sub-menu               { width: 160px;  background: #F7F7F7; }
#sub-menu ul            { padding: 0 0 0 10px; }
#sub-menu li            { padding: 5px 0 5px 0; }
#sub-menu li li         { padding: 0 0 0 4px; }
#sub-menu a             { font: 9pt/1.4em Arial, Verdana, Sans-serif; color: #AFC804 ; text-decoration: none; width: 140px; padding: 0; }
#sub-menu li li a:before  { content: "> "; }
#sub-menu li.select a   { color: red; }
#sub-menu li.separ      { width: 150px; padding: 0; margin:0; height: 1px; font: 0pt/0em Arial; background: url(../image/site/pixel-vert.jpg) repeat; } 


/* contenu */
#contenu-top           { width: 300px; height: 5px; background:url('../image/site/sub-menu-top.jpg') no-repeat;  font: 0pt/0em Arial; }
#contenu-bot           { width: 300px; height: 5px; background:url('../image/site/sub-menu-bot.jpg') no-repeat;  font: 0pt/0em Arial; }
#contenu               { width: 300px;  background: #F7F7F7; }
#contenu ul            { padding: 0 0 0 10px; }
#contenu li            { padding: 5px 0 5px 0; }
#contenu li li         { padding: 0 0 0 4px; }
#contenu a             { font: 9pt/1.4em Arial, Verdana, Sans-serif; color: #AFC804 ; text-decoration: none; width: 300px; padding: 0; }
#contenu li li a:before  { content: "> "; }
#contenu li.select a   { color: red; }
#contenu li.separ      { width: 300px; padding: 0; margin:0; height: 1px; font: 0pt/0em Arial; background: url(../image/site/pixel-vert.jpg) repeat; } 

/* rollover */
#menu li.select a:hover, #bottom a:hover, #sub-menu li a:hover, #sub-menu a:hover, #rail a:hover,
#menu li a:hover        { color: #cc0000; }