/* CSS Document */

html, body {
	height: 100%;
	margin: 0 auto;
	
	}

#conteneur {
	width:100%;
	margin:0;
	padding:0;	
	position: relative;
	}
		
	#milieu {
		position:relative;
		float:left;
		overflow:hidden;
		width: 75%;/* ignoré par IE */
		
		max-width: 1011px;/* ignoré par IE */
		width:expression(document.body.clientWidth > 1024 ? (document.body.clientWidth - 257) : "75%"); /* ignoré par les autres */
		
		top:0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		padding-bottom:10px;
		}
	
	#ligne_matière {
		float:left;
		width:100%;
		height:41px;
		background: transparent url("../images/TechnoClgVertical.gif") top left no-repeat;
		}
			
	#gauche {
		max-width:240px; /* ignoré par IE */
		width:expression(document.body.clientWidth > 1024 ? "25%" : "240px"); /* ignoré par les autres */

		position:relative;
		float:left;
		/*width:25%;*/
		top:0px;		
		overflow:hidden;
		text-align:left;
		
		background: #F3F3F3 url(../images/E3-filet-blanc.gif) right bottom no-repeat;
		
		layer-background-color: #F3F3F3;
		filter:Chroma(Color=white);
		}
		
		div#gauche .logo {
			position:relative;
			float:left;
			width:200px;
			height:150px;
			left:-10px;
			margin-right:5px;
			background: transparent url(../images/logo_academie.png) center top no-repeat;
			}
			
		div#gauche .menu {
			position:relative;
			float:left;
			width:90%;
			margin-top:60px;
			z-index:00;
			
			}
			
		div#gauche .nom_academie{
			position:absolute;
			top:0px;
			right:0px;
			width:41px;
			height:265px;
			background: transparent url("../images/logo_ac_nancy_metz.png") bottom left no-repeat;
			z-index:500;
			}
		
		
		

	div#footer {
		position:relative;
		float:left;
		width: 100%;
		height:20px;
		color:#003300;
		background: #FFFFFF url(./images/bg_center.png) repeat;
		border-top:solid #000033 1px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		padding-top:10px;
		}
		
		div#footer_gauche {
			float:left;
			width: 50%;
			text-align:left;
			padding-left: 10px;
			
			}

		div#footer_droite {
			float:right;
			width: 48%;
			text-align:right;
			}



			
/* calques des pages */	
#chemin {
	margin:0px;
	padding-bottom:1em;
	text-align:left;
	color:#000033;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}


div#cadre_principale {
	position:relative;
	overflow:hidden;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

div#Message_temporaire{
	position:relative;
	overflow:hidden;
	width:90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	margin : 30px auto;
	
}

	div#Message_temporaire .titre{
		width:100%;
		font-size:30px;
		text-align : center;
		color:#FF5544;
		margin-bottom:20px;
		background:#FFFFCC;
	}
	div#Message_temporaire .message{
		width:100%;
		font-size:14px;
		text-align : justify;
		margin-bottom:20px;
	}


/* Styles des liens */
a:link {color:#0000FF;text-decoration:none;}
a:visited {color:#0000FF;text-decoration:none;}
a:hover {text-decoration:underline; color:#FF0000;}
a:active {text-decoration: none;}