@charset "utf-8";
/* CSS Document */
#navcontainer {
	position:absolute;
	top:80px;
	left:0px;
	width:195px;
	height:auto;
}

#navlist {
        color: white;
		padding: 0px 0px;
        margin-left: 0;
        /*width: 12em;*/
		width:100%;
        font: normal 12px Verdana, sans-serif;
}

#navlist li {
        list-style: none;
        margin: 0;
		height:34px;
		padding-top:0px;
}

#navlist a {
        display: block;
		font-family:Arial, Helvetica, sans-serif;
        text-decoration: none;
		font-weight:bold;
		font-size:1em;
		letter-spacing:0.1em;
        margin-bottom: 0;
        margin-top: 0;
		padding:9px 0px 0px 25px;
        color: white;
		height:34px;
}
/* Hack IE6 */
* html #navlist li {
		height:28px;
}
* html #navlist a {
		height:28px;
}
/* Hack Safari */ 
html[xmlns*=""] body:last-child #navlist a { 
		font-weight:normal;
		font-size:0.9em;
		padding:11px 0px 0px 25px;
}


/* Definition de l'image au repos */
#navlist a.accueil {
		background:url(../images/btn_accueil.jpg);
		background-repeat:no-repeat;
}
#navlist a.ci {
		background:url(../images/btn_ci.jpg);
		background-repeat:no-repeat;
}
#navlist a.pratique {
		background:url(../images/btn_pratique.jpg);
		background-repeat:no-repeat;
}
#navlist a.agenda {
		background:url(../images/btn_agenda.jpg);
		background-repeat:no-repeat;
}
#navlist a.detente {
		background:url(../images/btn_detente.jpg);
		background-repeat:no-repeat;
}
#navlist a.hebergements {
		background:url(../images/btn_hebergement.jpg);
		background-repeat:no-repeat;
}
#navlist a.restauration {
		background:url(../images/btn_restauration.jpg);
		background-repeat:no-repeat;
}
#navlist a.commerces {
		background:url(../images/btn_commerces.jpg);
		background-repeat:no-repeat;
}


/* Definition de l image selectionnee */
#navlist a#current-accueil { 
		background:url(../images/btn_accueil.jpg) -390px 0px;
		background-repeat:no-repeat;
}
#navlist a#current-ci { 
		background:url(../images/btn_ci.jpg) -390px 0px;
		background-repeat:no-repeat;
}
#navlist a#current-pratique { 
		background:url(../images/btn_pratique.jpg) -390px 0px;
		background-repeat:no-repeat;
}
#navlist a#current-agenda { 
		background:url(../images/btn_agenda.jpg) -390px 0px;
		background-repeat:no-repeat;
}
#navlist a#current-detente { 
		background:url(../images/btn_detente.jpg) -390px 0px;
		background-repeat:no-repeat;
}
#navlist a#current-hebergements { 
		background:url(../images/btn_hebergement.jpg) -390px 0px;
		background-repeat:no-repeat;
}
#navlist a#current-restauration { 
		background:url(../images/btn_restauration.jpg) -390px 0px;
		background-repeat:no-repeat;
}
#navlist a#current-commerces { 
		background:url(../images/btn_commerces.jpg) -390px 0px;
		background-repeat:no-repeat;
}

#navlist a {
        width: 99%;
}
/* hack IE6 */
* html #navlist a {
        width: 170px;
}

#navlist a {
        voice-family: "\"}\"";
        voice-family: inherit;
}

#navcontainer>#navlist a {
        width: auto;
}

/* Definition de l image survolee */
#navlist a.accueil:hover, #navlist a.accueil#current:hover {
		background:url(../images/btn_accueil.jpg) -195px 0px;
		background-repeat:no-repeat;
}
#navlist a.ci:hover, #navlist a.ci#current:hover {
		background:url(../images/btn_ci.jpg) -195px 0px;
		background-repeat:no-repeat;
}#navlist a.pratique:hover, #navlist a.pratique#current:hover {
		background:url(../images/btn_pratique.jpg) -195px 0px;
		background-repeat:no-repeat;
}#navlist a.agenda:hover, #navlist a.agenda#current:hover {
		background:url(../images/btn_agenda.jpg) -195px 0px;
		background-repeat:no-repeat;
}#navlist a.detente:hover, #navlist a.detente#current:hover {
		background:url(../images/btn_detente.jpg) -195px 0px;
		background-repeat:no-repeat;
}#navlist a.hebergements:hover, #navlist a.hebergements#current:hover {
		background:url(../images/btn_hebergement.jpg) -195px 0px;
		background-repeat:no-repeat;
}#navlist a.restauration:hover, #navlist a.restauration#current:hover {
		background:url(../images/btn_restauration.jpg) -195px 0px;
		background-repeat:no-repeat;
}#navlist a.commerces:hover, #navlist a.commerces#current:hover {
		background:url(../images/btn_commerces.jpg) -195px 0px;
		background-repeat:no-repeat;
}