html *{
	margin:0;
	padding:0;
}

body {
	background: #999 left top;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif; 
	color:#616161;
	text-align : center;
}
#container{
	background: #FFF left top;
	width:925px;
	position : relative;
	margin-left: auto;
	margin-right: auto;
}
#container .outils {
	position:relative;
	float:right;
	margin-top:12px;
	margin-right:12px;
}
#container .header {
	width: 925px;
	height: 125px;
	background: url(../img/header.gif) no-repeat center bottom;
	margin-bottom: 20px;
}
#container .footer {
	background: #FFF left top;
	width: 925px;
	height: 40px;
	text-align: right;
	padding-top: 0px;
	clear: both;
}
#container .chapo {
	margin: 25px;
	text-align : left;
}
#bloc{
	position:relative;
	background: url(../img/fond_empreintes.gif) no-repeat left top;
	width:350px;
	height: 489px;
	float:right;
	right: 25px;
	text-align : left;
	padding-top:20px;
}
#bloc .menu{
	width :300px;
	height:280px;
	overflow: auto; clip:    rect(   )
}
#bloc p{
	display: block;
	margin: 5px 0 0 40px;
}
#bloc .or{
	color: #FF8900;
	font-weight: bold;
	font-size:11;
	background: transparent url("../img/bullet.gif") no-repeat 4px 4px;
	padding-left:17px;
}
#video{
	position:relative;
	width:550px;
	float: left;
	display: inline;
}
#video .legend{
	padding: 7px 7px 0px 50px;
	text-align : left;
}
#video .recrut{
	background: url(../img/liserai.gif) no-repeat 30px top;
	margin-top: 10px;
	padding: 9px 7px 0px 50px;
	text-align : left;
}
a.light, a.light:link {
	text-decoration: none;
	color: #616161;
	font-size:11px;
}
a.light:focus, a.light:hover, a.light:active {
	text-decoration: underline;
}
a.blu, a.blu:link {
	text-decoration: none;
	background: transparent url("../img/arrow_grey.gif") no-repeat 4px 4px;
	color: #005bbb;
	font-weight: bold;
	font-size:11;
	padding-left:17px;
}
a.blu:hover, a.blu.active {
	background: transparent url("../img/arrow_or.gif") no-repeat 4px 4px;
	color: #FF7900;
	font-size:11;
	padding-left:17px;
}
h3{
	margin-bottom:5px;
}