/*
	traversees css: logo + ladder + main + footer + star
	"#421: shpx gur juvgr enoovg naq sbyybj gur nepuvgrpg" 
	
	date: 2004.04.09
	version: 2.5
	author: erational.org	
	
*/

/*********** structure ***************/
html, body{
	margin:0;
	padding:0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px; 
	color:#3C3C00;
}

body{
	background: #EFF2EE url(../interface/bg_main7quadro.png) no-repeat fixed right bottom;		
}


#logo {
	position:absolute;
	left:5px; 
	top:12px;
}

#container {
	background: transparent  url(../interface/bg_main18.png) no-repeat top left;
	min-height: 360px; /* Moz only */
	height: 360px;     /* IE only */
	margin: 0;
	padding: 0;
	width: 710px; 		
}

#main {
	padding: 85px 0 10px 200px;	
}


#corps {
	padding: 0 45px;
	/*margin-left: 150px;*/
}

#logorubrique {
	margin: 15px 0 0 0;
	border: 0;
}


#lang {
	position: absolute; 
	top: -4px;
	left:580px;
	width: 200px;
}

#banner img {	
	margin-right: 3px;
}

#flash {
 position:absolute; 
 left:15px; 
 top:290px; 
 width:134px; 
 height:52px; 
 z-index:5;
}

#flash table, #flash tr, #flash td {	
	margin: 0;
	padding: 0;
	border-collapse: true;
}



/*************** misc  ********************/
img, .spip_logos {
	border: 0;
}

.spip_logos { 
   border:0px solid transparent; 
} 

img.spip_logos { 
   border: 1px solid #000 !important; 
} 

a img.spip_logos, img.imgbd {
	border: 1px solid #666600;	
}

h1, h2, h3, h4, h5, h6 { margin:0 20px 5px 5px; padding: 0; /*text-align: right;*/ }
h1 {
	font-size: 16px; 
	color: #669;
	margin-top: 7px;
}
h3 { font-size: 14px; font-weight:normal; color: #6aacc9;}

p { 
	padding: 3px 0; 
	margin:0;
}

a{		color:#F5822B; }
a:hover{color:#FF3300; }
a.readmore {
	color:#B5CA8B;
	font-size: 95%;	
	text-decoration: none;
 
}

.error {color: #f00;}
.red   {color: #f00;}
.green {color: #339900;}

.descriptif {
	color: #000; /*#888;*/
	padding: 2px 0 5px 0;
}
.ps {
	color: #888;
	margin-top: 4px;
	/*font-size: 94%;*/
}
.date {
	color: #888;
	margin-top: 4px;
	text-align: right;
}

.gray {color: #888;}

.gauche   { text-align: left;}
.droite   { text-align: right;}
.justifie {	text-align: justify;} 
.centre   {	text-align: center;} 

/*************** menu rollover **********/

.keywordz {
  position:absolute; 
  left:40px; 
  top:450px; 
  background-color: #fff;
  border: 1px solid #6AACC9; /*#949449;*/
  width: 130px; 
}

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

.keywordz li {
	list-style: none;
	margin: 0;
	padding: 2px 0 2px 8px; 
}

.keywordz a {text-decoration: none; /*display: block;*/}
.keywordz a:hover {text-decoration: none;/*background-color: #eee;*/}

.keywordz2 {
  /*background-color: #949449; */
  background-color: #6AACC9;
  color: #fff;
  padding-left: 3px;
}

/************** menu top *******************/
#menupos   {margin:0 0 0 10px;}
#menupos a {text-decoration: none; }

#menunav {
	position:absolute;
	left:370px;
	top:40px;
	width: 270px;	
}
#menunav img {
	vertical-align: middle;
}
/****** footer ***************************/
.footer { 		
		margin: 5px 0 2px 0;
		color: #999; 
		font-size: 11px; 
		text-align:center;
}
.footer a{ text-decoration: none; color: #777;}
.footer a:hover{ color: #555;}
.footerprint	{display: none}
/****** table ***************************/
table {
	border: 0;
}

td {
	font-size: 11px;
	padding: 10px;
	text-align: left;
	vertical-align: top;

}

/****** spip related ***************************/
.ssrub {	
		/*margin-right: 25px;margin: 2px 0 5px 35px;*/
		/*text-align: right;			*/
		margin: 0;		
}
.indent {
		margin: 0 0 0 45px;
}

ul.discrete, li.discrete {
	list-style: none;
}

.ssrub2 {	
		text-align: left;
		margin: 0;
}
.ssrub a, .ssrub2 a {
	text-decoration: none;
}

.article {
	/*background: */
	text-align:left;	
}

.articlecontainer {
	border: 1px dashed #626200;
	background-color: #b5ca8b;
	margin: 2px 0 15px 0;
}

.article td{	
	padding: 0 0 0 5px;	
}

.article h3 {
	text-align: left;
	margin: 14px 0 0 0;
}

h3 a {	
	color: #6aacc9;
	text-decoration: none;
}

.spip-admin {
	position:absolute; 
 	left:0px; 
 	top:150px; 
}

a.spip_barre img {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #aa9966;
	border-bottom: 1px solid #aa9966;
	padding: 3px;
	background-color: #FFDDAA;
}
a.spip_barre:hover img {
	border: 1px solid #808080;
	padding: 3px;
	background-color: #f8f8f4;
}
.spip table {	
}

.spip_documents { border-color: rgb(153, 153, 153);
    border-width: 1px;
    margin: 5px;
    padding: 0pt;
    }

.spip_doc_descriptif { 
	font-size: 9px
} 

table.spip tr.row_first {
	background-color: #FCF4D0;
}

table.spip tr.row_odd {
	background-color: #C0C0C0;
}

table.spip tr.row_even {
	background-color: #F0F0F0;
}

hr, hr.spip, h3.plansecteur {
	display:block;
	height: 0;	
	color: white;
	border-style:solid;
	border-color: #ccc;
	border-width:0px 0px 1px 0px; 
}

h3.plansecteur {
	margin-top: 15px;
	font-weight: 100%;
}

.spip_encadrer {
	border:1px dashed #ccc;
	padding: 10px;
}

.reponse_formulaire {
	color: #f00;
}

.spip_documents_center { 
   display: block; 
   text-align: center; 
} 

/***************** form ***************/
form {
	margin: 0;
	padding: 2px 0;
}

input, textarea, select {
	border: 1px solid #ccc;
	margin: 1px;
	padding: 0;
	font-size: 11px;	
}

input.buttonwhite {
	border: 1px solid #FFF;
}

.radiobut {
	border: 0px solid white;
}

/* forum elements -------------------------------------- */
#forumreply{
	margin:  10px 0 0 0;
	padding: 0;
}

.forum {	
	margin: 20px 10px 0 0;
	border: 1px solid #ccc;
	font-size: 12px;	
}

.forumtitle {
	display: block;	
	background: #e3efce;
	padding: 4px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.forummeta { 
	color: #666;
	padding-left: 20px;
}

.forumbody { 
	color: black;
	padding: 4px;
}
.forumps  {
	border-top: 1px solid #ccc;
	padding: 4px;	
}

/********************* table **********************/
table.noborder, .texte table{	
	border:0 solid #eee;
}
/********************* anchor **********************/
a.blue {	
	color: #6aacc9;
	text-decoration: none;
}

a.blue:hover {	
	color: #333399;	
}

/********************* info (keyword)**************/
.info {
	margin: 10px 0;
	padding: 5px;
	border: 1px dashed #777;
	color: #888;
	width: 100%;				
}
/********************* background for pictures**************/
.color1 {
	border: 1px dashed #626200;
	background-color: #b5ca8b;
	margin: 2px 0 15px 0;
}

.color2 {
	border: 1px dashed #626200;
	background-color: #000;
	margin: 2px 0 15px 0;
}

.color3 {
	border: 1px dashed #626200;
	background-color: #623800;
	margin: 2px 0 15px 0;
}

.color4 {
	border: 1px solid #626200;
	background-color: #626200;
	margin: 2px 0 15px 0;
}