body {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;

	background-color:#e6e6e6;	
	}

a {
	color: #336699;
	text-decoration: none;
	}
a:hover {
	color: #FF6600;
	text-decoration: none;
	}
	
#page {
	width:700px;
	}

#head, .hiden {
	display: none;
	}

#head_logo {
	position:absolute;
	left:19px;
	top:16px;
	width:80px;
	height:100px;
	z-index:16;
	}
	#head_logo h3 {
		padding: 0px;
		margin: 0px;
		width: 80px;
		height: 100px;
		}
	#head_logo h3 span {
		display: none
		}

#head_numero {
	position:absolute;
	left:120px;
	top:274px;
	width:150px;
	height:50px;
	z-index:16;
	color: #336699;		
	}
	#head_numero .numero {
		font-size:1.5em;
		font-weight:bold;
		margin:0px;
		padding:0px;
		}
	#head_numero .date {
		font-family: "Times New Roman", Times, serif;
		font-size:0.95em;
		font-weight:bold;
		margin:0px;
		padding:0px;
		}
		
#gauche {
	display:block;
	width:120px;
	height:460px;

	float:left;

	background-image: url(../_img/portail_1.gif);
	background-position: top;
	background-repeat: no-repeat;
	}
	#gauche ul {
		margin:0px;
		padding:0px;
		list-style-type: none;
		}
	#gauche ul li {
		font-size:0.85em;
		font-weight:bold;
		margin:0px;
		padding:0px;
		line-height: 14px;
		}
	#gauche #m1 {
		position:absolute;
		left:00px;
		top:130px;
		width:150px;
		height:60px;
		z-index:12;
		}
	#gauche #m2 {
		position:absolute;
		left:00px;
		top:402px;
		width:150px;
		height:43px;
		z-index:13;
		}
#droite {
	display:block;
	width:580px;
	height:294px;

	float:left;

	background-image: url(../_img/portail_2.gif);
	background-position: top;
	background-repeat: no-repeat;
	}
	#droite #menu { border-top:1px solid #E6E6E6;
		}
		#droite #menu ul {
			margin:0px;
			padding:0px;
			list-style-type: none;
			}
		#droite #menu ul li {
			font-size:0.95em;
			font-weight:bold;
			margin:0px;
			padding:0.6em 55px 0.5em 55px;
			float:right;
			}
	#droite #sommaire {
		width:390px;
		clear:both;
		padding:150px 0 0 175px;
		margin:0px;
		}
		#droite #sommaire ul {
			margin:0px;
			padding:0px;
			list-style-type: none;
			}
		#droite #sommaire ul li {
			font-size:0.95em;
			font-weight:bold;
			margin:0px;
			padding:0.5em 0px 0.5em 0px;
			}
	
#articles {
	display:block;
	width:508px;
	float:right;
	margin:0px;
	padding:0px 0px 2em 0px;
	}
	#articles h2 {
		font-size:1em;
		font-weight:bold;
		color: #336699;
		margin:0px;
		padding:0.25em 0px 0.25em 0px;
		}
	#articles h3 {
		font-size:1em;
		font-weight:bold;
		color: #FF9933;
		margin:0px;
		padding:2em 0px 0px 0px;
		}
	#articles h4 {
		font-family: "Times New Roman", Times, serif;
		font-size:1.2em;
		font-weight:bold;
		color: #000000;
		margin:0px;
		padding:0px;
		}
		
	#articles p {
		text-align:justify;
		}
	#articles p.signature {
		font-family: "Times New Roman", Times, serif;
		font-size:1.2em;
		font-style: italic;
		text-align:right;
		}
	#articles p.source {
		font-size:0.85em;
		font-style:italic;
		}
	#articles ul {
		margin:0px;
		padding:0px;
		list-style-type: none;
		}
	#articles ul li {
		font-size:0.85em;
		margin:0px;
		padding:0.25em 0px 0.25em 0px;
		}	

#auteur {
	position:absolute;
	left:120px;
	top:320px;
	width:580px;
	height:300px;
	z-index:16;
	background-color: #E6E6E6;
	visibility: hidden;
	}
	#auteur ul {
		margin:0px;
		padding:4em 0 0 6em;
		list-style-type: none;
		}
	#auteur ul li {
		margin:0px;
		padding:0.25em 0px 0.25em 0px;
		}	
