@charset "UTF-8";
/* CSS Document */

html, body {
	margin:							0;
	padding:						0;
	height:							100%;
	font-family:					Georgia, "Times New Roman", Times, serif;
	font-size:						12px;
	
	background-color:				#8cab0d;
	background-image:				url(../media/interface/fond.jpg);
}

a img {
	border:							0px;
}

p {
	text-align:						justify;
}

h1, h1 a:link, h1 a:visited, h1 a:hover {
	font-size:						14px;
	font-style:						italic;
	font-weight:					normal;
	letter-spacing:					0.5em;
	color:							#432b08;
	text-decoration:				none;
	margin:							0px 0px 15px 0px;
	padding:						0px;
}

	p + h1, ul + h1, table + h1 {
		margin-top:							45px;
	} 

h2, h2 a:link, h2 a:visited, h2 a:hover {
	font-size:						12px;
	font-style:						italic;
	font-weight:					normal;
	letter-spacing:					0.45em;
	color:							#996633;
	text-decoration:				none;
	margin:							0px 0px 4px 0px;
	padding:						0px;
}

	p + h2, ul + h2, table + h2, h2.correction {
		margin-top:							15px;
	}

h3, h3 a:link, h3 a:visited, h3 a:hover {
	font-size:						10px;
	font-weight:					normal;
	letter-spacing:					0.25em;
	color:							#996633;
	text-decoration:				none;
	margin:							0px 0px 4px 0px;
	padding:						0px;
}

	p + h3, ul + h3, table + h3 {
		margin-top:							10px;
	}

a:link, a:visited, a:hover {
	font-size:						10px;
	letter-spacing:					0.2em;
}
	
a:link {
	color:							#49491e;
}

a:visited {
	color:							#006666;
}

a:hover {
	color:							#8cab0d;
}

#container {
	position:						relative;
	min-height: 					100%;
}	

#header {
	background-color:				#8cab0d;
	color:							#f5f0da;
	font-size:						14px;
	font-weight:					bold;
	letter-spacing:					0.05em;
	width:							100%;
}
	#header a:link, #header a:visited {
		color:							#f5f0da;
		font-size:						14px;
		font-weight:					bold;
		letter-spacing:					0.05em;
		text-decoration:				none;
	}
	
	#header a:hover {
		color:							#49491e;
	}
	
	#header div.positionnement {
		padding:						60px 20px 15px 20px;
		width:							960px;
	}

	#header ul li img {
		vertical-align:					middle;
		padding: 						0px 3px;
	}

	#header img#logo {
		float:							left;
	}

	#header ul#menu {
		display:						block;
		float:							right;
		margin:							20px 0px 0px 0px;
		padding:						0px;
	}
	
	#header li {
		display:						inline;
		margin:							0px;
		padding:						0px;
	}
	
#page {
	width:							100%;
	background-image:				url(../media/interface/separation_haut.png);
	background-repeat:				repeat-x;

}
	
	#page div.positionnement {
		padding:						45px 20px 15px 20px;
		width:							960px;
	}
	
	#breadcrumb {
		color:							#f5f0da;
		width:							705px;
		font-size:						11px;
		padding:						0px 20px 10px 5px;
	}
	
		#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover {
			color:							#f5f0da;
			font-size:						11px;	
			font-style:						normal;
			letter-spacing:					0.05em;
			text-decoration:				underline;
		}

#last {
	margin-bottom:					0;
	padding-bottom:					54px;
	clear:							both;
}

#footer {
	position:						absolute;
	bottom: 						0;
	width:							100%;
}
	
	#fdegrade {
		background-image:				url(../media/interface/separation_bas.gif);
		background-repeat:				repeat-x;
		height:							7px;
	}

	#littlenav {
		border-top:						dashed 1px #006666;
		background-color:				#dbd3bb;
	} 

	#footer div.positionnement {
		padding:						5px 20px;
		width:							960px;
		text-align:						center;
	}
	
	#footer a:link, #footer a:visited {
		color:							#412a08;
		font-size:						9px;
		font-weight:					bold;
		font-style:						normal;
		letter-spacing:					normal;
	}
	
.erreur {
	background-color:				#FF6666;
}

#attention {
	color:				#FF0000;
}

span.attention {
	font-size:			10px;
	background-color:	#FFFFCC;
	padding:			1px 4px;
	border:				1px solid #FF3333;
}