/* phyp.css.style // 20080908 */

/* Basic */
* { margin: 0; padding: 0; border: 0; }
body { background: white; }
body,
input,
select,
textarea { font-size: 14px; color: #444d4b; }
a,
a:hover,
a:active,
a:visited { text-decoration: none; }
a,
a:visited { color: #fb5400; }
a:hover,
a:active { color: #444d4b; }
h1,
h2,
h3,
h4,
p,
ul,
ol,
dl { margin: .5em 0; }
h1,
h2,
h3,
h4 { margin-top: 1em; }
h1 { font-size: 2.5em; font-weight: normal; }
p { text-align: justify; }
hr { height: 1px; background: #ccc; margin: 1.5em 0; }

/* Classes */
.none { display: none; }
h1.none { display: block; margin-bottom: 0; font-size: 1em; }
.orange { color: #fb5400; }
.small { font-size: 0.8em; }
.big { font-size: 1.2em; }
p.chapo { font-size: 1.1em; font-weight: bold; margin-bottom: 1em; }
p.more { color: #fb5400; font-size: 10px; margin-bottom: 1em; }
p.info { margin-top: -1em; font-size: 0.8em; margin-bottom: 2em; color: #ccc; }
p.right { margin-bottom: 0.5em; }
span.actu { font-weight: normal; font-size: 0.7em; color: #ccc; line-height: 1.6em; }
p.info select { font-size: 1em; color: #ccc; }
p.date { font-size: 0.8em; color: #ccc; margin-top: -1em; }
p.snippet a { color: #444d4b; }
ul { list-style: none; }
ul.items { color: #fb5400; font-weight: bold; font-size: 1.2em; }
ul.items * a,
ul.items * a:visited { color: #444d4b; }
ul.items * a:hover { color: #fb5400; }
div.bb { border-bottom: 1px #ddd solid; padding-bottom: 10px; margin-bottom: 10px; }
div.members { margin-bottom: 2em; }
div.members h2 { margin-top: 0; }
div.photo { float: right; width: 150px; margin: 0 0 20px 20px; text-align: center; font-size: 0.8em; }
div.thumb { width: 75px; font-size: 0.7em; }
div.photo input { width: 150px; text-align: center; font-size: 1em; }
div.photo a.del { display: block; background: black; width: 16px; height: 16px; position: absolute; color: white; font-size: 1.1em; }

/* Fonts */
body,
input,
select,
textarea,
span.input { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; }
#header,
#footer { font-family: "HelveticaNeue-UltraLight", "Helvetica Neue UltraLight", Helvetica, Arial, sans-serif; }
#menu,
#content * h1,
#content * h1 input,
#content * h2,
#content * h2 input { font-family: "Bernard MT Condensed", Times, Georgia, serif; }

/* Hidden */
#dbg,
#bar,
#menu,
#mask,
#dialog,
#frame,
#buttons,
div.button { display: none; }

/* Header */
#header { border-bottom: 1px #ddd solid; }
#header h1 { margin: 0; }
#header h2 { font-size: 1em; font-weight: normal; margin-top: 0; }

/* Content */
#content { padding: 20px; margin-top: 20px; }
#content * h1,
#content * h1 a { margin-top: 0; color: #fb5400; }
#content * h1:first-letter,
#content * h1 a:first-letter { color: #444d4b; }
#content * h2 { font-size: 1.5em; font-weight: normal; }
#content * h2,
#content * h2 a { color: #444d4b; }
#content * h2.title { margin-top: -1em; }
#content * h2 input { font-size: 1em; width: 300px; }
#content * h1 input { font-size: 1em; width: 300px; background: transparent; }
#content * li input { width: 300px; }
#content .fourth h2 { margin-top: 0; padding-top: 0.5em; }
#content .fourth h2.also { font-size: 1.4em; padding-top: 0; }
#content .fourth h2.also a { color: #fb5400; }

/* Footer */
#footer { clear: both; padding-top: 2em; }
#footer p { font-size: 0.8em; text-align: right; border-top: 1px #ddd solid; }

/* Partners */
#partners { display: none; }

/* Edit */
ul.admin { padding-left: 20px; }
dl.article { margin: 1em 0; }
dl.article dt { clear: left; float: left; width: 90px; text-align: right; }
dl.article * label { font-weight: bold; }
dl.article dd { margin-left: 100px; margin-bottom: 2px; }
dl.article dd input,
dl.article dd select { width: 290px; border: 1px #ddd solid; padding: 1px; }
dl.article dd select { width: 295px; }
a.toDrop:hover { text-decoration: line-through; }
textarea.summary,
textarea.chapo,
textarea.pane,
textarea.body { width: 100%; height: 60px; font-size: 1em; }
textarea.body { height: 200px; }
textarea.pane { text-align: right; height: 100px; width: 18%; }
textarea.chapo { font-weight: bold; }

/* Forms */
form.full { margin: 0 auto; clear: left; }
fieldset { display: block; width: 370px; margin: 0 10px 10px 0; -moz-border-radius: 5px; border: 1px #ddd solid; }
fieldset.large { width: 750px; }
fieldset legend { display: none; }
dl.form dt { float: left; width: 120px; text-align: right; font-size: 1.1em; font-weight: bold; padding-top: 5px; }
dl.form dd { margin-left: 130px; }
dl.form dd.file input { width: 120px; }
dl.form * span,
dl.form * input,
dl.form * select,
dl.form * textarea { width: 215px; margin: 5px; padding: 2px 5px; border: 1px #ddd solid; }
dl.form * textarea { height: 50px; }
dl.form * span { display: block; }
dl.form * select.multiple { height: 90px; }
dl.form dd.textarea span { height: 45px; overflow: auto; }
dl.form * a { color: #0f3ca1; display: block; margin-top: 5px; }
ul.errors { padding-left: 50px; margin-top: 1em; color: #cc4444; list-style: square; }

/* Data */
table.data { clear: both; width: 100%; border-collapse: collapse; border-spacing: 0; margin: 1em 0; }
table.data * th { text-align: left; border-bottom: 1px black solid; font-weight: normal; font-size: 0.9em; padding: 2px 5px; }
table.data * th.up { text-decoration: underline; }
table.data * th.down { text-decoration: overline; }
table.data tbody tr { height: 2em; cursor: pointer; }
table.data * tr.even td { background: #fafbff; }
table.data * tr.highlighted td { background: #0f3ca1; color: white; }
table.data * td { padding: 3px 5px; border-bottom: 1px #eee solid; }

/* Arch */
.arch input,
.arch * input { text-align: right; margin-right: 20px; }
.arch select,
.arch * select { width: 200px; }
.arch a,
.arch * a { margin-right: 10px; font-size: 14px; font-family: Arial; color: #444d4b; }

/* Login form */
#loginForm { font-size: 0.8em; }
#loginForm * dt { display: none; }
#loginForm * dd { display: inline; }
#loginForm * input { padding: 1px; border: 1px #ddd solid; width: 80px; color: #444d4b; font-size: 1em; background: white; }
#loginForm * input.login { text-align: right; }
#loginForm * input.submit { width: 30px; text-align: center; }

/* Admin form */
#adminForm * dt { display: block; float: left; width: 150px; text-align: right; }
#adminForm * dd { display: block; margin-left: 160px; }
#adminForm * input { padding: 1px; border: 1px #ddd solid; width: 150px; color: #444d4b; font-size: 1em; margin-bottom: 5px; }
