/*---------------------*/
/*    NAV catalogue    */
/*---------------------*/

/*
.open { border:2px solid green; }
.boiteOff { border:2px solid red; }
.on { border:2px solid blue; }
.test { border:2px solid #f0f;  } 
.gammeOff { border:2px solid #000; } 
*/


#menu, #menu ul {
	position:relative;
	list-style:none;
	margin:0px; 
	padding:0px;
} 

#navCatalogue {
	display:table;
	width:100%;
}
.cadreUnivers {
	display:table-cell;
	vertical-align:top;
}

.cadreUnivers .lienUnivers { 
	display:block;
	position:relative;
	height:37px;
	line-height:37px;
	text-align:center;

	font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	font-size:13px; 
	text-decoration:none;
	color:#ffffff;
	-webkit-transition: all 0.15s linear;
       		transition: all 0.15s linear; 
			
	background: #4e4e4e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(100%,#353635));
	background: -webkit-linear-gradient(top, #4e4e4e 0%,#353635 100%);
	background: linear-gradient(to bottom, #4e4e4e 0%,#353635 100%);
	
	cursor:default;
}
.cadreUnivers:first-child .lienUnivers {
		-webkit-border-radius: 12px 0px 0px 0px;
			border-radius: 12px 0px 0px 0px;
}
.cadreUnivers:last-child .lienUnivers {
		-webkit-border-radius: 0px 12px 0px 0px;
			border-radius: 0px 12px 0px 0px;
}


	.cadreUnivers + .cadreUnivers .lienUnivers:before { 
		content:'';
		position:absolute;
		z-index:2;
		width:1px;
		top:6px;
		bottom:6px;
		left:0px;
		border-left:1px solid rgba(255,255,255,.15);
	}
	#menu .lienUnivers:hover, #menu .cadreUnivers.on .lienUnivers, #menu .cadreUnivers:hover .lienUnivers {
		background: #c83228;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c83228), color-stop(100%,#c83228));
		background: -webkit-linear-gradient(top, #c83228 0%,#c83228 100%);
		background: linear-gradient(to bottom, #c83228 0%,#c83228 100%);
	}
	#menu .lienUnivers:hover:before, #menu .cadreUnivers.on .lienUnivers:before, #menu .cadreUnivers:hover .lienUnivers:before { display:none; } 

#menu .boite {
	display:block;
	position:absolute;
	z-index:2000;
	width:920px;
	padding:20px;
	left:0px;
	display:none;
	overflow:auto;
	background: #dfe0e1;
	border-bottom:1px solid #c83228;  
}
	#menu li.cadreUnivers:hover .boite { display:block !important; }   
	
#menu .bgImgBoite {
	min-height:160px;
	background-repeat:no-repeat;
	background-position:right top;
}
	#menu .u1 .bgImgBoite { background-image:url(../img-nav/stores-bannes-vignette.jpg); }
	#menu .u2 .bgImgBoite { background-image:url(../img-nav/coffre-integral.jpg); }
	#menu .u3 .bgImgBoite { background-image:url(../img-nav/demi-coffre.jpg); }
	#menu .u4 .bgImgBoite { background-image:url(../img-nav/monobloc.jpg); }
	#menu .u5 .bgImgBoite { background-image:url(../img-nav/stores-lateraux.jpg); }
	#menu .u6 .bgImgBoite { background-image:url(../img-nav/double-pente.jpg); }
	#menu .u7 .bgImgBoite { background-image:url(../img-nav/Accessoires.jpg); } 
	  
	
.cadreRayons { width:680px; }  
	
.lienRayon {
	display:inline-block; 
	width:210px;
	padding:0 0 0 15px; 
	vertical-align:top;
}
.cadreRayons .lienRayon:nth-child(3n+1) { padding-left:0px; }
.cadreRayons .lienRayon:nth-child(n+4) { margin-top:15px; }

.lienRayon > a {
	display:block;
	padding-bottom:8px;
	font-family:'Trebuchet MS', Arial; 
	font-size:14px;
	color: #c83228;
	text-transform:uppercase; 
	text-decoration:none;
}
	.lienRayon > a:hover, .lienRayon.on > a { text-decoration:underline; }

.lienRayon .cadreGammes {
	display:table-cell;
	vertical-align:top;
}
 
.lienRayon .cadreGammes { }
	
.lienGamme {
	display:block;
	padding-bottom:4px;
	font-family:'Trebuchet MS', Arial;
	font-size:12px;
	color:#606060; 
}
	#menu .lienGamme a { color: #606060; text-decoration:none; } 
	#menu .lienGamme a:hover, #menu .lienGamme.on a { color:#606060; text-decoration:underline; }
	

	
/*-------------------*/	
/*   CMS pour nav    */
/*-------------------*/
	
#cmsNav {
	height:1px;
	width:1px;
	overflow:hidden; 
}

.cmsNavContenu {}
.cmsNavContenu td {
	font-family:'Trebuchet MS', Arial;	
	font-size:12px;
	color:#000;
	text-align:center;
	line-height:18px;
}
	.cmsNavContenu td a {
		display:block;
		color:#000;
		text-decoration:none;	
	}
	.cmsNavContenu td a:hover { text-decoration:underline; }
.cmsNavContenu td.titreM {
	font-family:'Trebuchet MS', Arial;	
	font-size:14px;
	color:#e3004f;
	text-align:left;	
}
.cmsNavContenu img {
	display:block;
	margin:0 auto 5px auto;	
}

/*---------------------------*/
/*    NAV catalogue dedie    */
/*---------------------------*/


#navCatalogueLeft {
	width:250px;	 
}

#nomUniversD { 
	padding:7px 10px 7px 15px;
	font-family:'Trebuchet MS', Arial;	
	font-size:16px;
	text-transform:uppercase; 
	text-decoration:none;
	color:#ffffff;
	background-color:#c83228;
	box-shadow:0px 1px 0px rgba(0,0,0,.15) inset;
	-webkit-border-radius: 5px 5px 0px 0px;
			border-radius: 5px 5px 0px 0px;
	overflow:hidden;
}

.cadreRayonsD {
	list-style:none;
	padding:10px 0;
	margin:0;
	background:#f2f2f2;
	border-bottom:2px solid #c83228; 
}

.lienRayonD > a {
	display:inline-block;
	font-family:'Trebuchet MS', Arial;	
	font-size:13px;
	text-decoration:none;
	padding:4px 10px 6px 15px;  
	color:#c83228; 
	text-transform:uppercase;
	background:url(puce-nav-d.gif) no-repeat left 5px; 
}
	.lienRayonD > a:hover, .lienRayonD.on > a { text-decoration:underline; }

ul.cadreGammesD {
	list-style:none;
	margin:0px; 
	padding:0 0 15px 0;
	display:none;
}
	.open ul.cadreGammesD { display:block; }
	/* .on ul.cadreGammesD { display:block; } */
	
.cadreGammesD a {
	display:inline-block;
	padding:2px 10px 2px 15px;
	font-family:'Trebuchet MS', Arial;
	color:#606060;
	font-size:12px;
	text-decoration:none;
}
	.cadreGammesD a:hover, .cadreGammesD .on a {
		color:#606060; 
		text-decoration:underline;
	}