#top-accueil{
	height:184px;
	width: 850px;
 	background: transparent url(../en/images/bandeaux/bandeau-accueil.jpg) no-repeat left top;
}

#top-decouverte{
	height:184px;
	width: 850px;
 	background: transparent url(../en/images/bandeaux/bandeau-decouverte.jpg) no-repeat left top;
}

#top-accueil-temp{
	height:184px;
	width: 850px;
 	background: transparent url(../en/images/bandeaux/bandeau-accueil.jpg) no-repeat left top;
}

#top-temp{
	height:184px;
	width: 850px;
 	background: transparent url(../en/images/bandeaux/bandeau-accueil.jpg) no-repeat left top;
}

#top-kitesurf{
	height:184px;
	width: 850px;
 	background: transparent url(../en/images/bandeaux/bandeau-kitesurf.jpg) no-repeat left top;
}
#top-windsurf{
	height:184px;
	width: 850px;
 	background: transparent url(../en/images/bandeaux/bandeau-windsurf.jpg) no-repeat left top;
}
#top-hebergement{
	height:184px;
	width: 850px;
 	background: transparent url(../en/images/bandeaux/bandeau-hebergement.jpg) no-repeat left top;
}
#top-infos{
	height:184px;
	width: 850px;
 	background: transparent url(../en/images/bandeaux/bandeau-infos.jpg) no-repeat left top;
}
#top-friends{
	height:184px;
	width: 850px;
 	background: transparent url(../en/images/bandeaux/bandeau-friends.jpg) no-repeat left top;
}


#top-contacts{
	height:184px;
	width: 850px;
 	background: transparent url(../en/images/bandeaux/bandeau-contacts.jpg) no-repeat left top;
}

#top-contactsusd{
	height:184px;
	width: 850px;
 	background: transparent url(../en/images/bandeaux/bandeau-contacts.jpg) no-repeat left top;
}
#top-qui{
	height:184px;
	width: 850px;
 	background: transparent url(../en/images/bandeaux/bandeau-qui.jpg) no-repeat left top;
}



#bouton-accueil a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 92px ;
	height:30px;
	text-decoration: none ;
	background: url(../en/images/menus/bouton-accueil.jpg) no-repeat 0px -73px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#bouton-accueil a:hover
{
	background: url(../en/images/menus/bouton-accueil.jpg) no-repeat 0px 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 92px ;
	height:70px;
}



#bouton-kite a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 92px ;
	height:30px;
	color: #000 ;
	text-decoration: none ;
	background: url(../en/images/menus/bouton-kitesurf.jpg) no-repeat 0px -73px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#bouton-kite a:hover
{
	background: url(../en/images/menus/bouton-kitesurf.jpg) no-repeat 0px 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	height:70px;
}

#bouton-wind a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 92px ;
	height:30px;
	color: #000 ;
	text-decoration: none ;
	background: url(../en/images/menus/bouton-windsurf.jpg) no-repeat 0px -73px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#bouton-wind a:hover
{
	background: url(../en/images/menus/bouton-windsurf.jpg) no-repeat 0px 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	height:70px;
}

#bouton-deco a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 92px ;
	height:30px;
	color: #000 ;
	text-decoration: none ;
	background: url(../en/images/menus/bouton-decouverte.jpg) no-repeat 0px -73px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#bouton-deco a:hover
{
	background: url(../en/images/menus/bouton-decouverte.jpg) no-repeat 0px 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	height:70px;
}

#bouton-friends a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 92px ;
	height:30px;
	color: #000 ;
	text-decoration: none ;
	background: url(../en/images/menus/bouton-friends.jpg) no-repeat 0px -73px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#bouton-friends a:hover
{
	background: url(../en/images/menus/bouton-friends.jpg) no-repeat 0px 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	height:70px;
}

#bouton-heb a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 92px ;
	height:30px;
	color: #000 ;
	text-decoration: none ;
	background: url(../en/images/menus/bouton-hebergement.jpg) no-repeat 0px -73px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#bouton-heb a:hover
{
	background: url(../en/images/menus/bouton-hebergement.jpg) no-repeat 0px 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	height:70px;
}

#bouton-infos a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 92px ;
	height:30px;
	color: #000 ;
	text-decoration: none ;
	background: url(../en/images/menus/bouton-infos.jpg) no-repeat 0px -73px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#bouton-infos a:hover
{
	background: url(../en/images/menus/bouton-infos.jpg) no-repeat 0px 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	height:70px;
}

#bouton-contact a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 92px ;
	height:30px;
	color: #000 ;
	text-decoration: none ;
	background: url(../en/images/menus/bouton-contacts.jpg) no-repeat 0px -73px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#bouton-contact a:hover
{
	background: url(../en/images/menus/bouton-contacts.jpg) no-repeat 0px 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	height:70px;
}

#bouton-qui a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 92px ;
	height:30px;
	color: #000 ;
	text-decoration: none ;
	background: url(../en/images/menus/bouton-qui.jpg) no-repeat 0px -73px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#bouton-qui a:hover
{
	background: url(../en/images/menus/bouton-qui.jpg) no-repeat 0px 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	height:70px;
}