body {
	background:#ffffff url('../images/fond_body.png') repeat-x left top;

}
#main {
	position:absolute;
	left: 50%;
	width: 1023px;
	height: 760px;
	margin-left: -512px;
	padding:0px;
}
#header {
	position:absolute;
	left:0px;
	top:0px;
	width:1023px;
	height:133px;
	background:url('../images/fond_header.png') no-repeat left top;
	margin: 0px;
}
#logo {
	position: absolute;
	width:191px;
	height:65px;
	top:50px;
	left:35px;
	font-family: verdana;
	font-size:6.3pt;
}
#logo img {
	border:0px;
}
#baseline {
	position: absolute;
	top:67px;
	left:297px;
}
#topnavigation {
	position:absolute;
	width:124px;
	height:112px;
	top:20px;
	left:880px;
	padding-left:21px;
	background:url('../images/fond_topnavigation.png') repeat-y left top;
	overflow:hidden;
}
#topnavigation  img, #topnavigation  a{
	float:left;
	border:0px;
	margin:0px;
	padding:0px;
	margin-bottom:1px;
}
#animation {
	position:absolute;
	top:132px;
	left:0px;
	width:1023px;
	height:257px;
	margin: 0px;
	padding-top:4px;
	padding-left:25px;
	overflow:hidden;
}
#content {
	width:820px;
	height:349px;
	position:absolute;
	top:389px;
	left:-113px;
	/*background:url('images/fond_content.png') no-repeat left top;*/
	overflow:hidden;
}
#metier1, #metier2, #metier3, #metier4, #metier5 {
	position:absolute;
	z-index:10;
}
#breseau1, #breseau2, #breseau3, #breseau4, #breseau5 {
	position:absolute;
	z-index:30;
}	
#metier1{top:135px; left:185px;}
#metier2{top:103px; left:365px;}
#metier3{top:255px; left:435px;}
#metier4{top:103px; left:535px;}
#metier5{top:255px; left:632px;}
#breseau1{top:172px; left:194px;}
#breseau2{top:140px; left:363px;}
#breseau3{top:202px; left:443px;}
#breseau4{top:143px; left:540px;}
#breseau5{top:203px; left:634px;}
#cercleradar {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	width: 180px;
	height: 180px;
	z-index:20;
}
#blocInfos{
	position:absolute;
	top:400px;
	left:763px;
	width:260px;
	height:340px;
	background-image:url('../images/fond_topnavigation.png');
	font-family:verdana, helvetica, trebuchet, arial;
	overflow:hidden;
}
#fullactu{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.actu, .promo {
	width:235px;
	height:146px;
	margin-left:24px;
}
.actu :hover
{
cursor:pointer;
}
.promo :hover
{
cursor:pointer;
}
.actu h1, .promo h1 {
	font-weight:bold;
	font-size:14px;
	color:#000;
	padding-top: 10px;
	padding-bottom:4px;
}
.actu h2, .promo h2 {
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	color:#707F87;
	padding-bottom:3px;
}
.actu span.texte, .promo span.texte {
	font-weight:normal;
	font-style:italic;
	font-size:11px;
	color:#707F87;
}
.savoirplus {
	width:235px;
	height:22px;
	background:url('../images/bande_actu_double.png') repeat-x left top;
	color:#707F87;
	font-weight:bold;
	font-style:normal;
	font-size:9px;
	margin-left:25px;
}
.savoirplus img {
	float:right;
}
.savoirplus span {
	float:left;
	height:15px;
	margin-top:4px;
}	

#smallactu{
	position:absolute;
	top:0;
	left:0;
	width:80px;
	height:100%;
	text-align:right;
	display:none;
}
#smallactu img{
	margin-top:8px;
	margin-bottom:8px;
}
#newwindow{
	position:absolute;
	width:10px;
	height:10px;
	background:url('../images/fond_newwindow.png') no-repeat center;
	display:none;
	z-index:40;
	top:320px;
	left:25px;
}
#modaliframe {
	position:absolute;
	top:10px;
	left:31px;
	width:863px;
	height:385px;
	border:0;
	display:none;
	overflow:hidden;
}

#footer{
	position:absolute;
	left:0px;
	top:735px;
	width:1023px;
	margin: 0px;
	color:#707F87;
	font-family:verdana, helvetica, trebuchet, arial;
	font-weight:normal;
	font-style:normal;
	font-size:9px;
	padding-left:25px;
	padding-top:10px;
	text-align:center;
}
#footer .lien {
	color:#707F87;
	text-decoration:underline;
}
#footer a {
	color:#707F87;
}
#agence_on, #metiers_on, #contact_on, #newsletter_on, #recrutement_on, #client_on {
	display:none;
}