/*
	css: banner + 2 col
	
	date: 2005.02.07 (import from metis)
	version: 0.26
	author: erational.org
*/

/**************** page structure *****************/
html,body {
	margin:0;
	padding:0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:95%;
	color:#333;
	background-color:#fff;
}

#banner {
	background-color:#65AB10;
}
#banner img {
	border: 0;
}

#banner-print {	display: none;}

#navigation {
	padding-left: 10px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	/*line-height:23px;*/
	background-color: #EAFFEA;

	/*vertical-align: middle;
	height: 23px;*/
}

#navigation a {
	color:#777;
	text-decoration:none;
}
#navigation a:hover {
	color:#999;
}


#main {
	margin:0px 220px 0 14px;
	padding:10px;
}

#menu-r {	
	position:absolute;
	top:100px;
	right:20px;
	width:172px;
	padding:10px;
	line-height:17px;
	
	/* IE5 hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;	
}

#menu-r img{
	border: 0;
	margin-bottom: 5px;
}

#menu-r ul {
	margin: 0 0 20px 0;
	padding: 5px;
	border:1px solid #999;
	background: #eee;
}

#menu-r li {
	list-style: none;
	padding-left: 4px;
}

#menu-r a {
	color: #62A802;
	text-decoration: none;
}
#menu-r a:hover {
	color: #007D00;
	text-decoration: none;	
}

#menu-s {	
	position:absolute;
	top:3px;
	right:2px;
	color: #fff;
	display:inline;
}

#keyword {
	float: right;
	background: #eee;
	border: 1px dashed #999;
	width: 250px;
	margin: 35px 0 5px 5px;
	padding: 5px;
	font-size: 92%;
}

.spip-admin {	
	position:absolute;
	top:470px;
	right:20px;
}



/*************** misc ****************************/
.auteur {
	text-align:right;
}

.sponsor {
	margin-top: 10px;
	text-align: center;
}

.lateral {
	margin-left: 180px;
}

.footer {
	margin-top: 20px;
	text-align: center;
	font-size: 88%;
	color:#777;
}

#footer-print {
	display: none;
}

.login {
	/*margin-left: 40px;*/
	position:absolute;
	top: 58px;
	right: 15px;
}
.login img{
	border: 0;
	margin: 0 3px;
}

#navigation .login  a {
	color: #62A802;
	text-decoration: none;
}

#navigation .login  a:hover {
	color: #007D00;		
}

h3.author {
	font-weight: normal;
}

/* mini array */
.col-r {
	width: 100%;		
}

.col-l {
	width: 50%; /*320px;*/
	float: right;	
	/*font-size: 95%;	*/
}

.spacer {
	clear: both;
}

/**************** text format *******************/
h1 { font-size: 140%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; margin-bottom:2px;}
hr { border-top: 1px solid #999; color: #fff;}

a:link, a:visited {
	color: #62A802;
	text-decoration: none;
}

a:link:hover, a:visited:hover {
	color: #007D00;		
}

p {
	font-style: normal;
}

a.button {
	margin: 0 2px;
	padding: 2px;
	border: 1px solid;
}

/************* forms **********************/
form.search {
	display: inline;
	margin: 0;
}

input.search {margin: 3px 5px 0 0; padding:0;}

input, select, textarea {
	border: 1px solid #808080;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background: #eee;	
}

input.button, a.button {
	background: #eee;
	border: 1px outset black;
	color: black;
	padding: 2px 5px;
	font-size: 11px;
	cursor: pointer;
}

a.button {
	padding: 3px 5px;
}
	
textarea {
	width: 90%;
}

optgroup {
	font-weight: bold;
	font-style: normal;	
}

#glasnost-forms {
	/*display: inline;	
	margin:  0;*/
	margin-top: 15px;
	padding: 0;
	/*border-top:1px solid #999;*/
}

#glasnost-forms form {	
	/*display: inline;*/
	margin-bottom: 0;		
}



/* glasnost cells and rows */
.row {
	margin-top: 10px;		
}

.cell {
	display: block;
	margin-left: 10px;
	margin-bottom: 1em;
}

.formHelp {
	margin-left: 10px;
	font-size: 95%;
	padding-bottom: 2px;
}

.label {
	font-weight: bold;	
}

ul.multi {
	list-style: none;
	margin:0 0 10px 0;
	padding: 0;
	/*display: inline;*/
}

.fieldRequired {
	display: inline;
	background: url(required.png) center left no-repeat;
	padding: 0 0 0 8px;
	color: white;
}

.error-message {
	color: red;
}

.fiche-author .label {
	font-weight: bold;
}

.fiche-source {
	font-weight: bold;
	font-size: smaller;
	margin: 2em 0;
}

.buttons-bar {
	margin: 2em 0;
	line-height: 2em;
}

table#glossary td {
	vertical-align: top;
	border: 1px solid #888;
	text-align: left;
	width: 30%;
}

table#glossary th {
	text-align: center;
}

table#glossary li {
	list-style: none;
	padding-left: 20px;
}

table#glossary ul {
	padding: 0;
	margin: 0;
}

li.glos-level-1 { background: transparent url(niv1.png) top left no-repeat; }
li.glos-level-2 { background: transparent url(niv2.png) top left no-repeat; }
li.glos-level-3 { background: transparent url(niv3.png) top left no-repeat; }

div#letters {
	margin-bottom: 1.5em;
}

div#action-icons img {
	border: 0;
}

ul.actions {
	padding: 0;
	margin: 2em 0;
}

ul.actions li {
	list-style: none;
	padding-left: 17px;
	background: transparent url(/interface/arrow1.png) left no-repeat;
}

ul.items {
	margin: 0;
	padding: 0;
}

ul.items li {
	list-style: none;
	padding-left: 25px;
	background: transparent url(/interface/arrow_item.png) -4px -2px no-repeat;
}

ul.items li.refused a {
	padding-left: 20px;
	background: transparent url(puce-rouge.png) left no-repeat;
}

ul.items li.not-validated a {
	padding-left: 20px;
	background: transparent url(puce-orange.png) left no-repeat;
}

ul.items li.validated a {
	padding-left: 20px;
	background: transparent url(puce-verte.png) left no-repeat;
}

div#welcome-page h2 {
	padding-left: 17px;
	background: transparent url(/interface/arrow1.png) left no-repeat;
	margin-bottom: 0;
}

div.buttons-bar .button {
	margin-right: 1em;
}

li.collapsed {
	list-style: none;
	padding-left: 20px;
	background: transparent url(/interface/arrow1.png) 0px 2px no-repeat;
}

li.uncollapsed {
	list-style: none;
	padding-left: 20px;
	background: transparent url(/interface/arrow2.png) 0px 2px no-repeat;
}

ul.tree {
	padding: 0;
	margin: 0 1em;
}

table#login h3 {
	padding-left: 5px;
}

div#content {
	width: 45%;
	float: right;
}

div#nav-content {
/*	margin-top: 3em;
	width: 35%;*/
        margin: 0;
}

div#nav-content ul {
	margin: 0;
	padding: 0;
}

div#nav-content li {
	list-style: none;
	padding-left: 25px;
	background: transparent url(/interface/arrow_item.png) -4px -2px no-repeat;
}

div#nav-content li a {
	/* even when not a :link */
	color: #62A802;
	cursor: pointer;
}

div#nav-content h2 {
	font-size: 110%;
	padding-left: 17px;
}

div#nav-content h3 {
	font-size: 110%;
	padding-left: 17px;
	background: transparent url(/interface/arrow1.png) 0px 4px no-repeat;
	font-weight: bold;
}

ul.article-meta {
	list-style: none;
}

div.preview {
	margin:  0 0 5px 0;
}

a img {
	border: 0;
}

/*
div#contrib-buttons {
	position: absolute;
	top: 430px;
	
	right:20px;
	width:172px;
	padding:10px;
	line-height:17px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;

}
*/

div#contrib-buttons img {
	margin-bottom: 8px;
}


span.error-message {
	display: block;
	font-weight: bold;
}

div.error {
	padding: 2px;
	border: 2px solid #fab143;
	margin: 1ex 0;
}

div#main > div#content {
	width: 60%;
}

div#main > div#nav-content {
	width: 35%;
}

div.countriesSelect {
	margin: 2px 0 2px 10px;
}

select.dptSelect {
	margin: 2px 0 2px 20px;
}

/*ul.tree {
	color: #62A802;
}*/

div.breadCrumb {
	margin: 1em 0;
}

div.field-error-message {
	color: red;
	font-weight: bold;
}



/* http://www.meyerweb.com/eric/css/examples/plat-buttons.html */
a.btn {font: 9px Geneva, Verdana, sans-serif; padding: 1px 1em 1px 0; 
   border: 1px solid black; background: #888; color: #FFF; text-decoration: none;}
a.btn span {border-right: 1px solid #000; color: #FFF;
   margin: 0; padding: 1px 0.75em; margin-right: 0.1em;}
.rss span {background: #F60;}

div#no-orga {
border: 3px double #ff9900;
padding: 2px;
}

h2#title-news {
	border-top: 1px dashed #333;
	padding-top: 1em;
	margin-top: 2em;
}


/* */ 
.gray { color: #666; }