/*-----------------------------------------------------
	espaces
	version: 2.4
	date:    2007
	author:  espaces.info
------------------------------------------------------*/


/* Main tags  fond1.png ------------------------------------*/
html, body {
  margin: 0;
  padding:0; 
  font-family:  Arial, Verdana, sans-serif;  
  
}

body {
	font-size: 85%;/*82*/
	background: #E3F1FF url(../interface/etoile.jpg) no-repeat;/*#EFF7FF;*/
}

a {
	margin: 3px 0;
	/*color: #004AD6; 003399 */
	color: #BD6310;
	text-decoration: none;
}

a:hover {
	color: #843C0C;
	text-decoration: none;
}


img { border: 0 ;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

h3 span{	
	display:none;
}

#etoile{

}

/* structure ------------------------------------*/
#header {
	/*position: absolute;*/
	padding: 2px 5px 5px 35px;	
	margin-top: 20px;
	margin-left: 250px;
	margin-right: 200px;
	top: 20px;
	
}

#headerright {
	position: absolute;
	left: 105px;/*20*/
	top: 40px;
	width: 85px;/*170*/
	text-align: right; /*right;*/
	height: 100px;
	font-size: 80%;
}

#headerright a{color:#0052D6;}

#headerright a:hover{color:#843C0C;}

#menupartner {
	position: absolute;
	left: 55px;/* right */
	/*top: 50px;/*160*/
	width: 85px;/*170*/

	margin: 0px 0 0 0; /*haut 35*/
	color: #999;
	font-size: 88%;
	text-align: center;	
	height: 100px;
	/*border: 1px solid pink;*/
}

#leftcorner {
	position: absolute;
	right: 20px; /*left*/
	top: 0px;/*160*/
	width: 180px;/*170*/
	margin: 0px 0 0 0; /*haut 35*/
	color: #999;
	font-size: 88%;
	text-align: center;	
	/*border: 1px solid pink;*/
	

	
}

#headerprint {display:none;}

#main {
	/*background: yellow;*/	 
	padding: 0 18px 5px 14px;
	/*left: 225px;*/
	margin: 17px 200px 15px 230px; /*haut -20*  droit 200 bas 15 gauche 230 XXXX  17px 200px 15px 230px*/
	text-align: justify;
	border-right:1px solid #d0d0d0;
	border-left:1px solid #d0d0d0;
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	
	
}

#main h1 {
	border-left: 5px solid #9B460D;
	border-top: 2px dotted #9B460D;
	padding-left: 5px;
	text-align: left;
	font-variant: small-caps;
	color:#9B460D;
	font-size:150%;
	
}

#main h1.simple {
	text-decoration: none; 
	border-left: none;
	border-top: none;
	border-bottom: none;
	color:#0052D6;
	text-align: center;
	
}

#main h4 {
	font-size:130%;
	text-align: left;
}

#main a.simple{color:#0052D6;}

#main a.simple:hover{color:#843C0C;}

#main  a.sousrubrique {
	text-decoration: none;
}

#main .preview a{
	
	color: #404040;
	text-decoration: none;		
}

#main .preview a:hover{
	color: #778A6F;
}

#main .texte a:hover{
	color: #843C0C;
}

#menu {
	/*border:1px solid #F57F7F;*/
	position: absolute;
	left: 10px;
	top: 160px;/*175*/
	width: 200px;
	text-align: right;

	padding: 0;	
	font-size: 95%;
	line-height: 120%;
}

#menusearch {
	margin: 0px 0 0 0;
	/*background:#fff url(../interface/bg_sphere.png) no-repeat 8px 0;*/
	/*height: 100px;*/
	padding: 0px 0 0 0px;

	text-align: left;	

	/*border: 1px solid black;*/
}

form #menusearch {
float: left;
	height: 20px;
	margin: 0px;
	padding: 0px;
	width: 170px;
}

form #menusearch input.bouton{
float: left;
	/*background-image: url(../interface/ok.png);*/

	/*float: left;*/
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	width: 21px;
	height: 21px;
	vertical-align: middle;
}

#translation {
	position: absolute;
	right: 20px;
	top: 160px;/*160*/
	width: 170px;
	text-align: left; /*right;*/
	padding: 0px;
	margin:0px 0px 3px 0px;
	color: #404040;	
	font-size: 95%;
	line-height: 120%;
	/*border:1px solid purple;*/
}

#translation a {
	display: block;
	color: #404040;
	/*font-weight: bold;*/
}

#translation a:hover{
	color:#843C0C;
}

#translation ul li, #translation ul {
	margin: 0;
	padding: 2px 0 0 0;
	list-style: none;
}

#footer {
	border: 0;
	color: #666;
	padding: 5px;
	margin: 2px 200px 0 230px;	
	text-align: center;
	font-size:  90%;
	line-height: 88%;
	border-top: 1px solid #bbb;	 
}

#footerprint {display:none;}


/* elements -------------------------------------- */
#menu ul, #menu ul li {
	margin: 0;
	padding: 0;
	line-height: 200%;
	list-style: none;
	font-variant: small-caps;
	vertical-align:middle;
	/*list-style-image: url(../interface/puce.gif);
	list-style-position: outside;*/
}

#menu ul li ul li {
	border-right: 3px solid #999;
	padding-right:  4px;
	/*list-style-position: outside;*/
}

#menu a{
	margin: 1px 0 1px 5px;	
	font-weight: bold;
	color: #404040;	
	font-size: 100%;
}

#menu ul li img { /* IE stupid */
	height: 9px;
	width: 9px
}

#menu a:hover {	
	color:#843C0C; /*#96A68F;	*/
}

#menu a:active {
	color: #996600;
	/*color:  #0B9C19;*/
	/*font-weight: bold;*/
}

/* icone bref, syndication ... */
h3.breve, h3.rubrique, h3.web, h3.link, h3.keyword, h3.tools, h3.agenda {
	margin:  0;
	padding: 0;
	min-width: 160px; 
	height: 36px;
}
h3.breve    {	background: transparent url(../interface/menu_pop_breve.png) no-repeat bottom left;}
h3.agenda   {	background: transparent url(../interface/menu_pop_agenda.png) no-repeat bottom left;}
h3.rubrique {	background: transparent url(../interface/menu_pop_rubrique.png) no-repeat bottom left;}
h3.web      {	background: transparent url(../interface/menu_pop_web.png) no-repeat bottom left;}
h3.link     {	background: transparent url(../interface/menu_pop_link.png) no-repeat bottom left;}
h3.keyword  {	background: transparent url(../interface/menu_pop_keyword.png) no-repeat bottom left;}
h3.tools    {	background: transparent url(../interface/menu_pop_tool.png) no-repeat bottom left;
				margin-bottom: 3px;
}

h3.spip {text-align:left;}

.item {
	margin: 2px 0 8px 0;
}

.item a{ 
	color: #626262;
}
.date {
	margin: 0 4px 0 0;
	font-size: 90%;
}

/* footer -------------------------------------- */
#footer a, #footer a:active, #footer a:link { 
	color: #5c5c5c; 
	text-decoration: none; 
	margin: 0 3px;
}

#footer a:hover {color: #000;}
#footerprint {	display: none;}

/* spip article typo -------------------------------------- */
.surtitre  {
	font-weight: bold;
	margin: 5px 0;
}

h1, h1 a {	
	/*color:  #000;*/
	color: #BD6310;
	font-size: 122%;
	/*font-weight: normal;*/
	margin:  14px 0 4px 0;
	padding: 0;	
	line-height: 22px;	
}
h1 a {
	/*color:  #004AD6  996600   ;*/
	color: #BD6310;
}


h2 {
	font-size: 100%;
	font-weight: normal;
	margin: 5px 0;	
}

h4 {
	font-size: 100%;
	margin: 14px 0 0 0;
}

#main h4 a {
	text-decoration: none;

}

.date2 {
	color: #777;
	text-align: right;
	margin: 0 7px;
	font-size: 92%;
}

.logo {
	text-align:right;
	margin: 0px 0px 0 3px;
}

.logo2 {
	text-align:left;
	margin: 0px 0 0 5px;
}

.spip_logos {

	text-align:right;
	margin: 0px 0px 0 3px;
}

.auteur {	
	text-align: left;
	margin: 3px 0px;
	font-size: 75%;
}


.soustitre { 
	margin-top: 10px;
	font-style: italic;
}
.chapo     {
	padding:   8px 0 8px 66px;
	margin: 5px 0;
	line-height: 100%; 
}




.hyperlink {}

.ps {
	border-top: 1px solid #98DEFB;
	margin-top: 5px;
}

.note {
	margin: 5px 0;
	font-size: 92%;
}

.doc-item { font-weight: bold;}
.doc-legend { color: #666;}
.doc-descro {}

.metarub {
	
	color: #808080;
	font-size: 92%;
}

.keywords {
	color: #999;
	font-size:  92%;	
}

/* rubrique *************************************/


.spacer {	
	
	clear: both;
}

#pagination {
	font-size:  92%;
	margin: 15px 0 0 0;
}

#pagination a, #pagination a:hover{
	text-decoration: none;
}

/* misc elements *************************************/

#path {
	margin: 0;
	padding: 15px 0 0 0;
	line-height: 100%;	
}

#path a { 
	text-decoration: none; 
}

#path a:hover {
	text-decoration: none;
}

/* spip main class -------------------------------------- */
b.spip  {font-weight: bold;}
p.spip  {
	padding-left: 3px;
	clear:both;
}
img.spip
{
	clear:both;
}
hr, hr.spip {
	display:block;
	height: 0;	
	color: white;
	border-style:solid;
	border-color: #DB6310;
	border-width:0 0 1px 0; 
}

.spip_encadrer {	
	margin: 10px 30px 0 30px;
	font-size:  92%;
	padding: 0;
}

.spip_encadrer b{	
	display: block;	
	background: #eee;
	padding: 4px;
	font-weight: bold;
	border-bottom: 1px solid #98DEFB;
	border-top: 1px solid #ccc;		
}

a.spip_in, a.spip_out { 
	color: #BD6310; /*f00*/
	text-decoration: none; 	
}

a.spip_in:hover,  a.spip_out:hover{
	color: #900;
	text-decoration: none;
}

.spip-admin {
	position:absolute;
	display:inline;
	top: 2px;
	right:2px;
}

.spip_documents
{
	
	margin-right: 10px;}

.documents_left
{		margin-left: 10px;}

.documents_right
{		margin-right: 10px;}


/* forum -------------------------------------- */
#forumreply{
	margin:  15px 0 0 0;
	padding: 1px 5px;	
	border-bottom: 1px solid #00007F;
	font-weight: bold;
}

.forumbg {
	background: #eee;	
	margin: 0;
	padding: 7px 10px;
	text-align: right;
}


.forum {	
	margin: 0;
	padding: 10px;	
	background: #eee;	
}

.forumtitle {
	display: block;	
	padding: 4px;
	font-weight: bold;
	background: #eee;
}

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

.forumbody { 
	color: black;
	padding: 4px;
	background: #eee;
}
.forumps  {
	padding: 4px;
	background: #eee;
	color: #666;	
}

.forumthread {
	padding-left:60px;
	background: #eee;
}

.forumblink {
	padding: 10px;
	margin-left: 20px;
	background: #eee;
}

/* plan site -------------------------------------------- */
#main  a.basic{
	text-decoration: none;
}
#main li.basic {
	list-style-type: circle;	
}

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

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

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

.radiobut {
	border: 0px solid white;
}


/* misc elements -------------------------------------- */
a.special {
	text-decoration:none;
	color:#009;
}
a.special:hover {
	text-decoration:none;
	color:#666;
}

.red {	color: #f00;}
.green {color: #0a0;}
td { font-size:  92%;}

#menu ul li a.current {
	color: #996600;
	font-weight: bold;
}

fieldset {
	border: 0;
}