/* CSS Document */

/* table */
#grille {}


/* ul */
#catNav {
	/* Dispose de 166px - Incluant le pointillé séparateur (1px de large) */
	float:left;
	width:166px;
}

	#catNav_tShirts {}
	
	#catNav_polos {}
	
	#catNav_molletons {}
	
	#catNav_chandails {}
	
	#catNav_casquettes {}
	
	#catNav_chemises {}
	
	#catNav_cvManteaux {}
	
	#catNav_autres {}
	
	#catNav_liquidation {}
	

#contentHeader {
	float:left;
	width:680px;
	margin:17px 0 10px 10px;
}

/* div */
#content {
	/* Dispose de 690px */
	float:left;
	width:680px;
	margin:11px 0 10px 10px;
	padding:0;
}

#arianeCont {
	float:left;
	width:288px;
	font-size:10px;
	color:#002550;
	padding-top:2px;
}

	#arianeCont span.niv1 {
		color:#002550;
	}
	
	#arianeCont span.niv2Visibility {
		visibility:hidden;
	}
	
		#arianeCont span.niv2Visibility span.niv2 {
			visibility:hidden;
		}

#legendCont {
	width:372px;
	float:left;
}
	
	#legendCont img {
	}

/* DÉBUT * LISTING */

div.plGridElement {
	float:left;
	margin:0 3px 15px 0; /* La 3e valeur (bottom) défini l'espace entre les rangées d'éléments */
	padding:0;
	width:161px;
	height:159x;
	background-color:#666666;
	border:#666666 solid 1px;
}

	div.plGridElement img {
		border:none;
		width:161px;
		height:159px;
	}

	span.productNo {
		float:left;
		margin:2px 0 0 8px;
		font-size:11px;
		color:#CCC;
	}
	
	/* DÉBUT * listing SPECIFIC */
	div.plGridElement ul {
		float:right;
		margin:0 0 2px 0;
		width:auto;
	}
	
		div.plGridElement ul li {
			float:right;
			margin:0 2px 0 0;
		}
	
	/* FIN *** listing SPECIFIC */
	
	/* DÉBUT * detail SPECIFIC */
	td.dispo_1 ul {
		float:left;
		margin:0;
	}
	
		td.dispo_1 ul li {
			float:left;
			margin:0 4px 0 0;
			_margin:0 3px 0 0;
		}
	
	/* FIN *** detail SPECIFIC */
	
	div.plGridElement ul, td.dispo_1 ul {
		list-style:none;
		list-style-type:none;
		padding:0;
		font-size:9px;
		line-height:15px;
		text-transform:uppercase;
	}
	
		div.plGridElement ul li, td.dispo_1 ul li {
			padding:0;
			width:15px;
			height:15px;
			border:#000000 solid 1px;
			background-color:#FFFFFF;
			text-align:center;
		}
		
		div.plGridElement ul li.linked, td.dispo_1 ul li.linked {
			width:16px;
			height:16px;
			border:none;
			background-color:none;
		}
		
			div.plGridElement ul li a, td.dispo_1 ul li a {
				display:block;
				width:15px;
				height:15px;
				background-color:#ffffff;
				border:#002550 solid 1px;
				text-decoration:none;
				color:#FFFFFF;
			}
		
				div.plGridElement ul li a:hover, td.dispo_1 ul li a:hover {
					background-color:#000000;
					border-color:#000000;
					text-decoration:none;
					color:#FFFFFF;
				}
				
				
/* productListingGridElement PANORAMIQUE */
div.plGridElementPAN {
	float:left;
	margin:0 3px 15px 0; /* La 3e valeur (bottom) défini l'espace entre les rangées d'éléments */
	padding:0;
	width:325px;
	height:159x;
	background-color:#666666;
	border:#666666 solid 1px;
}

	div.plGridElementPAN img {
		border:none;
		width:325px;
		height:158px;
	}

	span.productNoPAN {
		float:left;
		margin:2px 0 0 8px;
		font-size:11px;
		color:#CCC;
	}
	
	/* DÉBUT * listing SPECIFIC */
	div.plGridElementPAN ul {
		float:right;
		margin:0 0 2px 0;
		width:auto;
	}
	
		div.plGridElementPAN ul li {
			float:right;
			margin:0 2px 0 0;
		}
	
	div.plGridElementPAN ul, td.dispo_1 ul {
		list-style:none;
		list-style-type:none;
		padding:0;
		font-size:9px;
		line-height:15px;
		text-transform:uppercase;
	}
	
		div.plGridElementPAN ul li, td.dispo_1 ul li {
			padding:0;
			width:15px;
			height:15px;
			border:#000000 solid 1px;
			background-color:#FFFFFF;
			text-align:center;
		}
		
		div.plGridElementPAN ul li.linked, td.dispo_1 ul li.linked {
			width:15px;
			height:15px;
			border:none;
			background-color:none;
		}
		
			div.plGridElementPAN ul li a, td.dispo_1 ul li a {
				display:block;
				width:15px;
				height:15px;
				background-color:#ffffff;
				border:#002550 solid 1px;
				text-decoration:none;
				color:#000000;
			}
		
				div.plGridElementPAN ul li a:hover, td.dispo_1 ul li a:hover {
					background-color:#000000;
					border-color:#000000;
					text-decoration:none;
					color:#FFFFFF;
				}
				
/* FIN *** LISTING */

/* DÉBUT * Formulaire de contact */

	#tableContactForm {
		margin-left:120px; /* Pour donner l'apparence d'un tableau centré... */
		border:#666666 solid 3px;
	}
	
		#tableContactForm tr {
		}
			
			#tableContactForm tr td {
				padding:8px 6px 6px 6px;
				vertical-align:top;
			}
				
				#tableContactForm tr td p {
					margin:0;
				}
			
			#tableContactForm tr td.left {
				text-align:right;
				padding-top:12px;
				_padding-top:15px; /* underscore HACK - Explorer seulement */
				/* width:0%; */
			}
			
			#tableContactForm tr td.right {
				text-align:left;
				/* width:100%; */
			}
			
			#tableContactForm tr td.warning p {
				color:#FF0000;
			}
			
				#tableContactForm tr td span.note {
					color:#990000;
					font-size:12px;
					padding-bottom:10px;
				}

/* FIN *** Formulaire de contact */

.url_list {
	float:left;
	margin:0;
	padding:0;
	font-size:9px;
	line-height:15px;
	list-style:none outside none;
	text-transform:uppercase;
	color:#002550;
}
.url_list li{float:left;margin:0 4px 0 0;height:15px;border:1px solid #C9CACC;text-align:center;}
.url_list li span{padding:0px 5px;}
.url_list li a{border:1px solid #002550;padding:1px 5px;color:#000000;height:15px;}
.url_list li a:hover{color:#FFF;background:#000;}

