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

/* Basic */
* { margin: 0; padding: 0; border: 0; }
/* body { background: white url(background.gif) repeat-y left; } */
body { background: white url(background2.gif) repeat-y left; }
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; }
.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.pane { text-align: left; }
p.rub { text-align: right; margin: 0; font-size: 0.9em; }
p.more { color: #fb5400; font-size: 10px; margin-bottom: 1em; text-align: right; }
p.info { margin-top: -1em; font-size: 0.8em; margin-bottom: .8em; color: #ccc; }
p.right { text-align: right; margin-bottom: 0.5em; }
span.actu { font-weight: normal; font-size: 0.7em; color: #ccc; line-height: 1.6em; }
p.info select,
p.info input { font-size: 1em; color: #444; border: 1px #fb5400 solid; }
p.info input { padding: 1px; }
p.date { font-size: 0.8em; text-align: right; color: #ccc; margin-top: -1em; }
p.snippet { text-align: right; }
p.preview { margin-top: -0.5em; }
p.preview a,
p.preview a:visited { color: #444d4b; }
p.preview a:hover { text-decoration: underline; }
p.snippet a,
p.snippet a:visited { color: #444d4b; }
ul { list-style: none; }
ul.items { color: #fb5400; /* font-weight: bold; */ }
ul.items li { margin-bottom: .3em; }
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; }
ul.pics { height: 180px; margin-top: 1em; }
ul.pics li { display: block; float: left; text-align: center; font-size: 0.8em; }
ul.pics li a,
ul.pics li a:visited { display: block; float: left; padding: 5px; margin: 4px 9px 4px 0; border: 1px #444d4b solid; }
ul.pics li a:hover { border-color: #fb5400; }
dl.summary dt { text-align: left; }
dl.summary dt.cat { color: #fb5400; font-size: 1.4em; }
dl.summary dt.sub { float: left; text-align: right; display: block; width: 150px; }
dl.summary dt.sub1 { float: left; text-align: left; display: block; width: 150px; }
dl.summary dt.sub a { color: #444d4b; }
dl.summary dt.sub a:hover { color: #fb5400; }
dl.summary dt.hid { visibility: hidden; }
dl.summary dd { text-align: left; margin-bottom: .4em; padding-left: 165px; }
dl.summary dd a,
dl.summary dd a:visited { color: #444d4b; }
dl.summary dd a:hover { color: #fb5400; }
a.lock { padding-right: 10px; background: url(lock.gif) no-repeat top right; }
p.lock { padding-left: 10px; background: url(lock.gif) no-repeat left; }
img.pic { float: right; margin: 0 0 20px 20px; }
img.center { display: block; margin: 0 auto; }

.accept
{
background:url(accept.png) no-repeat center right;
width:200px;
display:block;
}
/* Fonts */
body,
input,
select,
textarea,
span.input { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; }
#header,
#bar,
#bar input,
#footer { font-family: "HelveticaNeue-UltraLight", "Helvetica Neue UltraLight", Helvetica, Arial, sans-serif; }
#menu,
#content * dl.summary dt,
#content * h1,
#content * h1 input,
#content * h2,
#content * h2 input { font-family: "Bernard MT Condensed", Georgia, Times, serif; }

/* Box */
#box { background-repeat: no-repeat; background-position: 250px 140px; }

/* Header */
#header { float: left; width: 250px; }
#header a { display: block; width: 250px; }
#header * h1 { margin: 0; margin-left: 40px; width: 210px; height: 155px; background: url(title2.png) no-repeat; }
#header * span { display: none; }
#header h2 { width: 200px; text-align: right; margin-top: 5px; font-size: 1em; font-weight: normal; }

/* Menu */
#menu { position: absolute; top: 240px; left: 20px; width: 180px; text-align: right; font-size: 1em; }
#menu h3 { display: none; }
#menu ul li { margin-top: 0.7em; }
#menu ul li a { font-size: 1.1em; color: #fb5400; }
/* #menu ul li ul { display: none; margin-right: 1em; } */
#menu ul li ul { margin-right: 1em; }
#menu ul li ul li { margin-top: 0; }
#menu ul li ul li a { color: #444d4b; }
#menu * a:hover { color: black; }

/* Content */
#content { clear: right; margin-left: 260px; padding: 150px 20px 20px 20px; height: 730px; }
html>body #content { min-height: 730px; height: auto; }
div.home #content { padding-top: 60px; }
#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.3em; font-weight: normal; margin-top: 0.4em; }
#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 .single { width: 80%; float: left; position: relative; }
#content .first { float: left; width: 40%; padding-right: 20px; border-right: 1px #ddd solid; overflow: hidden; position: relative; }
#content .second { text-align: right; float: right; width: 40%; position: relative; }
#content .second p.info { text-align: right; }
#content .half { float: right; width: 40%; position: relative; }
#content .third { float: left; width: 75%; padding-right: 20px; border-right: 1px #ddd solid; overflow: hidden; position: relative; }
#content .fourth { text-align: right; float: right; width: 20%; font-size: 0.9em; position: relative; }
#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; }
#content .fourth li input { width: 150px; text-align: right; font-size: 0.9em; }
#content .fifth { clear: both; padding-top: 2em; }

/* 3 cols home */
#content .col1,
#content .col2 { float: left; width: 34%; overflow: hidden; position: relative; margin-right: 20px; }
#content .col1 { padding-right: 20px; border-right: 1px #ddd solid; }
#content .col3 { float: right; width: 24%; position: relative; }

#content div.login { border: 1px #444d40 solid; padding: 5px 10px; margin-bottom: 1em; }
#content div.login h2 { margin-top: 0; }
#content div.login p { font-size: 0.8em; }
#content div.login ul { list-style: none; font-size: 0.8em; }
#content div.login input { width: 80px; margin: 0; margin-right: 2px; }
#content div.login input.submit { width: 25px; padding: 0; }

#content div.tools { background: #fb5400; padding: 5px 10px; margin-bottom: 1em; }
#content div.tools h2,
#content div.tools a { color: white; }
#content div.tools a:hover { color: #444d40; }
#content div.tools h2 { margin-top: 0; }
#content div.tools ul { list-style: square inside; font-size: 0.9em; }

#content div.resources h2 { border-bottom: 1px #444d40 solid; margin-top: 1em; }
#content div.resources ul { list-style: square inside; }
#content div.resources div.reverse ul { color: #fb5400; }
#content div.resources div.reverse a { color: #444d40; }
#content div.resources div.reverse a:hover { color: #fb5400; }
#content div.resources span.desc { display: block; color: black; font-size: 0.8em; }

#content .col1 ul.items li { margin-bottom: .2em; }

#content .col1 h1 { font-size: 2em; }
#content .col2 h1 { display: none; }
#content .col2 dl.summary dt { clear: left; }
#content .col2 dl.summary dt.sub,#content .col1 dl.summary dt.sub { width: 80px; }
#content .col2 dl.summary dt.cat { font-size: 2em; }
#content .col2 dl.summary dd { padding-left: 95px; margin-bottom: .2em; }
#content .col1 dl.summary dd { padding-left: 85px; margin-bottom: .2em; }

#content div.pbox { clear: right; }

/* Google */
#gads { float: right; width: 120px; position: relative; margin-left: 10px; height: 500px; }

/* Footer */
#footer { clear: both; padding-top: 4em; }
html>body #footer { padding-top: 1em; }
#footer p { font-size: 0.9em; padding: 3px 5px; margin: 0; background: #444d4b; border-top: 2px #fb5400 solid; text-align: right; color: white; }
/* #footer p { font-size: 0.8em; margin-right: 20px; text-align: right; } */
#footer a:hover { color: white; }

/* Partners */
#partners { position: absolute; left: 10px; bottom: 25px; }
html>body #partners { position: fixed; }

/* Event */
#event { position: absolute; top: 40px; right: 10px; padding: 0; }
#event div { border: 1px #fb5400 solid; padding: 2px; margin-bottom: 5px; }
#event h1,
#event p.info { display: none; }
#event h2.title { margin-top: .5em; font-size: 1.3em; }
#event p.preview { text-align: right; margin-top: .5em; }

/* Ads */
#ads { display: block; padding: 0 8px; }
#ads div { float: right; margin: 10px 10px 0 0; }
#skyad { text-align: right; }
#ads img, #skyad img { border: 2px #fb5400 solid; }
#ads div.flash img { border: 0; }

/* Categories */
.actualites { background-image: url(watermarks/actualites.gif); }
.utilisateurs { background-image: url(watermarks/utilisateurs.gif); }
.editeurs { background-image: url(watermarks/editeurs.gif); }
.dossiers { background-image: url(watermarks/dossiers.gif); }
.observatoire { background-image: url(watermarks/observatoire.gif); }
.ressources { background-image: url(watermarks/ressources.gif); }
.abonnement { background-image: url(watermarks/abonnement.gif); }
.archives { background-image: url(watermarks/archives.gif); }
.presentation { background-image: url(watermarks/presentation.gif); }
.lettre { background-image: url(watermarks/lettre.gif); }
.administration { background-image: url(watermarks/administration.gif); }

/* Buttons */
#buttons { position: absolute; top: 40px; right: 20px; margin-left: 300px; }
div.button { float: right; -moz-border-radius: 5px; border: 1px #ddd solid; padding: 2px 5px; margin-left: 20px; }
div.back { float: left; margin-left: 0; margin-right: 20px; }
div.button a:hover { color: #444; }

/* Bar */
#bar { font-size: 0.9em; padding: 3px 5px; margin: 0; background: #444d4b; border-bottom: 2px #fb5400 solid; color: #fb5400; }
#bar input { color: white; background: #444d4b; font-size: 1em; border: 1px #888 solid; }
#bar input.q { text-align: right; margin: 0 2px; padding: 1px; width: 120px; }
#bar input.s { font-weight: bold; margin-left: 2px; }
#bar a { color: white; }
#bar a:hover { color: #fb5400; }
#search { float: right; background: url(icons/search.png) no-repeat left; padding-left: 20px; }
#search input.q { width: 200px; }
#who { margin: 0; padding-left: 20px; background: url(icons/who.png) no-repeat left; }
p#who { padding: 3px 0 2px 20px; }

/* 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; text-align: left; }
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: left; 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: 180px; }
.arch a,
.arch * a { margin-right: 10px; font-size: 14px; font-family: Arial; color: #444d4b; }
#content * h2.arch input,
#content * ul.arch input { width: 200px; }

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

/* Guest form */
.guestForm { font-size: 0.9em; }
.guestForm * dt { float: left; display: block; width: 150px; text-align: right; }
.guestForm * dd { padding-left: 160px; }
.guestForm * input { padding: 1px; border: 1px #ddd solid; width: 180px; color: #444d4b; font-size: 1em; background: white; margin-left: 5px; margin-bottom: 0.3em; }
.guestForm * input.submit { width: 60px; 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; }

/* Misc */
#mask { opacity: 0.3; background: gray; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; z-index: 10; }
#dialog { background: white; width: 40%; height: 170px; position: absolute; top: 40%; left: 30%; display: none; z-index: 11; border: 1px #fb5400 solid; padding: 0 10px; -moz-border-radius: 10px; }
#frame { width: 100%; height: 100%; }