/* les background du totem */

#totem a {
	display: block;
	width: 235px;
	height: 30px;
	}
#totem a#annuaire {
	display: block;
	width: 235px;
	height: 28px;
	}
#totem a span{
	display: none;
}
#totem li div a {
display: inline;
}
#totem li div {

	padding: 5px;
	}
#totem li div#ouvert{
	display: block;
	}
a#contacter {
	background: url(../IMG/sprit2.png) 0px -380px no-repeat #fff;
	}
a#informer {
	background: url(../IMG/sprit2.png) -240px -380px no-repeat #fff;
	}
a#cartes {
	background: url(../IMG/sprit2.png) -480px -380px no-repeat #fff;
	}
a#air {
	background: url(../IMG/sprit2.png) 0px -440px no-repeat #fff;
	}
a#travaux {
	background: url(../IMG/sprit2.png) -240px -440px no-repeat #fff;
	}
a#annuaire {
	background: url(../IMG/sprit2.png) -480px -440px no-repeat transparent;
	}

a#contacter:hover, a#contacter.actif{
	background: url(../IMG/sprit2.png) 0px -410px no-repeat #fff;
	}
a#informer:hover, a#informer.actif {
	background: url(../IMG/sprit2.png) -240px -410px no-repeat #fff;
	}
a#cartes:hover, a#cartes.actif {
	background: url(../IMG/sprit2.png) -480px -410px no-repeat #fff;
	}
a#air:hover, a#air.actif {
	background: url(../IMG/sprit2.png) 0px -470px no-repeat #fff;
	}
a#travaux:hover, a#travaux.actif {
	background: url(../IMG/sprit2.png) -240px -470px no-repeat #fff;
	}
a#annuaire:hover, a#annuaire.actif {
	background: url(../IMG/sprit2.png) -480px -470px no-repeat #fff;
	}