/**************************************************************************************************************/
/*			VOCATIONS / ET POURQUOI PAS MOI ? - Pour la page d'accueil du site
			
			Date : 19 avril 2010
			Auteur : Marlène Cotterlaz
			URL : 
			
			Sommaire :	= CONTENU INSTITUTIONNEL
						
			Couleurs :	

*/
/**************************************************************************************************************/

/*------------------------------------------------------------------------------------------------------------*/
/*
	= CONTENU INSTITUTIONNEL
*/
/*------------------------------------------------------------------------------------------------------------*/
#contenu-institutionnel .top{
	height:20px;
	background:url(../images-vocations/haut-contenu-institutionnel.png) 0 0 no-repeat;
	_background:url(../images-vocations/haut-contenu-institutionnel-ie6.png) 0 0 no-repeat;
}
#contenu-institutionnel .header{
	background:url(../images-vocations/fond-contenu-institutionnel.png) 0 0 repeat-y;
	_background:url(../images-vocations/fond-contenu-institutionnel-ie6.png) 0 0 repeat-y;
}
#contenu-institutionnel .header div{
	padding:0 0 50px 0;
	width:730px;
	background:#fffdd4 url(../images-vocations/fond-silouhette.png) left bottom no-repeat;
}
#contenu-institutionnel .header div .logo-snv{
	margin:0 0 0 513px;
}
#contenu-institutionnel .header div h1{
	margin:65px 0 5px 350px;
}
#contenu-institutionnel .header div p{
	margin:0 0 5px 350px;
	width:360px;
	font-size:1.2em;
	color:#821836;
}
#contenu-institutionnel ul{
	padding:1px 0 0 0;
	height:154px;
	background:url(../images-vocations/bas-contenu-institutionnel.png) 0 0 no-repeat;
	_background:url(../images-vocations/bas-contenu-institutionnel-ie6.png) 0 0 no-repeat;
}
#contenu-institutionnel ul li{
	display:inline;
	float:left;
	height:140px;
	border-top:1px solid #fff;
}
#contenu-institutionnel ul li a{
	display:block;
	float:left;
	height:140px;
	background-image:url(../images-vocations/sprite.png);
}

/*Etat normal*/
#contenu-institutionnel ul li.pretre-cest-quoi a{
	width:238px;
	background-position:0 0;
}
#contenu-institutionnel ul li.formation-engagement a{
	margin:0 5px;
	width:239px;
	background-position:-243px 0;
}
#contenu-institutionnel ul li.et-pourquoi-pas-moi a{
	width:243px;
	background-position:-487px 0;
}

/*Etat survolé*/
#contenu-institutionnel ul li.pretre-cest-quoi a:hover{
	background-position:0 -151px;
}
#contenu-institutionnel ul li.formation-engagement a:hover{
	background-position:-243px -151px;
}
#contenu-institutionnel ul li.et-pourquoi-pas-moi a:hover{
	background-position:-487px -151px;
}

#contenu-institutionnel a.copyright{
	float:right;
	display:inline;
	margin:0 10px 0 0;
	color:#fff;
}