/* CSS Document */
/* masque l'élément qui sert à charger les images dans le cache du navigateur (pour des rollover notament) */
.cache{
	overflow: hidden;
	position: absolute;
	visibility: hidden;
}
/***                                         ***
 * ------------------ Menu ------------------- *
 ***                                         ***/
ul#menu {	
	padding: 0px;
	text-transform: uppercase;
	list-style: none;
	margin:7px 0px 0px 6px;
	float:left;
	width:664px;
	
	position:absolute;
	z-index:9999;
	/*height:74pbackground:*/
	
}


#menu li.item, #menu li.itemvide{
	
	float: left;
	
	/*border-right:solid 2px #fff;*/
	display: block;
	list-style-type: none;	

	float:left;
	width:166px; /* 166px - padding = 120px */
	/*height:74px;*/ /* 74px - padding = 50px */
	padding:0px;
	
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:22px;
	color:#C7B299;
	text-decoration:none;
	margin: 0px;
	text-transform: uppercase;
	
	
}
/* vélo */
#menu li.menu4{
	width:150px;

}
/* réseau magasins*/
#menu li.menu2{
	width:182px;
}
/*#menu li.item:hover{
	border:#FF0000 medium solid;
}*/
#menu li.itemvide{
	/*width:190px;*/
	
}

#menu a.item:link, 
#menu a.item:visited,
#menu a.item:hover{
	float:left;
	width:120px; /* 166px - padding = 120px */
	height:50px; /* 74px - padding = 50px */
	padding:24px 0px 0px 46px;
	display:block;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:22px;
	color:#C7B299;
	text-decoration:none;
	margin: 0px;
	text-transform: uppercase;
	clear:both;	
}
/* vélos */
#menu li.menu4 a.item:link, 
#menu li.menu4 a.item:visited,
#menu li.menu4 a.item:hover{
	width:104px; /* 150px - padding = 104px cf ci-dessus */	
}
/* magasins ex réseau */
#menu li.menu2 a.item:link, 
#menu li.menu2 a.item:visited,
#menu li.menu2 a.item:hover{
	width:136px; /* 150px - padding = 104px cf ci-dessus */	
}

#menu a.item:hover,  #menu li.item:hover a.item{
	
}

/** 
 * fond en fonction de la page 
 * 1 : services
 * 2 : magasins
 * 4 : vélos
 */ 
#menu a#rub0{
	background-image:url(/squelettes/design/menu/01-accueil-off.png);

}
#menu a#rub0:hover, #secteur0 #menu a#rub0 {
	background-image:url(/squelettes/design/menu/01-accueil-on.png);
	color:#603813;
}
#menu a#rub4{
	background-image:url(/squelettes/design/menu/02-velo-off.png);

}
#menu a#rub4:hover, #menu li.item:hover a#rub4, #secteur4 #menu a#rub4{
	background-image:url(/squelettes/design/menu/02-velo-on.png);
	color:#603813;
}
#menu a#rub3{
	background-image:url(/squelettes/design/menu/03-services-off.png);

}
#menu a#rub3:hover, #menu li.item:hover a#rub3, #secteur3 #menu a#rub3{
	background-image:url(/squelettes/design/menu/03-services-on.png);
	color:#603813;
}
#menu a#rub2{
	background-image:url(/squelettes/design/menu/04-magasins-off.png);

}
#menu a#rub2:hover, #menu li.item:hover a#rub2, #secteur2 #menu a#rub2{
	background-image:url(/squelettes/design/menu/04-magasins-on.png);
	color:#603813;
}

/* sous menu */

li.item ul{
	display:block;
	float:left;
	list-style-type: none;
	background-color:#FFF;
	/*background:url(/squelettes/design/trames/menuon-tram.png);*/
	position:absolute;
	padding:0px;
	margin:0px;
	width:163px;
	margin-top:74px;
	border:1px solid #B8AA9E;;
	overflow: visible;
	text-transform: none;

	
}

li.item ul li.sitem {
	padding:0px;
	margin:0px;
	border:none;
	text-align: left;
	list-style-type: none;
}
li.item ul li a.sitem:link,
li.item ul li a.sitem:visited{
	color:#603813;
	font-size:12px;
	font-weight:bold;
	display:block;
	clear:both;
	padding:5px 5px 5px 10px;
	border-bottom:solid 1px #B8AA9E;;
	border-right:solid 1px #FFFFFF;	
	border-left:solid 1px #FFFFFF;
	text-decoration:none;

}
li.item ul li a.sitem:hover{
	color:#fff;
	background-color:#8A7663;
	
}

li.ombre{
	height:15px;
	background:url(/squelettes/design/menu/ombre.png) repeat-x;
	width:100%;
	float:left;
	clear:both;

}

/* menu spécifique */
/*
#menu li#menuaccueil{
	background-image:none;
}
#menuaccueil a:link, #menuaccueil a:visited, #menuaccueil a:hover{
	background-image:url(design/menu/fondhomeoff.png);
	background-repeat:no-repeat;
	float: left;
	height:35px;
	display: block;
	list-style-type: none;
	padding:0px;
	margin:0px;
}
#menuaccueil a:hover{
	background-image:url(design/menu/fondhomeover.png);
}
*/
/* news */
/*
.zone4 a:hover{
	background-color:#CA2395;
}
a.zone4:hover{
	background-image:url(design/menu/fond-violet.png);
	background-color:transparent;

}
*/
/* magasins, services */
/*
.zone1 a:hover, .zone2 a:hover{
	background-color:#78CD0D;
}
a.zone1:hover, a.zone2:hover{
	background-image:url(design/menu/fond-vert.png);
	background-color:transparent;
}
*/
/* vélos */
/*
.zone3 a:hover{
	background-color:#EC4900;
}
a.zone3:hover{
	background-image:url(design/menu/fond-orange.png);
	background-color:transparent;
}
*/

/** 
 * fond en fonction de la page 
 * 1 : services
 * 2 : magasins
 * 4 : vélos
 */ 
/*
#sommaire #menuaccueil a:link, #sommaire #menuaccueil a:visited{
	background-image:url(design/menu/fondhomeover.png);
}

.secteur1 a.zone1:link,
.secteur1 a.zone1:visited,
.secteur2 a.zone2:link,
.secteur2 a.zone2:visited{
	background-image:url(design/menu/fond-vert.png);
}
.secteur3  a.zone3:link,
.secteur3  a.zone3:visited{
	background-image:url(design/menu/fond-orange.png);
}
.secteur4  a.zone4:link,
.secteur4  a.zone4:visited{
	background-image:url(design/menu/fond-violet.png);
}
*/