/* @group global menubar */

#nav{
	clear: both;
	z-index:99;
	position: relative;
}
#nav ul {
	list-style:none;
	padding: 0px;
}
#nav li {
	float:left;
	margin-right:1px;
	border-right:1px solid #ddd;
	width:60px;
}
#nav li a {
	display:block;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#444;
	margin-right:1px;
	border-bottom-width:7px;
	border-bottom-style:solid;
	height:31px;
	padding:0 2px;
	padding-top:4px;
	-khtml-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
#nav li a:hover, #nav li.sfhover a { color:#fff; }
/* @end */

/* @group boutons */
#nav li.home {width:30px;}
#nav li.px50 {width:49px;}
#nav li.px70 {width:69px;}
#nav li.px80 {width:80px;}
#nav li.px100 {width:100px;}

#nav li.home, #nav li.home a { margin:0; padding:0; }

#nav li.home a {border:none;height:28px;padding-top:12px;}
#nav li.Cinema a {border-color:#e52d95;margin-left:1px;}
#nav li.Spectacles a {border-color:#821781;}
#nav li.Sports a {border-color:#187018;}
#nav li.Parcs a {border-color:#99c010;}
#nav li.Voyages a {border-color:#0066cc;}
#nav li.BonsdAchat a {border-color:#ff5400;}
#nav li.ModeBeaute a {border-color:#fe4d66;}
#nav li.Maison a {border-color:#81725e;}
#nav li.HighTech a {border-color:#8c97a2;}
#nav li.Presse a {border-color:#009ee0;}
#nav li.CadeauxFetes a {border-color:#f6a517;}
/*#nav li.Passeport a {border-color:#F54D7C;}*/
#nav li.Evenement a {border-color:#e20020;}
#nav li.Gastronomie a {border-color:#8f0640;}
#nav li.Services a {border-color:#aaa5af;}
#nav li.fetedesmeres a {border-color:#cfa0e9;}
#nav li.Ski a {border-color:#4285f4;}
#nav li.valentin a {border-color:#f757bd;}
/* hide saint valentin submenu */
#nav li.valentin .sub.valentin {display:none !important;} 
#nav li.Boutique.Pro a { border-color:#444444;}


#nav li.home a span { display:none; }
#nav li.home a { background:url(images/Sprites.png) no-repeat -78px -240px; }
#nav li.home a:hover { background-position:-78px -270px;}
/* @end */

/* @group niveau 2 */
#nav li.Cinema h3 {color:#e52d95;}
#nav li.Spectacles h3 {color:#821781;}
#nav li.Sports h3 {color:#187018;}
#nav li.Parcs h3 {color:#99c010;}
#nav li.Voyages h3 {color:#0066cc;}
#nav li.BonsdAchat h3 {color:#ff5400;}
#nav li.ModeBeaute h3 {color:#fe4d66;}
#nav li.Maison h3 {color:#81725e;}
#nav li.HighTech h3 {color:#8c97a2;}
#nav li.Presse h3 {color:#009ee0;}
#nav li.CadeauxFetes h3 {color:#f6a517;}
/*#nav li.Passeport h3 {color:#F54D7C;}*/
#nav li.Evenement h3 {color:#e20020;}
#nav li.Gastronomie h3 {color:#8f0640;}
#nav li.fetedesmeres h3 {color:#cfa0e9;}
#nav li.Ski h3 {color:#4285f4;}
#nav li.Services h3 {color:#aaa5af;}
#nav li.Boutique.Pro h3 {color:#444444;}
#nav li.valentin h3 {color:#f757bd;}

#nav li div.sub {
	position:absolute;
	left:-3000px;
	z-index:99 !important;
}
#nav li:hover div.sub, #nav li.sfhover div.sub {
	left:0;
	top: 42px;
}

#nav div.content {
	-moz-border-radius:10px 10px 10px 0;
	-webkit-border-radius:10px 10px 10px 0;
	-khtml-border-radius:10px 10px 10px 0;
	border-radius:10px 10px 10px 0;
	padding:8px;
	overflow:auto;
}
#nav div.content div.cols { 
	background:#fff;
	padding:1px 0;
	float:left;
}
#nav div.content div.cols ul {
	width:150px;
    float:left; 
    padding:2px 11px; 
    border-right:6px solid #eee;
    -moz-border-right-colors:#f8f8f8 #f8f8f8 #f3f3f3 #eaeaea #e9e9e9;
    -webkit-border-right-colors:#f8f8f8 #f8f8f8 #f3f3f3 #eaeaea #e9e9e9;
    -khtml-border-right-colors:#f8f8f8 #f8f8f8 #f3f3f3 #eaeaea #e9e9e9;
    border-right-colors:#f8f8f8 #f8f8f8 #f3f3f3 #eaeaea #e9e9e9;
}
.minHeightWithPromoBoutique ul { min-height:212px;  }
.minHeightWithoutPromoBoutique ul { min-height:84px; }
#nav div.content div.cols ul:last-child {
    border:none;
}
#nav div.content div.cols ul li {
    padding:2px 0;
    border:none;
    background:none;
    float:none;
    width:auto;
}
#nav div.content div.cols ul li h3 {
    padding:0;
    margin:0;
    font-size:13px;
}
#nav div.content div.cols ul li a {
    color:#000;
    background-color:transparent;
    font-size:12px;
    text-decoration:none;
    padding:0;
    margin:0;
    float:none;
    border:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-khtml-border-radius:0;
    border-radius:0;
    text-align:left;
    display:block;
    width:150px;
    height:auto;
}
#nav .Cinema div.content div.cols ul li h3 a {color:#e52d95;}
#nav .Spectacles div.content div.cols ul li h3 a {color:#821781;}
#nav .Sports div.content div.cols ul li h3 a {color:#187018;}
#nav .Parcs div.content div.cols ul li h3 a {color:#99c010;}
#nav .Voyages div.content div.cols ul li h3 a {color:#0066cc;}
#nav .BonsdAchat div.content div.cols ul li h3 a {color:#ff5400;}
#nav .ModeBeaute div.content div.cols ul li h3 a {color:#fe4d66;}
#nav .Maison div.content div.cols ul li h3 a {color:#81725e;}
#nav .HighTech div.content div.cols ul li h3 a {color:#8c97a2;}
#nav .Presse div.content div.cols ul li h3 a {color:#009ee0;}
#nav .CadeauxFetes div.content div.cols ul li h3 a {color:#f6a517;}
/*#nav .Passeport div.content div.cols ul li h3 a {color:#F54D7C;}*/
#nav .Evenement div.content div.cols ul li h3 a {color:#e20020;}
#nav .Gastronomie div.content div.cols ul li h3 a {color:#8f0640;}
#nav .fetedesmeres div.content div.cols ul li h3 a {color:#cfa0e9;}
#nav .Ski div.content div.cols ul li h3 a {color:#4285f4;}
#nav .Services div.content div.cols ul li h3 a {color:#aaa5af;}
#nav .Boutique.Pro div.content div.cols ul li h3 a {color:#444444;}
#nav .valentin div.content div.cols ul li h3 a {color:#f757bd;}
#nav  h3 a {text-decoration:underline;}
#nav div.content div.cols ul li h3 a {
    text-decoration:underline;
}
#nav div.content div.cols ul li a span {
    display:block;
    float:left;
    width:5px;
    height:5px;
    margin:6px 7px 0 0;
    background:url(images/Sprites.png) -219px -276px;
}
#nav div.content div.suppl {
    float:left;
    margin-left:8px;
}
#nav div.content div.suppl a.region,
#nav div.content div.suppl a.passport {
	display:block;
	background:#fff;
	color:#000;
	text-decoration:none;
	margin-bottom:8px;
	border:none;
	padding:0;
	width:114px;
	height:38px !important;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}
#nav div.content div.suppl span.txt { display:block; float:right; width:73px; margin:4px 0 0 0; }
#nav div.content div.suppl span.picto { display:block; float:left; background-image:url(images/Sprites.png); }
#nav div.content div.suppl a.region span.picto { background-position:-167px -276px; width:22px; height:22px; margin:8px 0 0 11px; }
#nav div.content div.suppl a.passport span.picto { background-position:-190px -276px; width:28px; height:18px; margin:9px 0 0 9px; }
#nav div.content div.suppl a.promo {
	padding:0 !important;
	background:none !important;
	width:120px;
	height:120px;
}
#nav div.content div.suppl a:last-child { margin:0 0 5px 0 !important; }

#nav div.title { overflow:auto; }
#nav div.title h2,
#nav div.title span { display:block; float:left; }
#nav div.title h2 {
    color:#fff; 
    font-size:22px; 
    padding: 0 30px 6px 15px;
    margin:0;
	-moz-border-radius:0 0 0 6px;
	-webkit-border-radius:0 0 0 6px;
	-khtml-border-radius:0 0 0 6px;
	border-radius:0 0 0 6px;
	height:22px;
	line-height:22px;
	text-shadow:0 -1px 2px #666;
}
#nav div.title span {
    width:19px;
    height:28px;
    background-image:url(images/Sprites.png);
}
#nav li.Cinema span { background-position:0px -475px; }
#nav li.Spectacles span { background-position:-20px -475px; }
#nav li.Sports span { background-position:-40px -475px; }
#nav li.Parcs span { background-position:-60px -475px; }
#nav li.Voyages span { background-position:-80px -475px; }
#nav li.BonsdAchat span { background-position:-100px -475px; }
#nav li.ModeBeaute span { background-position:-120px -475px; }
#nav li.Maison span { background-position:-140px -475px; }
#nav li.HighTech span { background-position:-160px -475px; }
#nav li.Presse span { background-position:-180px -475px; }
#nav li.CadeauxFetes span { background-position:-200px -475px; }
/*#nav li.Passeport span { background-position:-198px -475px; }*/
#nav li.Gastronomie span { background-position:-220px -475px; }
#nav li.Ski div.title span { background: url(images/nav_ski.png) }
#nav li.Services span {  background-position:-228px -416px; }
#nav li.valentin div.title span { background: url(images/nav_valentin.png) }
#nav li.Evenement div.title span { background:url(images/nav_noel.png); }
#nav li.Boutique.Pro span { background-position:-228px -383px; }

#nav li.Voyages:hover div.sub, 
#nav li.Voyages.sfhover div.sub, 
#nav li.BonsdAchat:hover div.sub, 
#nav li.BonsdAchat.sfhover div.sub, 
#nav li.ModeBeaute:hover div.sub, 
#nav li.ModeBeaute.sfhover div.sub, 
#nav li.Maison:hover div.sub, 
#nav li.Maison.sfhover div.sub, 
#nav li.HighTech:hover div.sub { left:60px; }

#nav li.HighTech.sfhover div.sub,
#nav li.Presse:hover div.sub, 
#nav li.Presse.sfhover div.sub, 
#nav li.CadeauxFetes:hover div.sub, 
#nav li.CadeauxFetes.sfhover div.sub, 
/*#nav li.Passeport:hover div.sub, 
#nav li.Passeport.sfhover div.sub, */
#nav li.Evenement:hover div.sub, 
#nav li.Evenement.sfhover div.sub,
#nav li.Gastronomie:hover div.sub,
#nav li.Gastronomie.sfhover div.sub,
#nav li.Boutique.Pro:hover div.sub,
#nav li.Boutique.Pro.sfhover div.sub,
#nav li.fetedesmeres:hover div.sub,
#nav li.fetedesmeres.sfhover div.sub,
#nav li.Ski:hover div.sub,
#nav li.Services:hover div.sub, 
#nav li.Services.sfhover div.sub, 
#nav li.Ski.sfhover div.sub { right:0; left:auto; }

#nav li.Cinema h2, #nav li.Cinema div.content, #nav li.Cinema a:hover, #nav li.active.Cinema a, #nav li.sfhover.Cinema a { background-color:#e52d95; }
#nav li.Spectacles h2, #nav li.Spectacles div.content, #nav li.Spectacles a:hover, #nav li.active.Spectacles a, #nav li.sfhover.Spectacles a {background-color:#821781;}
#nav li.Sports h2, #nav li.Sports div.content, #nav li.Sports a:hover, #nav li.active.Sports a, #nav li.sfhover.Sports a {background-color:#187018;}
#nav li.Parcs h2, #nav li.Parcs div.content, #nav li.Parcs a:hover, #nav li.active.Parcs a, #nav li.sfhover.Parcs a {background-color:#99c010;}
#nav li.Voyages h2, #nav li.Voyages div.content, #nav li.Voyages a:hover, #nav li.active.Voyages a, #nav li.sfhover.Voyages a {background-color:#0066cc;}
#nav li.BonsdAchat h2, #nav li.BonsdAchat div.content, #nav li.BonsdAchat a:hover, #nav li.active.BonsdAchat a, #nav li.sfhover.BonsdAchat a {background-color:#ff5400;}
#nav li.ModeBeaute h2, #nav li.ModeBeaute div.content, #nav li.ModeBeaute a:hover, #nav li.active.ModeBeaute a, #nav li.sfhover.ModeBeaute a {background-color:#fe4d66;}
#nav li.Maison h2, #nav li.Maison div.content, #nav li.Maison a:hover, #nav li.active.Maison a, #nav li.sfhover.Maison a {background-color:#81725e;}
#nav li.HighTech h2, #nav li.HighTech div.content, #nav li.HighTech a:hover, #nav li.active.HighTech a, #nav li.sfhover.HighTech a {background-color:#8c97a2;}
#nav li.Presse h2, #nav li.Presse div.content, #nav li.Presse a:hover, #nav li.active.Presse a, #nav li.sfhover.Presse a {background-color:#009ee0;}
#nav li.CadeauxFetes h2, #nav li.CadeauxFetes div.content, #nav li.CadeauxFetes a:hover, #nav li.active.CadeauxFetes a, #nav li.sfhover.CadeauxFetes a {background-color:#f6a517;}
#nav li.Passeport h2, #nav li.Passeport div.content, #nav li.Passeport a:hover, #nav li.active.Passeport a, #nav li.sfhover.Passeport a {background-color:#F54D7C;}
#nav li.Evenement h2, #nav li.Evenement div.content, #nav li.Evenement a:hover, #nav li.active.Evenement, #nav li.sfhover.Evenement a {background-color:#e20020;}
#nav li.Gastronomie h2, #nav li.Gastronomie div.content, #nav li.Gastronomie a:hover, #nav li.active.Gastronomie, #nav li.sfhover.Gastronomie a {background-color:#8f0640;}
#nav li.fetedesmeres h2, #nav li.fetedesmeres div.content, #nav li.fetedesmeres a:hover, #nav li.active.fetedesmeres a, #nav li.sfhover.fetedesmeres a {background-color:#cfa0e9;}
#nav li.Ski h2, #nav li.Ski div.content, #nav li.Ski a:hover, #nav li.active.Ski, #nav li.sfhover.Ski a {background-color:#4285f4;}
#nav li.Services h2, #nav li.Services div.content, #nav li.Services a:hover, #nav li.active.Services a, #nav li.sfhover.Services a {background-color:#aaa5af;}
#nav li.valentin h2, #nav li.valentin div.content, #nav li.valentin a:hover, #nav li.active.valentin, #nav li.sfhover.valentin a {background-color:#f757bd;}

/*#nav li.Boutique.Pro h2, #nav li.Boutique.Pro div.content, #nav li.Boutique.Pro a:hover, #nav li.active.Boutique.Pro a, #nav li.sfhover.Boutique.Pro a {background-color:#444444;}*/
#nav li.Boutique.Pro h2, #nav li.Boutique.Pro div.content, #nav li.Boutique.Pro a:hover, #nav li.active.Boutique.Pro a {background-color:#444444;}

#nav li.active a {color:#fff;}

/* Ajouter une class .oneLine dans le <li> des menu faisant
une seule ligne pour qu'ils soient centrés verticalement */
#nav li a.oneLine {
    padding-top: 11px;
    height: 24px;
}

#nav div.content div.cols,
#nav div.content div.suppl a.region,
#nav div.content div.suppl a.passport,
#nav div.content div.suppl a.promo img {
	-moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;
	border:3px solid #fff;
    -moz-box-shadow: 1px 1px 5px #666;
    -webkit-box-shadow: 1px 1px 5px #666;
    -khtml-box-shadow: 1px 1px 5px #666;
    box-shadow: 1px 1px 5px #666;
}
#nav div.content div.suppl a.promo img { border:none; box-shadow: none; }


/* @end */