#page{

}

/* ////////////////////////////
              PAGE
/////////////////////////////  */

#page_gauche{
	width: 560px;
	
}


#actualites{
	height:235px;
	width: 180px;
	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
}

#colonnes_left{
	float: left;
	width: 180px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;

}

#entre_colonnes{
float: left;
	width: 10px;
	height: 510px;
	background-image: url('images/separateur_index_y.png');
	background-repeat: repeat-y;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;

}


#colonnes_right{
	width:576px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;

	
}



#metiers_index{
	width: 576px;
	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;

}

#metiers_index ul{
	width: 576px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;

}

#metiers_index ul li{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
	list-style: none;
	display: block;
	float: left;

}


#metiers_index ul li a{
	display: block;
	text-decoration: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;

}


#metiers_index ul li a.metier_csi{
	width:141px;
	height:169px;
	background-image: url('images/index_csi.gif');
	background-repeat: no-repeat;
}


#metiers_index ul li a.metier_csi:hover{
	background-position: bottom;
}


#metiers_index ul li a.metier_inge{
	width:145px;
	height: 169px;
	background-image: url('images/index_inge.gif');
	background-repeat: no-repeat;
}

#metiers_index ul li a.metier_inge:hover{
	background-position: bottom;
}

#metiers_index ul li a.metier_rh{
	width:145px;
	height: 169px;
	background-image: url('images/index_rh.gif');
	background-repeat: no-repeat;
}

#metiers_index ul li a.metier_rh:hover{
	background-position: bottom;
}

#metiers_index ul li a.metier_etudes{
	width: 145px;
	height: 169px;
	background-image: url('images/index_etudes.gif');
	background-repeat: no-repeat;
}

#metiers_index ul li a.metier_etudes:hover{
	background-position: bottom;
}