body {
	font-family: 'Lucida Grande', Verdana;
	font-size: 12px;
	color: white;
	background-color: #7d96d4;
	background-image: url('images/_fond.png');
}
a{text-decoration:none; color: #333;}
.active{color:red;}

#centrage {margin-left:auto; margin-right:auto; width:704px;}
#bloc_haut {
	display: block;
	position: absolute;
	top: 20px;
	height: 22px;
	width: 704px;
	background: url('images/_haut.png') no-repeat;
	padding-left: 10px;
	padding-top: 4px;
}
#bloc_milieu {
	display: block;
	position: absolute;
	top:42px;
	width: 704px;
	bottom: 45px;
	background: url('images/_milieu.png') repeat-y;
}
#bloc_gauche {
	display: block;
	position: absolute;
	top:0px;
	width: 206px;
	bottom: 0px;
	margin-left:-30px;
}
#bloc_gauche li {
	list-style-type: none;
	height: 38px;
	margin-left:-8px;
}
#bloc_gauche li:hover {
	background: url('images/_menu.png') repeat-x;
	height:38px;
	width:205px;
	margin-left:-8px;
}
#bloc_gauche img {
	width:36px;
	height:36px;
	vertical-align: middle;
	margin-left:8px;
	margin-bottom:6px;
	border:none;
	overflow: hidden;
}
#sep_hor{
	display: block;
	position:absolute;
	top:250px;
	left:30px;
	height:2px;
	width:209px;
	background: url('images/_sep.png') no-repeat;
}
#bloc_liste{
	display:block;
	position:absolute;
	left:32px;
	top:252px;
	width:206px;
	bottom: 0;
	overflow: auto;
	overflow-x:hidden;
}
#bloc_liste li{
	color: #333;
	list-style-type: none;
	left:20px;
	height: 20px;
	padding-top:3px;
	padding-left: 4px;
	margin-left:-40px;
}
#bloc_liste li:hover{
	background: url('images/_liste.png') repeat-x;
	left:20px;
	height:20px;
	width:201px;
	margin-left:-40px;
}
#bloc_droit{
	display: block;
	position: absolute;
	top:0px;
	left:210px;
	width: 492px;
	bottom: 2px;
	overflow: auto;		
}
#bloc_bas {
	display: block;
	position: absolute;
	bottom: 20px;
	height: 21px;
	width: 704px;
	background: url('images/_bas.png') no-repeat;
	text-align:left;
	font-size: 80%;
	padding-top:4px;
}


/*------------------------------*/
/*      Articles                */
/*------------------------------*/

#art_icone img{
	width:64px; height: 64px;margin-top:10px;
}
#art_titre{
	/*font-family:'Comic Sans MS';*/
	font-size:180%;
	color: #334859;
	text-align: center;
	
}
#art_contenu{

	text-align: justify;
	margin:20px;
	margin-bottom: 20px;
}
#art_contenu:first-letter{
	/*font-family:'Comic Sans MS';*/
	font-size:360%;
	color: #4b5c83;
	float:left;
	margin-right:5px;
	/*opacity: 0.6;*/
}
#art_contenu a{color:yellow; text-decoration: underline;}
#art_contenu a:hover{ text-decoration: underline;}

#art_version{
color: #e3d76e;
font-size: 16px;
text-align:right;
padding-right:20px;
}

#art_download{
text-align: right;
color: #ae4245;
font-size: 12px;
padding-right:20px;
}
#art_download a{color: #c4eaff; text-decoration:none;}
#art_download a:hover{ text-decoration: underline;}

#bloc_choix_lang{
	display:block;
	position:absolute;
	bottom:0px;
	left:50px;
	width:165px;
	height: 108px;
	background: url(images/_fond_lang.png) no-repeat;
	margin: 3px;
}

#art_date{
	display: block;
	position: relative;
	background: url(images/_cal.png) no-repeat;
	width: 61px; height: 62px;
	top:10px;
	left:410px;
	opacity:0.3;
}
#art_date_mois{
	display:block;
	position:relative;
	top:0px;
	left:6px;
	width:23px;
	color:white;
	/*font-size:13px;*/
	text-align:left;
	/*border: solid 1px red;*/
}
#art_date_an{
	display:block;
	position:relative;
	top:-15px;
	left:28px;
	width:20px;
	text-align:right;
	color:#aaa;
	/*font-size: 13px;*/
	/*border: solid 1px blue;*/
}
#art_date_jour{
	display:block;
	position:relative;
	color:black;
	width:50px;
	top:-16px;
	left:0px;
	font-size:32px;
	text-align:center;
	/*border: solid 1px black;*/
}