/*
 phyp3’project”
  apps.site.css
   © greg@eko-co.fr
    */

/** page **/
@import url(page.css);
@import url(gui.css);

/** base **/
body { overflow-x: hidden; height: auto; background: url(screen/layout/kraft.jpg) repeat top; }
#hbox { width: 940px; margin: 10px auto; background: #fffef1; height: 100%; min-height: 100%; }
body.home #hbox { width: 1100px; margin: 0 auto; background: url(screen/layout/home.jpg) no-repeat top; }
html>body #hbox { height: auto; }
#vbox { width: 900px; padding: 1em; margin: 0 auto; }
body.home #vbox { height: 780px; min-height: 780px; }
html>body.home #vbox { height: auto; }
#mbox { position: relative; }

/** header **/
#header { margin-right: 40px; }
#header .box { height: 150px; }
body.home #header .box { height: 160px; }
#title { float: left; }
#title a { display: block; width: 200px; height: 120px; background: url(screen/layout/althera.gif) no-repeat center; }
#title img,
#title span { display: none; }
#baseline { display: none; } /* in #title */
#crumbs,
#access { display: none; }

/** main **/
#main, #footer { border-left: 1px #ffcaaa solid; }
#main { height: 400px; min-height: 400px; background: transparent no-repeat 0 40px; }
body.home #main { height: 580px; min-height: 580px; }
html>body #main { height: auto; }
body.letter-a #main { background-image: url(screen/letters/A.png); }
body.letter-c #main { background-image: url(screen/letters/C.png); }
body.letter-n #main { background-image: url(screen/letters/N.png); }
body.letter-p #main { background-image: url(screen/letters/P.png); }
body.letter-q #main { background-image: url(screen/letters/Q.png); }

/** home **/
body.home #header { margin-right: 80px; }
body.home #title a { width: 276px; height: 150px; background-image: url(screen/layout/althera.home.gif); }
body.home div.head { display: none; }

/** menu **/
#menu { width: 860px; height: 30px; padding-top: 20px; position: relative; left: -20px; padding-left: 20px; border-top: 1pt #ffcaaa solid; }
body.home #menu { left: -50px; padding-left: 50px; }
#menu ul { position: relative; text-transform: uppercase; }
#menu ul.depth1 { height: 30px; background: url(screen/layout/menu.png) no-repeat left; font-weight: bold; letter-spacing: .2em; }
#menu li ul { display: none; font-size: .9em; }
#menu li { display: block; float: left; margin: 0; }
#menu li ul li { float: none; }
#menu a { display: block; padding: 0 1em; }
#menu ul.depth1 a { height: 14px; padding: 7px 1em 8px 1em; }
#menu ul.depth2 { position: absolute; top: 29px; border: 1px #ffcaaa solid; border-top: 0; font-weight: normal; width: 200px; }
#menu ul.depth2 a { height: 14px; padding: 3px 1em; background: white; }
#menu li.unroll ul { display: block; }
#menu li a:hover,
#menu li.active { font-weight: bold; color: #563e29; /*black*/ }
#menu ul.depth2 li.active a,
#menu ul.depth2 li a:hover { background: #ffc88b; }
#menu li.extranet { display: none }
#menu li.lang { float: right; }
#menu li.lang a { width: 3em; height: 1em; background: transparent no-repeat center; }
#menu li.lang span { display: none; }
#menu li.lang-fr a { background-image: url(screen/flags/fr.png); }
#menu li.lang-en a { background-image: url(screen/flags/en.png); }
body.logged #menu li.extranet { display: block; }

/** body **/
#body { padding: 50px 40px 2em 90px; }

/** footer **/
#footer { clear: both; font-size: .8em; padding: 2em 40px 1em 80px; height: 2em; color: #aaa; }
#footer .box { }
#footer ul { float: right; text-align: right; }
body.home #footer ul { float: left; text-align: left; }
#footer li { display: inline; margin: 0; margin-right: .5em; }
#footer #address { display: block; color: black; }
#footer a,
#footer strong { color: #888; }
#url { display: none; }

/** whoami */
#whoami { float: right; text-align: right; background: url(screen/layout/user.gif) no-repeat right; height: 1.5em; }
#whoami legend { position: absolute; margin-left: -130px; width: 120px; text-align: right; padding-top: .2em; font-size: .8em; color: #ee7e1a; }
#whoami dl { margin: 0; }
#whoami dt,
#whoami dd { margin: 0; margin-right: .2em; display: inline; }
#whoami dd.submit,
#whoami dt { display: none; }
#whoami dt.keep { display: inline; }
#whoami dd.keep { margin-right: 20px; }
#whoami fieldset { border: 0; }
#whoami input.text,
#whoami input.password { width: 80px; border: 1px #eee solid; font-size: .8em; }
#whoami input.check { border: 0; }
#whoami a { display: block; font-weight: bold; padding-top: .5em; }
#whoami a { font-size: .9em; }
#whoami label { font-size: .7em; }
#whoami p { padding: 2px 0; text-align: right; }
#whoami span { font-weight: bold; margin-right: 16px; }
#teaser { float: right; width: 450px; clear: right; margin-top: 2em; text-align: right; font-size: 1.6em; font-weight: normal; }
#flash { padding: 2em; margin: 0 auto; font-size: 3em; text-align: center; text-transform: uppercase; }

/** frames **/
div.no-frame { width: 500px; float: left; margin-right: 2em; }
div.frame { width: 525px; float: left; background: url(screen/frame/frame.png) repeat-y; }
div.frame div.top { background: url(screen/frame/frame.top.png) no-repeat top; padding: 2em 3em 0 3.5em; margin-bottom: 1em; }
div.frame div.bottom { background: url(screen/frame/frame.bottom.png) no-repeat bottom; padding: 0 3em 4em 3.5em; min-height: 150px; height: 150px; }
html>body div.frame div.bottom { height: auto; }
div.frame p { margin-left: 36px; }
div.frame p.next { margin-top: 1.5em; }

/** sidebar **/
div.sidebot { width: 220px; float: right; clear: right; padding-top: 2em; }
div.sidebar { width: 240px; float: right; margin-top: -5.5em; background: url(screen/sidebar/side.png) repeat-y; }
body.home div.sidebar { margin-top: 0; }
div.sidebar div.top { background: url(screen/sidebar/side.top.png) no-repeat top; margin-bottom: 2em; }
div.sidebar div.bottom { background: url(screen/sidebar/side.bottom.png) no-repeat bottom; padding: 0 2em 3em 2.5em; min-height: 150px; height: 150px; }
html>body div.sidebar div.bottom { height: auto; }
div.sidebar div.top h2 { margin-top: 0; background: transparent no-repeat top; height: 65px; }
div.sidebar div.top h2 span { display: none; }
div.sidebar div.news h2 { background-image: url(screen/sidebar/news.png); }
div.sidebar div.news ul { padding: 0; font-size: .9em; }
div.sidebar div.news ul * { text-align: right; }
div.sidebar div.news ul li { padding: .5em 0; margin-bottom: 0.5em; }
div.sidebar div.news ul h3 { margin: 0; }
div.sidebar div.news ul p.date { float: none; }
div.sidebar div.numbers h2 { background-image: url(screen/sidebar/chiffres.png); }
div.sidebar div.expert h2 { background-image: url(screen/sidebar/expert.png); }
div.sidebar div.quick h2 { background-image: url(screen/sidebar/bref.png); }
div.sidebar div.flash h2 { background-image: url(screen/sidebar/flash.png); }
div.sidebar div.infos h2 { background-image: url(screen/sidebar/infos.png); }
div.sidebar div.top h3 { padding: 1.5em 1.5em 0 2em; margin-top: 0; }
div.sidebar p.next { margin-top: 1em; }

/** card **/
div.card { float: none; margin: 0 auto; }
div.card div.bottom { padding-top: 1em; }
div.card address { font-style: normal; margin: .5em auto; width: 60%; }
div.card address.snail { font-size: 1.2em; }
div.card address.bosses { margin-top: 1.5em; }

/** files **/
div.browser ul.docs li { float: none; clear: left; padding-top: 1em; height: 4em; }
div.browser ul.docs li span { display: block; text-align: left; padding-left: 48px; }
div.browser ul.docs li span.title { padding-left: 0; font-size: 1.1em; }
div.browser ul.docs li span.desc { margin-top: -1.1em; margin-bottom: .2em; line-height: 1.1em; }
div.browser ul.docs li span.mtime { float: left; margin-right: 1em; font-size: .8em; color: #ccc; }
div.browser ul.docs li span.name { float: right; font-size: .8em; color: #ddd; }
div.browser ul.docs li span.size { font-size: .8em; color: #ccc; }
div.browser ul.docs li.dir span.size { display: none; }
div.browser ul.docs li a { width: auto; position: relative; padding: 0 0 20px 48px; background-position: top left; font-weight: normal; }
div.browser ul.docs li.ln,
div.browser ul.docs li.up { background-position: 20px 0; }
/*
div.browser ul.docs li a.btn,
div.browser table.docs td a.btn { float: right; font-size: .8em; width: 16px; height: 16px; padding: 5px; }
div.browser ul.docs li a.btn span,
div.browser table.docs td a.btn span { display: none; }
*/

/** documents **/
/*
div.extranet div.view input,
div.extranet div.view select,
div.extranet div.view textarea { width: 30em; }
div.extranet div.view input.submit { width: 31em; margin-top: 2em; }
*/

/** debug **/
body.css #hbox { border: 1px green solid; border-width: 0 1px; }
body.css #vbox { border: 1px blue solid; border-width: 1px 0; }
body.css #mbox { border: 1px gray solid; }
body.css #header { border: 1px yellow solid; }
body.css #main { border: 1px orange solid; }
body.css #footer { border: 1px purple solid; }
body.css #whoami { border: 1px brown solid; }
body.css #teaser { background: #eee; }
body.css #flash { background: #ddd; }