/* Cette css est propre, laissez la en �at ;-) */
html, body{
	margin: 0;
	padding: 0;
	}
body{
/*	background: #816647 url(media/body.png); */
/*	background: #816600 url(media/body.png); */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	line-height: 1.5em;
	color:black;
	}

a[hreflang]:after{content: "\0000a0[" attr(hreflang) "]"}
a:link{
	color: #000;
	background: transparent;
	}
a:visited{
	color: #565248;
	background: transparent;
	}
a:hover{
	color: #002B3D;
	background: transparent;
	}
a img{
	text-decoration: none;
	border: none;
	}

hr {
  	width:50%;
  	color: #980101;
  	margin-top: 4em;
  	margin-bottom: 4em;
	}

pre {background: #DACFAE; width: 90%;}

.scrollbox {background: #DACFAE; width: 90%; overflow: auto}

pre { margin: 0px; padding: 0px;}

/* Formulaires 
*********************************************************************************/
fieldset, legend{
	border: 1px solid #ccc;
	background: #f3f3f3 url(media/fieldset.png) repeat-x left top;
	}
fieldset{padding: 2em 1em}
legend{padding: 0.5ex 1ex}

label {
 cursor: pointer;
 cursor: hand; /* MSIE*/
	}

input, textarea{
	padding: 3px;
	background: #fff;
	}
input, select, textarea{border: 1px solid #aaa}
input:focus, select:focus, textarea:focus{border: 1px solid #666}
input[type=submit], input[type=button], .buttons{border: 1px outset #986601}

/* Titres
*********************************************************************************/
h1, h1 a {
	font-size: 1.5em;
	line-height: 1.6em;
	}

t {font-size: 3em;}

h2, h3, h4, h5, h6, h2, h3, h4, h5, h6, h2 a, h3 a, h4 a, h5 a, h6 a, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	margin: 2em 0 1em 0;
	color: #980101;
	background: transparent;
	text-decoration:none;
	}
h2{font-size: 1.4em;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em; margin-left: 0.6em;}
h5{font-size: 1em; margin-left: 1em}
h6{font-size: 1em; font-weight: normal; margin-left: 1.4em;}

h5, h6, h5 a, h6 a {
	color: #333;
	background: transparent;
	}

/* Top
*********************************************************************************/
div#top{
	height: 80px;
	margin-bottom: 2px;
	position: relative;
	background: #D9BB7A url(media/top.png) no-repeat right top;
	}
	/* logo */
	#top l {margin:0px 0 0px 10px;
	}
	/* title */
	#top t {
		margin:0px 0 0 0px;			
	}
	/* date */	
	#top p {margin:0px 0 0 10px;
	}
	
			
	form#search{
		position: absolute;
		top: 5px;
		right: 0;
		margin:0;
		}
		#search fieldset{
			background: transparent;
			border: none;
			text-align: right;
			padding: 0;
			margin-right: 1ex;
			}
		#search input{
			padding: 1px;
			background-color: #eee;
			border: 1px solid #986601;
			}
		#search #q{
			width: 15em;
			padding: 2px 2px 2px 20px;
			background: #fff url(media/q.png) no-repeat 3px center;
			}
			
/* Barre de navigation
*********************************************************************************/
#navbar {
	background-color: #AD9060;/* url(media/navbar.png) no-repeat top left;*/
	margin:0 0 20px 0;
	}
	#navbar ul{
		float:right;
		margin:0 10px 0 0;
		list-style: none;
		vertical-align: middle;
		font-weight:bold;
		}
		#navbar li {
			float: left;
			margin:0;
			padding:0;
			padding-left: 13px;
			display: block;
			}
			#navbar li a {
				text-decoration: none;
				background-image:url(media/images.png) !important;
				background-image:url(media/images_ie.png);
				background-repeat: no-repeat;
				padding:0 5px 5px 35px;
				height:25px;
				color:#fff;
				}
				#navbar li a#navbar_www {	background-position:0 -35px}
				#navbar li a#navbar_doc {	background-position:0 -110px}
				#navbar li a#navbar_forum {	background-position:0 -185px}
				#navbar li a#navbar_planet {background-position:0 -260px}
				
			#navbar li a:hover, #navbar li#active a { 
				/*background-color:#D9BB7A;*/
				color:#000;
				}
				#navbar li a:hover#navbar_www, #navbar li#active a#navbar_www {		background-position:0 0}
				#navbar li a:hover#navbar_doc, #navbar li#active a#navbar_doc {		background-position:0 -75px}
				#navbar li a:hover#navbar_forum, #navbar li#active a#navbar_forum {	background-position:0 -150px}
				#navbar li a:hover#navbar_planet, #navbar li#active a#navbar_planet{background-position:0 -225px}
				
	#navbar p {
		margin:0 0 0 10px;
		padding:3px 0 0 0;
		height:20px;
		color:white;
		}
		#navbar p a{color:white}

/* Contenu principal
*********************************************************************************/
#main{
	margin: 0 0 0 205px;
	padding: 20px;
	background: #fff url(media/main.png) no-repeat left top;
	}
	#main #alerte {
	  	border: 2px dashed #980101;
	  	padding: 0.5em 1.5em;
	  	text-align:center;
	  	margin: 0.5em 0 2em 0;
		}
	
	/* wrapper pour MSIE :-/ */
	#main #intro{
		width: 99%;
		margin: 0;
		}
		#main #intro #infos{
			float: right;
			margin: 0 10px 40px 50px;
			width: 300px;
			padding: 0;		
			}
			#main #intro #infos h3 {
				margin:0 ;
				padding: 0;
				}
		#main #intro #about{margin-top: 0}

	#main p{ text-align: justify }
	#main blockquote{
		font-family: "Bitstream Vera Serif", "Times New Roman", Times, serif;
		border: 1px solid #816647;
		background: #D9BB7A url(media/blockquote.png) no-repeat left top;
		color: inherit;
		padding: 1.5ex 1.5em;
		margin: 1.5em;
		}
	#main code{
		font-family: monospace;
		font-size: 1.2em;
		}
	#main table{border-collapse: collapse}
		#main table td, #main table th{
			border: 1px solid #565248;
			padding: 0.5ex;
			}
		#main table th{
			background: #aaa;
			color: #000;
			}
	#main #old { color: grey; }		
	#main #old table td { 	
				color: grey; 
				border :1px solid grey;
			    }
	#main #old a:link { color: grey; }
	#main #old a:visited{ color: grey; }
	#main #old a:hover{ color: grey; }
	
	
	#main .notice{font-size: 0.8em}

/* Navigation
*********************************************************************************/
div#navigation{
	display: inline; /* MSIE */
	float: left;
	margin-left: 10px;
	width: 180px;
	}
	#navigation ul{
		margin: 0;
		padding: 10px 0;
		list-style: none;
		}
		#navigation ul li{
			padding: 0;
			display: inline; /* MSIE */
			}
			#navigation ul li a{
				display: block;
				padding: 5px 5px 5px 28px;
				color: #000;
				background: transparent url(media/menu.png) no-repeat 6px center;
				text-decoration: none;
				}
				#navigation ul li a:hover{
					color: #fff;
					background: #AD9060 url(media/menuhover.png) no-repeat 6px center;
					}

	#navigation div{
		margin-bottom: 1em;
		background: #D9BB7A url(media/navbottom.png) no-repeat center bottom;
		}
		#navigation div h2{
			margin: 0;
			padding: 3px;
			padding-left: 6px;
			font-size: 1em;
			background: #AD9060 url(media/navtop.png) no-repeat center top;
			color: #FFF;
			}

	#navigation #nav_connexion p{
		padding: 3px;
		margin: 0 0 -7px 0;
		text-align: center;
		}
	#navigation #nav_connexion a{
		display:block;
		/*text-align:center;*/
		text-decoration:none;
		}
		/*#navigation #nav_connexion a:hover{text-decoration: underline}
		#navigation #nav_connexion a:visited{color:black}*/
	#navigation #nav_connexion form {
		text-align:center;
		padding: 2px 0 5px 0;
		}
	#navigation #nav_connexion input {
		padding: 1px;
		background-color: #fff;
		border: 1px solid #986601;
		width: 10em;
		padding: 1px;
		margin-top: 3px;
		}
	#navigation #nav_connexion fieldset{
		background: transparent;
		border: none;
		text-align: center;
		padding: 0;
		margin-right: 1ex;
		text-align:center;
		}
	#navigation #nav_connexion #connex_submit {width: 5em}

/* Pied de page
*********************************************************************************/
p#footer{
	padding: 10px 20px;
	margin: 0 0 10px 205px;
	clear: both;
	background: #D9BB7A url(media/footer.png) no-repeat left bottom;
	border-top: 1px dotted #816647;
	text-align: center;
	}
	#footer a#contact{text-decoration:none}
	#footer a#contact:hover{text-decoration:underline}
	#footer a#apinc{float: right}
		
/* Style du planet
*********************************************************************************/

#proposerArticle label{
	float:left;
	clear:both;
	width:200px;
	text-align:right;
	padding-right:5px
	}

.feed pre{ overflow: auto } /* Pour �iter que les pre trop longs cassent la page */
.feed div {padding: 0 5%} 	/* Un peu d'espace */

.feed .title{
	margin-top: 3em;
	margin: 2em 0 1em 0;
	color: #980101;
	background: transparent;	
	}
	/* Pour le "via machin" */ 
	.feed .title span{
		font-size:0.8em;
		font-style:italic
		}
		
/* Pour homog��ser les titres dans les billets */
.feed .clearfix h2, .feed .clearfix h3{
	font-size: 1.2em;
	margin: 2em 0 1em 0;
	color: #980101;
	background: transparent;
	}

/* Pour les dates */
.feed .date{
	border-bottom: 2px solid #910101;
	margin-top: 3em;
	margin-bottom: 0;
	text-align: right;
	letter-spacing: 0.1em
	}

/* Pour les vignettes de Biologeek */
.feed img{ 
  max-width: 95%;
}

/* Pour les vignettes de Biologeek */
.feed .vignette{ 
	float: left;
	margin: 5px;
	padding: 5px
	}



#menu_hide {
	background-position:-2px -24px;
/*	cursor: w-resize;*/
}
#menu_show {
	background-position:-25px -24px;
/*	cursor: e-resize;*/
}
#menu_hide:hover {
	background-position:-51px -24px;
}
#menu_show:hover {
	background-position:-74px -24px;
}

.togglebox {
	margin-left:10px;
        width:23px;
        height:23px;
        cursor: pointer;
        cursor: hand; /* MSIE*/
        float:left;
        background:url('/images/arrow_navtoggle.gif');
        background-repeat:no-repeat;
	border:1px solid transparent;
}

#csstoggle:hover {
	border:1px solid black;
}

#csstoggle {
	background-position:-28px 0px;
}