/* CSS Document */

body {
	background: #F2F2F2;
}

#intro {
	height: 211px;
	width: 320px;
	margin-top: 110px;
	margin-left: 130px;
	position: absolute;
	font: 13px/16px Arial, Helvetica, sans-serif;
	text-align: justify;
	vertical-align: bottom;
	padding-top: 10px;
	padding-bottom: 20px;
}

#intro a {
	font: small-caps 14px "Trebuchet MS", Arial, Verdana;
	text-decoration: none;
	text-transform: lowercase;
	color: #828282;	
}

#intro a:hover {
	color: #FF9D00;
}

#container_rubriques {
	position: absolute;
	margin-left: 192px;
	margin-top: 275px;
	width: 720px;
	height: 247px;
}

.bloc_rubriques {
	float: left;
	width: 313px;
	margin-right: 45px;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #828282;
	text-align: justify;	
}

.bloc_rubriques p {
	margin-top: 0px;
	margin-bottom: 10px;
}

.bloc_rubriques h1 {
	font: bolder small-caps 18px/10px "Trebuchet MS", Arial, Verdana;
	text-transform: lowercase;
	margin-top: 0px;
	margin-bottom: 10px;
}

.bloc_liste_rubriques { 
	margin-top: 10px;
}

.liste_rubriques a {
	font: small-caps 14px "Trebuchet MS", Arial, Verdana;
	text-decoration: none;
	text-transform: lowercase;
	display: block;
	margin-top: 2px;
	margin-left: 40px;
	padding: 0px 0px 0px 17px;
}

.liste_rubriques a:hover {
	color: #FF9D00;
	background: url(../images/etoile_orange.gif) no-repeat left top;
	text-decoration: none;	
}

#nav {
	height: 24px;
	width: 750px;
	margin-top: 548px;
	margin-left: 190px;
	position: absolute;	
}