body
		{
			margin: 10px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			
			background: url(../img/bande_bachi.jpg) no-repeat 5px 25px ;
			position: relative ;
			left: 40px ;
			top: 15px ;
		}
		
		div#conteneur
		{
			width: 800px ;
			margin: 0 auto ;
			text-align: left ;
			border: 2px solid #537A9E ;
			background: #fff ;
			
			align:center;
		}
		
		h1#header
		{
			height: 130px ;
			margin: 0 ;
			background: url(apple.jpg) no-repeat left top ;
		}
		
		h1#header a
		{
			width: 800px ;
			height: 100px ;
			display: block ;
			background: url(../img/titre_ecole_mousses.jpg) no-repeat ;
			position: relative ;
			left: 0px ;
			top: 15px ;
		}
		
		h1#header a span
		{
			display: none ;
		}
		
		ul#menu
		{
			height: 35px ;
			margin: 0 ;
			padding: 0 ;
			background: url(../img/tetiere_fond_bleugris.gif) repeat-x 0 0 ;
			list-style-type: none ;
		}
				
		ul#menu li
		{
			float: left ;
			text-align: center ;
		}
		
		ul#menu li a
		{
			width: 112px ;
			line-height: 24px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #537A9E ;
		}
		
		ul#menu li a:hover
		{
			color: #efefef ;
			background: url(../img/tetiere_fond_bleugris.gif) repeat-x 0 0 ;
		}
		
		div#contenu
		{
			
			background: url(bg_page.gif) no-repeat 15px 15px ;
			margin:10;
		}
		
		div#contenu h2
		{
			padding-left: 25px ;
			line-height: 25px ;
			font-size: 1.4em ;
			background: url(little_apple.gif) no-repeat left bottom ;
			color: #9b2 ;
			border-bottom: 1px solid #9b2 ;
		}
		
		div#contenu h3
		{
			color: #668899 ;
		}
		
		div#contenu p
		{
			text-align: justify ;
			
		}
		div#contenu td
		{
			text-align: justify ;
			
		}
		div#contenu a:link
		{
			FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #537A9E; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION:underline ;
		}
		
		div#contenu a:hover
		{
			FONT-WEIGHT: bold;FONT-SIZE: 9pt;COLOR: #537A9E;FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: underline;
		}
	
		div#contenu a:active
		{
			FONT-WEIGHT: bold;FONT-SIZE: 9pt;COLOR: #537A9E;FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: underline;
		}
		div#contenu a:visited
		{
			FONT-WEIGHT: bold;FONT-SIZE: 9pt;COLOR: #537A9E;FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: underline;
		}
		p#footer
		{
			margin: 0 ;
			padding-right: 10px ;
			line-height: 30px ;
			text-align: right ;
			color: #8a0 ;
		}
		
		pre
		{
			overflow: auto ;
			background: #dea ;
			border: 2px solid #9b2 ;
			padding: 5px 0 0 5px ;
			font-size: 1.2em ;
		}
		
		
		pre span
		{
			color: #560 ;
		}
		
		pre span.comment
		{
			color: #b30000 ;
		}
		
table {
	margin:0;
	padding:0;
	color:#000;
	font:10px Verdana,Serif;
	empty-cells: show;
	background-color:#efefef ;
	border:1px solid #537A9E;
}
  
form{
  	background-color:#efefef;
}  

input{
	font-size:9px;
	font-family:verdana;
}

.button{
	border:1px solid #537A9E;
}
.table_btn{
	border:0px solid;
 	background-color:#FFFFFF;
}

.img{border:1px solid black;width:125px;} /*gestion des images des captcha*/

.popup{ 
position: absolute; 
left:80px ;
top:250px;
visibility: hidden ;
}



/* CSS issu des tutoriels css.alsacreations.com */

a {
	text-decoration: none;
}
a:hover {
	background: none;
}
a span {
	display: none;
}
a:hover span {
	display: block;
	position: absolute;
	left:30px;

}