.clear { 
	clear: both; 
	height:5px;
	} 
		  
#accueil{
	position:relative;
	float:left;
	width:100%;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	/*
	#nom_matiere{
			position:absolute;
			top:0px;
			left:15px;
			width:228px;
			height:41px;
			background: transparent url("../images/TechnoClgVertical.gif") top left no-repeat;
			z-index:500;
			}
	*/
	
	#a_la_une{
		overflow:hidden;
		float:left;
		width:93%;
		
		margin:10px;
		margin-top:30px;
		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background: transparent url(../images/_a_la_une.gif) top left no-repeat;
		}
		#a_la_une .zone_actualites{
			overflow:auto;
			height:78%;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:1em;
			border:1px dashed #c04144;
			margin:55px 0px;
			padding:5px;
			
			}
			#a_la_une .zone_actualites span.date{
				float:left;
				color:#c00000;
				text-align:right;
				width:22%;
				font-size:0.9em;
				padding:5px;
				}
			#a_la_une .zone_actualites span.nom{
				float:left;
				color:#1c1780;
				font-weight:Bold;
				text-align:left;
				width:75%;
				padding:5px;
				}
			#a_la_une .zone_actualites span.image{
				float:left;
				text-align:center;
				width:22%;
				padding:5px;
				}
			#a_la_une .zone_actualites span.description{
				float:left;
				color:#000000;
				font-weight:400;
				font-size:0.95em;
				text-align:left;
				
				width:75%;	
				padding:5px;
				}
			#a_la_une .zone_actualites hr {
				clear: both; 
				}
			#a_la_une .zone_actualites  span.space {
				clear: both; 
				}
		
	#zoom_sur{
		float:left;
		width:62.9%;
		height:350px;
		margin-left:10px;
		margin-top:10px;
		overflow:hidden;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background:transparent url(../images/_zoom_sur.gif) top left no-repeat;
		
		}
	
	#zoom_sur .Contenu{
		width:100%;
		height:300px;
		overflow:auto;
		margin-top:55px;
		}
		#zoom_sur .zone_txt{
			border:1px dashed #fb7fff;
			overflow:auto;
			
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:0.95em;
			padding:10px;
			}
		#zoom_sur .zone_txt span{
			color:#c00000;
			padding-top:5px;
			padding-bottom:5px;
			}
	
	
		
	#outils_f{
			position:absolute;
			width:25%;
			top:10%;
			left:70%;
			overflow:hidden;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			background:transparent ;
			}
		#outils_o{
			position:absolute;
			visibility: hidden;
			
			width:30%;
			
			top:10%;
			left:70%;
			overflow:hidden;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:0.8em;
			
			background:#FFFFFF ;
			}
		#outils_o .outils{
			width:93%;
			padding:5px;
			border:1px solid #000066;
			}
		#outils_o .outils a{
			text-decoration:none;
			padding-left:20px;
			height:20px;
			line-height:25px;
			padding-top:2px;
			color:#808080;
			/*background:transparent url(../images/lien_eteint.gif) top left no-repeat; */
			background:transparent url(../images/puce_morte_menu_gauche.png) top left no-repeat; 
			}
		#outils_o .outils a:hover{
			/*color:#ff873f;*/
			/*background:transparent url(../images/lien_active.gif) top left no-repeat; */
			color : #0000FF;
			background:transparent url(../images/puce_menu_gauche.png) top left no-repeat; 
			}
			
	#visiteurs{
		position:relative;
		float:left;
		width:34%;
		height:20%;
		top:30px;
		overflow:hidden;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.8em;
		}
		
		#visiteurs .eleve,
		#visiteurs .parent,
		#visiteurs .prof{
			width:90%;
			height:30px;
			overflow:hidden;
			padding-left:20px;
			
			}
		#visiteurs .eleve a,
		#visiteurs .parent a,
		#visiteurs .prof a{
			line-height:30px;
			text-decoration:none;
			color:#808080;
			padding:5px;
			padding-left:30px;
			background:transparent url(../images/fleche_morte.gif) top left no-repeat; 
			}
			
		#visiteurs .eleve a:hover{
			font-weight:bold;
			color:#8183ff;
			background:transparent url(../images/fleche_eleve2.gif) top left no-repeat; 
			}
			
		#visiteurs .parent a:hover{
			font-weight:bold;
			color:#fcc100;
			background:transparent url(../images/fleche_parent.png) top left no-repeat; 
			}
		#visiteurs .prof a:hover{
			font-weight:bold;
			color:#eab7be;
			background:transparent url(../images/fleche_prof.png) top left no-repeat; 
			}