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

/* Basic */
* { margin: 0; padding: 0; border: 0; }
/* body { background: white url(background.gif) repeat-y left; } */
.clr {
	clear: both;
}
input[type="submit"],input[type="button"],.button
{
border:1px solid #eb5418;
background-color:white;
color:black;
text-decoration:none;
}
input[type="submit"]:hover,input[type="button"]:hover,.button:hover
{
border:1px solid white;
background-color:#eb5418;
text-shadow:0 0 4px #FFF;
background-color:#eb5418;
color:white;

}
.subcat
{
color:#444d4b;
font-family:"Bernard MT Condensed", Georgia, Times, serif;
font-size:1em;
}
img.alignleft
{
margin: 0px 7px2px 0px;
display:inline;
float:left;
}
img.alignright
{
margin: 0px 7px2px 0px;
display:inline;
float:right;
}

div.center {
	margin: auto;
	margin-top: 10px;
	width: 1020px;
	min-height:800px;
	background: white url(background2.gif) repeat-y top left; 
	background-position : -1px 0;
}
div.center#page
{
width: 1020px;
height:800px;
}
body { 
margin: 0;
padding:0;
}
h1 {
font-size:2.5em;
font-weight:normal;
}
h1, h2, h3, h4, p, ul, ol, dl {
margin:0.5em 0;
}
.bb div a h1,.bb a h1,.bb h1{margin:0.5;}
body,
input,
select,
textarea { font-size: 14px; color: #444d4b; }

a,
a:hover,
a:active,
a:visited ,a .plus{ text-decoration: none; }

a,
a:visited,.lock a:hover,a.plus { color: #eb5418; }
a:hover,
a:active,a .plus { color: #444d4b; }

.if a:active,.if a,.if a:visited ,.entete1_menu,.entete1_menu:visited,.entete2_menu:hover{
color:#444d4b;
}
.if a:hover,.entete2_menu,.entete2_menu:visited,.entete1_menu:hover{
color:#eb5418;
}
.cadre_orange_gris
{
background:url(../images/cadre_orange_gris.png) repeat-x;
}
.grand_cadre_gris
{
background:url(../images/grand_cadre_gris.png) no-repeat;
}
.cadre_bordure_orange
{
background:url(../images/cadre_bordure_orange.png) no-repeat;
}
h1,
h2,
h3,
h4,
p,
ul,
ol,
dl { margin: .5em 0; }
h1,
h2,
h3,
h4 { }
h1 { font-size: 2.5em; font-weight: normal; font-style:normal;}
h1:first-letter,h1 a:first-letter{
	color: #444d4b;
	}
p { text-align: justify; }
hr { height: 1px; background: #ccc; margin: 1.5em 0; }


/* Classes */
.none { display: none; }
.orange { color: #eb5418; }
.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: #eb5418; font-size: 10px; margin-bottom: 1em; text-align: right; }
p.info {  font-size: 0.8em; margin-bottom: .8em; color: #ccc; }
p.info2 { font-size: 0.8em; color: #ccc; font-style:italic; margin-bottom: .8em;margin-top: -0.3em;}
.infodate{font-size: 0.8em;padding-left:5px; 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 #eb5418 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{padding-left:15px;margin-left:15px;}
/*ul {list-style: none; }*/
ul#menuItems *,ul.items {list-style: none;padding:0;margin-left:0; }
ul.items { color: #eb5418; /* font-weight: bold; */ }
ul.items li { margin-bottom: .3em; }
ul.items * a,
ul.items * a:visited { color: #444d4b; }
ul.items * a:hover { color: #eb5418; }
div.bb { border-bottom: 1px #ddd solid;}
div.members { margin-bottom: 2em; }
div.members h2 { margin-top: 0; }
div.photo { float: right; margin: 0 0 0 0; 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: #eb5418; }
dl.summary dt { text-align: left; }
dl.summary dt.cat,.cat,.titre_espace_partenaire { color: #eb5418; font-size: 1.4em; }
.catun { color: #eb5418; font-size: 1.2em;font-family:"Bernard MT Condensed",Georgia,Times,serif; margin:0.5em 0;}
.cat,.titre_espace_partenaire
{
font-size: 1.4em;
margin:0.5em 0;
font-weight:normal;
}

.cat:first-letter,.titre_espace_partenaire:first-letter{
	color: #444d4b;
}
.cat a:first-letter{
	color: #444d4b;
}
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: 100px; }
dl.summary dt.sub a { color: #444d4b; }
dl.summary dt.sub a:hover { color: #eb5418; }
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: #eb5418; }
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; }
.cadre_service
{
background:url(../images/cadre_gris_service.png) no-repeat;
width:550px;
height:290px;
}
.cadre_orange_service
{
background:url(../images/cadre_orange_service.png) no-repeat;
width:336px;
height:400px;
}
.services,.cadre_orange_service,.services a, .services a:active,.services a:hover,.services a:visited
{
margin:0;
color:white;
}
.services h1:first-letter,.services h2:first-letter
{
color:white;
}

.detail_service
{
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;

}
.services h2
{
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
font-size:1.4em;
color:#eb5418;
font-weight:900;
}
.services h1,.cadre_orange_service h1
{
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
font-size:1.4em;
color:white;
font-weight:900;
}
.services p,.cadre_orange_service p
{
color:white;
font-size:14px;
}
.titre_cat
{
font-size:1.6em;
border-bottom:thin #CCCCCC solid;
}
.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; }
input{border:thin solid #eee;}
#header,
#bar,
#bar input,
#footer { font-family: "HelveticaNeue-UltraLight", "Helvetica Neue UltraLight", Helvetica, Arial, sans-serif; }
#menu,.cat,
#content * dl.summary dt,
#content * h1,
#content * h1 input,
#content * h2,
dl.summary dt,
#content * h2 input,.titre_espace_partenaire { 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: #eb5418; }
/* #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: 50px 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: #eb5418; }
#page #content * h1:first-letter,#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: #eb5418; }
.fourth ul {list-style: none; }
#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; }

div.login { border: 1px #444d40 solid; padding-left:10px}

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

div.resources h2 ,.titre_espace_partenaire{ border-bottom: 1px #444d40 solid;  }
div.resources h2.cat,.titre_espace_partenaire{margin:0;}
div.resources ul { list-style: square inside; }
div.resources div.reverse ul { color: #eb5418; }
div.resources div.reverse a { color: #444d40; }
div.resources div.reverse a:hover { color: #eb5418; }
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,.col1 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,.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 #eb5418 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 #eb5418 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 #eb5418 solid; }
#ads div.flash img { border: 0; }

/* Categories */
.actualites { background: url(watermarks/actualites.gif)no-repeat left top; height:65px;padding-top:35px;padding-left:50px;; }
.utilisateurs { background: url(watermarks/utilisateurs.gif)no-repeat left top; width:600px;height:65px;padding-top:35px;padding-left:50px;; }
.editeurs { background: url(watermarks/editeurs.gif)no-repeat left top; width:600px;height:65px;padding-top:35px;padding-left:50px;; }
.dossiers { background: url(watermarks/dossiers.gif)no-repeat left top; width:600px;height:65px;padding-top:35px;padding-left:50px;; }
.observatoire { background: url(watermarks/observatoire.gif)no-repeat left top; width:600px;height:65px;padding-top:35px;padding-left:50px;; }
.ressources { background: url(watermarks/ressources.gif) no-repeat left top; width:600px;height:65px;padding-top:35px;padding-left:50px;}
.abonnement { background: url(watermarks/abonnement.gif)no-repeat left top; width:600px;height:65px;padding-top:35px;padding-left:50px;; }
.archives { background: url(watermarks/archives.gif)no-repeat left top; width:600px;height:65px;padding-top:35px;padding-left:50px; }
.presentation { background: url(watermarks/presentation.gif)no-repeat left top; width:600px;height:65px;padding-top:35px;padding-left:50px; }
.lettre { background: url(watermarks/lettre.gif)no-repeat left top; width:600px;height:65px;padding-top:35px;padding-left:50px;}
.administration { background: url(watermarks/administration.gif)no-repeat left top; width:600px;height:65px;padding-top:35px;padding-left:50px; }

/* 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 #eb5418 solid; color: #eb5418; }
#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: #eb5418; }
#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; }
.mdp { margin: 0; padding-left: 20px; background: url(icons/cadenas.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 #eb5418 solid; padding: 0 10px; -moz-border-radius: 10px; }
#frame { width: 100%; height: 100%; }

#pillpagination {
	float: left;
	margin: 0;
}
#pillpagination ul {
	margin: 0;
	padding: 0 14px;
	list-style: none;
}
#pillpagination li {
	float: left;
	margin: 0;
	padding: 0;
}
#pillpagination li a {
	font-family: Tahoma, sans-serif;
	float: left;
	display: block;
	padding: 0 5px;
	color: #eb5418;
	text-decoration: none;
	font-weight: bold;
	font-size:smaller;
	text-decoration:underline;
}

#pillpagination li a:hover {
text-decoration:overline underline;
}
a.un,a.lock{color:#444D4B;
font-family:"HelveticaNeue-Light","Helvetica Neue Light",Helvetica,Arial,sans-serif;
font-size:14px; }
a:hover.un,a:hover.lock { color: #eb5418; }

#menuItems ul li
{
font-weight:bold;
}

.pub
{
border : 1px #eb5418 solid;
}

#pillpagination li a {
	font-family: "HelveticaNeue-Light","Helvetica Neue Light",Helvetica,Arial,sans-serif;
	float: left;
	display: block;
	padding: 0 5px;
	text-decoration: none;
	font-weight: bold;
	text-decoration:underline;
}

#pillpagination li a:hover {
text-decoration:overline underline;
}

