.navigation {
	clear : both;
	width : 90%;
	text-align : center;
	margin : 0 auto;
	margin-top : 40px;
	margin-bottom : 40px;
	font-size:0.85em;
}

.navigation > h1 {
	color : #384954;
	font-size: 15px;
    font-weight: 300;
}	
	
#navigation > li {
	display : inline-block;
	zoom: 1;
    *display: inline;
	margin : 10px 5px 0px 5px;
	height : 80px;
	width : 120px;
	text-align : center;
}

/*#navigation > li > a {
	display : block;
	text-decoration : none;
	text-align : center;
	padding-top : 50px;
	-webkit-transition-duration : 0.2s;
	-o-transition-duration : 0.2s;
	-moz-transition-duration : 0.2s;
	transition-duration : 0.2s;
}

#navigation > li:hover > a {
	color : #ffffff;
	-webkit-transition-duration : 0.3s;
	-o-transition-duration : 0.3s;
	-moz-transition-duration : 0.3s;
	transition-duration : 0.3s;
}*/


/* Offre Auto */


#offre_auto {
	background : transparent url("../../images/homepage/offre_auto.png") no-repeat left top;
	background-size: 120px 80px;
	-webkit-transition-duration : 0.2s;
	-o-transition-duration : 0.2s;
	-moz-transition-duration : 0.2s;
	transition-duration : 0.2s;
	vertical-align: top;
}

#offre_auto > a {
	color : #00A5FF;
	padding-top : 42px;
	height: 80px;
	display : block;
	text-decoration : none;
	text-align : center;
}
	
#offre_auto:hover {
	background : transparent url("../../images/homepage/offre_auto_hover.png") no-repeat left top;
	background-size: 120px 80px;
}

#offre_auto_select {
background : transparent url("../../images/homepage/offre_auto_hover.png") no-repeat left top;
background-size: 120px 80px;
}

#offre_auto_select > a {
color : #FFF;
	padding-top : 42px;
	height: 80px;
	display : block;
	text-decoration : none;
	text-align : center;
}


/* Offre Santé */


#offre_sante {
	
	background : transparent url("../../images/homepage/offre_sante.png") no-repeat left top;
	background-size: 120px 80px;
	-webkit-transition-duration : 0.2s;
	-o-transition-duration : 0.2s;
	-moz-transition-duration : 0.2s;
	transition-duration : 0.2s;
	vertical-align: top;
}

#offre_sante > a {
	color : #00A5FF;
	padding-top : 42px;
	height: 80px;
	display : block;
	text-decoration : none;
	text-align : center;
	}
	
	#offre_sante > a:hover {
	color : #FFF;
	}

#offre_sante:hover {
	background : transparent url("../../images/homepage/offre_sante_hover.png") no-repeat left top;
	background-size: 120px 80px;
}

#offre_sante_select {
background : transparent url("../../images/homepage/offre_sante_hover.png") no-repeat left top;
background-size: 120px 80px;
}


#offre_sante_select > a {
color : #FFF;
	padding-top : 42px;
	height: 80px;
	display : block;
	text-decoration : none;
	text-align : center;
}


/* Offre Voyage */


#offre_voyage {
	
	background : transparent url("../../images/homepage/offre_voyage.png") no-repeat left top;
	background-size: 120px 80px;
	-webkit-transition-duration : 0.2s;
	-o-transition-duration : 0.2s;
	-moz-transition-duration : 0.2s;
	transition-duration : 0.2s;
	vertical-align: top;
}

#offre_voyage > a {
	color : #00A5FF;
	padding-top : 42px;
	height: 80px;
	display : block;
	text-decoration : none;
	text-align : center;
	}
	
	#offre_voyage > a:hover {
	color : #FFF;
	}

#offre_voyage:hover {
	background : transparent url("../../images/homepage/offre_voyage_hover.png") no-repeat left top;
	background-size: 120px 80px;
}

#offre_voyage_select {
background : transparent url("../../images/homepage/offre_voyage_hover.png") no-repeat left top;
background-size: 120px 80px;
}


#offre_voyage_select > a {
color : #FFF;
	padding-top : 42px;
	height: 80px;
	display : block;
	text-decoration : none;
	text-align : center;
}


/* Offre Habitation */


#offre_habitation {
	
	background : transparent url("../../images/homepage/offre_habitation.png") no-repeat left top;
	background-size: 120px 80px;
	-webkit-transition-duration : 0.2s;
	-o-transition-duration : 0.2s;
	-moz-transition-duration : 0.2s;
	transition-duration : 0.2s;
	vertical-align: top;
}

#offre_habitation > a {
	color : #00A5FF;
	padding-top : 42px;
	height: 80px;
	display : block;
	text-decoration : none;
	text-align : center;
	}
	
	#offre_habitation > a:hover {
	color : #FFF;
	}

#offre_habitation:hover {
	background : transparent url("../../images/homepage/offre_habitation_hover.png") no-repeat left top;
	background-size: 120px 80px;
}

#offre_habitation_select {
background : transparent url("../../images/homepage/offre_habitation_hover.png") no-repeat left top;
background-size: 120px 80px;
}

#offre_habitation_select > a {
color : #FFF;
	padding-top : 42px;
	height: 80px;
	display : block;
	text-decoration : none;
	text-align : center;
}