/* CSS Document */
#header{
	height:265px;
	z-index:1;
}

#header ul{
	list-style:none;
	float:left;
}

#header a{
	text-decoration:none;
	position:absolute;
	display:block;
}

#header a span{
	display:none;
	padding:25px 10px 0 10px;
	width:205px;
	margin:0 auto;
	font-size:0.85em;
	line-height:1.2em;
}

#header a:hover span{
	cursor:hand;
	display:block;
}

/************** Liste des liens positionnés  ************/

#accueil a{
	top:10px;
	left:30px;
	height:100px;
	width:160px;
}

#accueil a:hover span{
	display:none;
}

/************** La fédé  ************/

/*
#la-fede a{
	top:20px;
	left:190px;
	height:20px;
	width:350px;
}

#la-fede a span{
	margin-top:20px;
	color:#379BD0;
	height:75px;
	background: url('files/la-fede/fondOverHeader.png') no-repeat;
}
*/
#la-fede a{
	top:35px;
	left:830px;
	height:140px;
	width:160px;
}

#la-fede a span{
	margin-top:110px;
	color:#7f8a00;
	height:100px;
	background: url('files/la-fede/fondOverHeader.png') no-repeat;
}

#la-fede a:hover span{
	right:190px
}

/************** Loisirs éducatifs  ************/

#loisirs-educatifs a{
	top:140px;
	left:30px;
	height:120px;
	width:115px;
}

#loisirs-educatifs a span{
	margin-top:105px;
	color:#8ace00;
	height:100px;
	background: url('files/loisirs-educatifs/fondOverHeader.png') no-repeat;
}

#loisirs-educatifs a:hover{
	width:205px;
	left:-10px;
}

/**************  Jeunesse de Pays ************/

#jeunesse-pays a{
	top:140px;
	left:160px;
	height:130px;
	width:110px;
}

#jeunesse-pays a span{
	margin-top:100px;
	color:#f82c91;
	height:65px;
	background: url('files/jeunesse-pays/fondOverHeader.png') no-repeat;
}

#jeunesse-pays a:hover{
	width:205px;
	left:130px;
}

/**************  Sports & Plein Air ************/

#sport-plein-air a{
	top:100px;
	left:280px;
	height:150px;
	width:125px;
}

#sport-plein-air a span{
	margin-top:120px;
	color:#2cc5ae;
	height:75px;
	background: url('files/sport-plein-air/fondOverHeader.png') no-repeat;
}

#sport-plein-air a:hover{
	width:205px;
	left:245px;
}

/************** Actions culturelles  ************/


#actions-culturelles a{
	top:75px;
	left:420px;
	height:165px;
	width:120px;
}

#actions-culturelles a span{
	margin-top:135px;
	color:#b42133;
	height:75px;
	background: url('files/actions-culturelles/fondOverHeader.png') no-repeat;
}

#actions-culturelles a:hover{
	width:205px;
	left:380px;
}

/************** Insertion Pro   ************/


#insertion-professionnelle a{
	top:75px;
	left:550px;
	height:140px;
	width:160px;
}

#insertion-professionnelle a span{
	margin-top:120px;
	padding-top:28px;
	color:#ecbf00;
	height:115px;
	background: url('files/insertion-professionnelle/fondOverHeader.png') no-repeat;
}

#insertion-professionnelle a:hover{
	width:205px;
	left:505px;
}

/************** Appui Conseil  ************/


#appui-conseil a{
	top:60px;
	left:725px;
	height:130px;
	width:100px;
}

#appui-conseil a span{
	margin-top:95px;
	padding-top:25px;
	color:#ce4aff;
	height:100px;
	background: url('files/appui-conseil/fondOverHeader.png') no-repeat;
}

#appui-conseil a:hover{
	width:205px;
	left:690px;
}

/************** Développement Local ************/


#developpement-local a{
	top:35px;
	left:830px;
	height:140px;
	width:160px;
}

#developpement-local a span{
	margin-top:110px;
	color:#7f8a00;
	height:100px;
	background: url('files/developpement-local/fondOverHeader.png') no-repeat;
}

#developpement-local a:hover span{
	right:190px
}