/* Cette css est propre, laissez la en �tat ;-) */
html, body{
	margin: 0;
	padding: 0;
	}
body{
	background: #563f00; /*couleur3*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	line-height: 1.5em;
	}

a[hreflang]:after{content: "\0000a0[" attr(hreflang) "]"}
a img{
	text-decoration: none;
	border: none;
	}

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

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

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 {
	font-size: 1.5em;
	line-height: 1.6em;
	}
h2, h3, h4, h5, h6 {
	margin: 2em 0 1em 0;
	color: #980101;
	background: transparent;
	}
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 {
	color: #333;
	background: transparent;
	}

/* Top
*********************************************************************************/
div#top{
	height: 80px;
	margin-bottom: 2px;
	position: relative;
	background: #ffc663 url(/images/abuledu/top.png) no-repeat right top; /*couleur1*/
	}
	#top h1{
		margin: 0 0 0 10px;
		height: 0px !important;
		height /**/:60px;
		padding-top: 60px;
		width: 180px;
		background: url(/images/abuledu/logo.png) no-repeat;
		/* Image replacement */ 
		overflow: hidden;
		}
		#top h1 a{
			display: block;
			height: 100%;
			width: 100%;
			text-decoration: none;
			}
	#top p {margin:0 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(/images/abuledu/q.png) no-repeat 3px center;
			}
			
/* Barre de navigation
*********************************************************************************/
#navbar {
	background: #e58a0c url(/images/abuledu/navbar.png) no-repeat top left; /*couleur2*/
	margin:0 0 20px 0;
	}
	#navbar ul{
		float:left;
		margin:0 10px 0 -40px;
		list-style: none;
		font-size:1.1em;
		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(/images/abuledu/images.png) !important;
				background-image:url(/images/abuledu/images_ie.png);
				background-repeat: no-repeat;
				padding:0 5px 5px 35px;
				color:#fff;
			}

			/* les rollover */
			#navbar li a#navbar_webadmin {	background-position:0 -168px}
			#navbar li a:hover#navbar_webadmin, #navbar li#active a#navbar_webadmin {		background-position:0 -146px}

			#navbar li a#navbar_www {	background-position:0 -27px}
			#navbar li a:hover#navbar_www, #navbar li#active a#navbar_www {		background-position:0 0px}

			#navbar li a#navbar_doc {	background-position:0 -300px}
			#navbar li a:hover#navbar_doc, #navbar li#active a#navbar_doc {		background-position:0 -277px}

			#navbar li a#navbar_pedagosite {	background-position:0 -73px}
			#navbar li a:hover#navbar_pedagosite, #navbar li#active a#navbar_pedagosite {	background-position:0 -51px}

			#navbar li a#navbar_actu {background-position:0 -209px}
			#navbar li a:hover#navbar_actu, #navbar li#active a#navbar_actu {	background-position:0 -189px}

			#navbar li a#navbar_anet {background-position:0 -254px}
			#navbar li a:hover#navbar_anet, #navbar li#active a#navbar_anet {	background-position:0 -231px}

			#navbar li a#navbar_aepro {background-position:0 -123px}
			#navbar li a:hover#navbar_aepro, #navbar li#active a#navbar_aepro {	background-position:0 -100px}
				
			#navbar li a#navbar_leterrier {background-position:0 -123px}
			#navbar li a:hover#navbar_leterrier, #navbar li#active a#navbar_leterrier {	background-position:0 -100px}
				
			#navbar li a:hover, #navbar li#active a { 
				color:#000;
			}

				
	#navbar p {
		margin:0 0 0 5px;
		height:23px;
		color:white;
		}
	#navbar p a{color:white}

/* Contenu principal
*********************************************************************************/
#main{
	margin: 0 0 0 205px;
	padding: 20px;
	background: #fff url(/images/abuledu/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 #563f00; /*couleur3*/
		background: #ffc663 url(/images/abuledu/blockquote.png) no-repeat left top; /*couleur1*/
		color: inherit;
		padding: 1.5ex 1.5em;
		margin: 1.5em;
		}
	#main pre{
		border: 1px solid #000;
		padding: 1ex 1em;
		background: #333;
		color: #fff;
		font-size: 1.2em;
		}
	#main code{
		font-family: monospace;
		font-size: 1.2em;
		}
	#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(/images/abuledu/menu.png) no-repeat 6px center;
				text-decoration: none;
				}
				#navigation ul li a:hover{
					color: #fff;
					background: #e58a0c url(/images/abuledu/menuhover.png) no-repeat 6px center; /*couleur2*/
					}

	#navigation div{
		margin-bottom: 1em;
		background: #ffc663 url(/images/abuledu/navbottom.png) no-repeat center bottom; /*couleur1*/
		}
		#navigation div h2{
			margin: 0;
			padding: 3px;
			padding-left: 6px;
			font-size: 1em;
			background: #e58a0c url(/images/abuledu/navtop.png) no-repeat center top; /*couleur2*/
			color: #FFF;
			}

	#navigation #nav_connexion p{
		padding: 3px;
		margin: 0 0 1em 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;
		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;
	background: #ffc663 url(/images/abuledu/footer.png) no-repeat left bottom; /*couleur1*/
	border-top: 1px dotted #563f00; /*couleur3*/
	}
	#footer a#ryxeo{float: right; margin-top: -5px;}

/* Liste des sections sur www
*********************************************************************************/
dl{
	margin: 1em 0;
	padding: 0;
	}
	dl dt{
		position: relative;
		left: 0;
		top: 1.1em;
		width: 14em;
		font-weight: bold;
		color: #980101;
		font-size: 1.2em;
		}
	dl dd{
		border-left: 1px solid #980101;
		margin: 0 0 0 16em;
		padding: 0 0 .5em .5em
		}
		dl dd a img{border:1px solid #563f00} /*couleur3*/
		
/* Style du planet
*********************************************************************************/

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

.feed pre{ overflow: auto } /* Pour �viter 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�n�iser 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 .vignette{ 
	float: left;
	margin: 5px;
	padding: 5px
	}

#copyright {
  font-size: 8pt;
  margin: 0;
  padding: 0;
}

#navWiki form.button {
  background:transparent url(/images/abuledu/menu.png) no-repeat 6px center;
}
#navWiki form.button:hover {
  background:#e6dc6e url(/images/abuledu/menuhover.png) no-repeat 6px center;
}